@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/archivo-black-latin-ext-400-normal.DQAASfvW.woff2) format("woff2"),url(/_astro/archivo-black-latin-ext-400-normal.-j5WRK12.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/archivo-black-latin-400-normal.BTVu2TQR.woff2) format("woff2"),url(/_astro/archivo-black-latin-400-normal.HW9MwEcM.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/space-grotesk-vietnamese-400-normal.B7xT_GF5.woff2) format("woff2"),url(/_astro/space-grotesk-vietnamese-400-normal.BIWiOVfw.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/space-grotesk-latin-ext-400-normal.CfP_5XZW.woff2) format("woff2"),url(/_astro/space-grotesk-latin-ext-400-normal.DRPE3kg4.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/space-grotesk-latin-400-normal.CJ-V5oYT.woff2) format("woff2"),url(/_astro/space-grotesk-latin-400-normal.BnQMeOim.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/space-grotesk-vietnamese-500-normal.BmEvtly_.woff2) format("woff2"),url(/_astro/space-grotesk-vietnamese-500-normal.BTqKIpxg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/space-grotesk-latin-ext-500-normal.DUe3BAxM.woff2) format("woff2"),url(/_astro/space-grotesk-latin-ext-500-normal.3dgZTiw9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/space-grotesk-latin-500-normal.lFbtlQH6.woff2) format("woff2"),url(/_astro/space-grotesk-latin-500-normal.CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/space-grotesk-vietnamese-700-normal.DMty7AZE.woff2) format("woff2"),url(/_astro/space-grotesk-vietnamese-700-normal.Duxec5Rn.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/space-grotesk-latin-ext-700-normal.BQnZhY3m.woff2) format("woff2"),url(/_astro/space-grotesk-latin-ext-700-normal.HVCqSBdx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/space-grotesk-latin-700-normal.RjhwGPKo.woff2) format("woff2"),url(/_astro/space-grotesk-latin-700-normal.CwsQ-cCU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #FAF3E3;--panel: #FFFFFF;--ink: #12100C;--ink-x: #12100C;--line: #12100C;--muted: #5f594d;--c-yellow: #FFD60A;--c-cyan: #53CDF0;--c-orange: #FF9770;--c-pink: #FF70A6;--c-red: #FF5C7A;--c-green: #0BD69E;--c-purple: #C39BF5;--c-lime: #CDF564;--c-mint: #7BE3A1;--c-blue: #7DA5FF;--tc: var(--c-yellow);--bd: 3px solid var(--line);--bd-card: 3px solid #12100C;--sh: 5px 5px 0 var(--line);--sh-lg: 9px 9px 0 var(--line);--radius: 12px;--radius-sm: 8px;--font-display: "Archivo Black", system-ui, sans-serif;--font: "Space Grotesk", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--bg: var(--paper);--surface: var(--panel);--surface-2: var(--panel);--text: var(--ink);--text-2: var(--muted);--border: var(--line);--accent: var(--tc);--accent-2: var(--tc);--accent-soft: var(--panel);--success: #0BD69E;--danger: #FF3355}[data-theme=dark]{--paper: #17140E;--panel: #221E16;--ink: #F7EFDF;--line: #F7EFDF;--muted: #b3aa97}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--paper);background-image:radial-gradient(color-mix(in srgb,var(--line) 14%,transparent) 1.5px,transparent 1.5px);background-size:22px 22px;color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg,canvas{max-width:100%}a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:3px}::selection{background:var(--c-yellow);color:#12100c}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.1}.container{max-width:1080px;margin:0 auto;padding:0 20px}.narrow{max-width:780px}.site-header{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:var(--bd)}.site-header .inner{display:flex;align-items:center;gap:16px;height:64px}.logo{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:1.05rem;color:var(--ink);text-decoration:none;letter-spacing:.01em}.logo .mark{width:40px;height:40px;border-radius:10px;background:var(--c-yellow);border:var(--bd-card);box-shadow:3px 3px 0 var(--line);display:grid;place-items:center;font-size:.72rem;color:#12100c;letter-spacing:0;transform:rotate(-4deg);transition:transform .18s}.logo:hover .mark{transform:rotate(4deg) scale(1.06)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:var(--bd);background:var(--panel);color:var(--ink);cursor:pointer;font-size:1rem;box-shadow:3px 3px 0 var(--line);transition:transform .12s,box-shadow .12s;text-decoration:none;font-family:var(--font)}.icon-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--line)}.icon-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--line)}.lang-switch{font-size:.85rem;font-weight:700;width:auto;padding:0 13px;text-transform:uppercase}.marquee{border-top:var(--bd);border-bottom:var(--bd);background:var(--ink);color:var(--paper);overflow:hidden;white-space:nowrap;padding:9px 0}.marquee .track{display:inline-block;animation:marquee 22s linear infinite;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.marquee:hover .track{animation-play-state:paused}.marquee .track span{margin:0 18px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee .track{animation:none}}.hero{text-align:center;padding:58px 0 30px}.hero-badges{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:26px}.sticker{display:inline-block;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;background:var(--panel);color:var(--ink);border:var(--bd);border-radius:99px;padding:5px 14px;box-shadow:3px 3px 0 var(--line)}.sticker.s1{transform:rotate(-3deg);background:var(--c-yellow);color:#12100c}.sticker.s2{transform:rotate(2deg);background:var(--c-pink);color:#12100c}.sticker.s3{transform:rotate(-1.5deg);background:var(--c-green);color:#12100c}.hero h1{font-size:clamp(2.2rem,6.5vw,4.2rem);text-transform:uppercase;margin:0 0 20px;letter-spacing:-.01em}.hero h1 .hl{display:inline-block;border:var(--bd-card);border-radius:10px;padding:0 14px 4px;box-shadow:5px 5px 0 var(--line);color:#12100c}.hero h1 .hl-a{background:var(--c-yellow);transform:rotate(-2deg)}.hero h1 .hl-b{background:var(--c-cyan);transform:rotate(1.5deg)}.hero p{color:var(--muted);font-size:1.15rem;font-weight:500;max-width:580px;margin:0 auto}.tool-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));padding:26px 0 54px}.tool-card{display:flex;flex-direction:column;gap:8px;background:var(--card-c, var(--c-yellow));border:var(--bd-card);border-radius:var(--radius);padding:22px 20px 20px;text-decoration:none;color:#12100c;box-shadow:var(--sh);transition:transform .16s,box-shadow .16s}.tool-card:nth-child(odd):hover{transform:translate(-3px,-3px) rotate(-1.2deg)}.tool-card:nth-child(2n):hover{transform:translate(-3px,-3px) rotate(1.2deg)}.tool-card:hover{box-shadow:var(--sh-lg)}.tool-card:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--line)}.tool-card .icon{width:48px;height:48px;border-radius:10px;background:#fff;border:var(--bd-card);display:grid;place-items:center;font-size:1.5rem}.tool-card h2{font-size:1.02rem;margin:8px 0 0}.tool-card p{font-size:.88rem;font-weight:500;margin:0;color:#12100cbb}.tool-card .go{margin-top:auto;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.tool-head{text-align:center;padding:44px 0 8px}.tool-head .emoji{display:inline-grid;place-items:center;width:76px;height:76px;font-size:2.3rem;background:var(--tc);border:var(--bd-card);border-radius:16px;box-shadow:5px 5px 0 var(--line);transform:rotate(-4deg)}.tool-head h1{font-size:clamp(1.7rem,4vw,2.5rem);text-transform:uppercase;margin:20px 0 12px}.tool-head .lead{color:var(--muted);font-weight:500;max-width:640px;margin:0 auto}.tool-panel{background:var(--panel);border:var(--bd);border-radius:var(--radius);box-shadow:8px 8px 0 var(--tc),8px 8px 0 3px var(--line);padding:30px;margin:32px 0 40px}@media(max-width:560px){.tool-panel{padding:18px}}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}input[type=text],input[type=number],input[type=date],input[type=url],select,textarea{font:inherit;font-weight:500;color:var(--ink);background:var(--paper);border:var(--bd);border-radius:var(--radius-sm);padding:11px 14px;outline:none;width:100%;transition:box-shadow .12s,transform .12s}input:focus,select:focus,textarea:focus{box-shadow:4px 4px 0 var(--tc);transform:translate(-2px,-2px)}input[type=range]{width:100%;accent-color:var(--ink)}input[type=checkbox]{accent-color:var(--ink);width:19px;height:19px}.btn{font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;border:var(--bd);border-radius:var(--radius-sm);padding:12px 22px;background:var(--tc);color:#12100c;box-shadow:4px 4px 0 var(--line);transition:transform .12s,box-shadow .12s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--line)}.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--line)}.btn.secondary{background:var(--panel);color:var(--ink)}.btn.danger{background:var(--danger);color:#fff}.btn.sm{padding:8px 14px;font-size:.82rem;box-shadow:3px 3px 0 var(--line)}.btn-row{display:flex;flex-wrap:wrap;gap:12px}.result-box{background:var(--tc);color:#12100c;border:var(--bd-card);border-radius:var(--radius-sm);box-shadow:4px 4px 0 var(--line);padding:16px 18px;margin-top:18px;font-size:1.05rem;font-weight:500}.result-box strong{font-size:1.3rem;font-family:var(--font-display);font-weight:400}.result-box .muted{color:#12100c99}.muted{color:var(--muted);font-size:.88rem}.tool-content{padding:4px 0 40px}.tool-content h2{font-size:1.25rem;margin:34px 0 10px;display:inline-block;background:var(--tc);color:#12100c;border:var(--bd-card);border-radius:8px;padding:3px 12px;transform:rotate(-.8deg);box-shadow:3px 3px 0 var(--line)}.tool-content p{margin:10px 0;color:var(--muted);font-weight:500}.tool-content strong{color:var(--ink)}details.faq{background:var(--panel);border:var(--bd);border-radius:var(--radius-sm);padding:14px 18px;margin:12px 0;box-shadow:3px 3px 0 var(--line)}details.faq summary{font-weight:700;cursor:pointer}details.faq[open]{box-shadow:5px 5px 0 var(--tc),5px 5px 0 3px var(--line)}details.faq p{margin:10px 0 4px;color:var(--muted);font-weight:500}.ad-slot{margin:26px auto;text-align:center;overflow:hidden}.support-cta{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:8px 0 26px}.site-footer{border-top:var(--bd);background:#12100c;color:#faf3e3;padding:30px 0 38px;margin-top:30px;font-size:.9rem;font-weight:500}.site-footer a{color:#faf3e3}.site-footer .inner{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.site-footer nav{display:flex;flex-wrap:wrap;gap:16px}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.calc-display{grid-column:1 / -1;background:var(--paper);border:var(--bd);border-radius:var(--radius-sm);font-family:var(--mono);font-weight:700;font-size:1.9rem;text-align:right;padding:16px 18px;min-height:70px;overflow-x:auto;white-space:nowrap}.calc-btn{font:inherit;font-size:1.15rem;font-weight:700;padding:15px 0;border-radius:var(--radius-sm);cursor:pointer;background:var(--panel);color:var(--ink);border:var(--bd);box-shadow:3px 3px 0 var(--line);transition:transform .1s,box-shadow .1s}.calc-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--line)}.calc-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--line)}.calc-btn.op{background:var(--tc);color:#12100c}.calc-btn.eq{background:var(--ink);color:var(--paper)}.check-item{display:flex;align-items:center;gap:12px;background:var(--paper);border:var(--bd);border-radius:var(--radius-sm);padding:12px 14px;margin:10px 0;box-shadow:3px 3px 0 var(--line);transition:transform .12s}.check-item:hover{transform:translate(3px)}.check-item.done{background:var(--panel);box-shadow:none}.check-item.done label{text-decoration:line-through 2px;color:var(--muted)}.check-item label{flex:1;cursor:pointer;overflow-wrap:anywhere;font-weight:500}.check-item .del{background:none;border:none;cursor:pointer;color:var(--muted);font-size:1.05rem;padding:4px}.check-item .del:hover{color:var(--danger)}.timer-display{font-family:var(--font-display);font-size:clamp(3.2rem,13vw,5.6rem);text-align:center;letter-spacing:.01em;margin:4px 0 14px;font-variant-numeric:tabular-nums;text-shadow:4px 4px 0 var(--tc)}.timer-display.done{color:var(--success);animation:bounce .5s ease 2}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin-top:18px}.stat{background:var(--paper);border:var(--bd);border-radius:var(--radius-sm);padding:14px;text-align:center;box-shadow:3px 3px 0 var(--line)}.stat b{display:block;font-family:var(--font-display);font-weight:400;font-size:1.4rem}.stat span{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:560px){.two-col{grid-template-columns:1fr}}.qr-out{display:grid;place-items:center;padding:22px 0 8px}.qr-out svg{background:#fff;padding:12px;border:var(--bd-card);border-radius:var(--radius-sm);box-shadow:6px 6px 0 var(--tc),6px 6px 0 3px var(--line)}.pw-out{font-family:var(--mono);font-weight:700;font-size:1.15rem;background:var(--paper);border:var(--bd);border-radius:var(--radius-sm);padding:15px 16px;overflow-wrap:anywhere;user-select:all;box-shadow:4px 4px 0 var(--tc)}.pw-meter{height:12px;border:var(--bd);border-radius:99px;background:var(--paper);margin-top:14px;overflow:hidden}.pw-meter div{height:100%;transition:width .2s,background .2s}textarea.notepad{min-height:46vh;resize:vertical;font-size:1rem;line-height:1.7}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}.copied-toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%) translateY(90px) rotate(-2deg);background:var(--c-green);color:#12100c;border:var(--bd-card);border-radius:10px;box-shadow:4px 4px 0 var(--line);padding:10px 22px;font-size:.95rem;font-weight:700;text-transform:uppercase;opacity:0;transition:transform .25s,opacity .25s;pointer-events:none;z-index:99}.copied-toast.show{transform:translate(-50%) translateY(0) rotate(-2deg);opacity:1}.big-404{font-family:var(--font-display);font-size:clamp(5rem,22vw,12rem);text-align:center;margin:30px 0 0;text-shadow:6px 6px 0 var(--c-yellow),12px 12px 0 var(--c-pink)}.related-title{display:inline-block;font-size:1.05rem;background:var(--panel);border:var(--bd);border-radius:8px;padding:4px 14px;transform:rotate(-1deg);box-shadow:3px 3px 0 var(--line);margin-bottom:6px}