@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cd79e1ff94fa521b-s.p.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/89362aa296165c6d-s.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e11f95d95ac59fa4-s.p.woff2) format("woff2");unicode-range:u+00??,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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/00f4982f357db61e-s.p.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/62a3c74fa0e47362-s.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8201559e247ad180-s.p.woff2) format("woff2");unicode-range:u+00??,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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2173e4bb28c315da-s.p.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c6f81e539d11fc99-s.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/25ab8995c98996d7-s.p.woff2) format("woff2");unicode-range:u+00??,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:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9ddf1512dbee9c99-s.p.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8247d8d2a376ae43-s.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e270c9fc4fe96f5a-s.p.woff2) format("woff2");unicode-range:u+00??,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:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/6bb6a9cb68044e10-s.p.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/9a3689a7cda641d2-s.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/bed26dc8a57eea87-s.p.woff2) format("woff2");unicode-range:u+00??,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:Be Vietnam Pro Fallback;src:local("Arial");ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.00%;size-adjust:110.36%}.__className_383d88{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.__variable_383d88{--font-be-vietnam:"Be Vietnam Pro","Be Vietnam Pro Fallback"}:root{color-scheme:light dark;--bg:#f7f7f9;--surface:#ffffff;--surface-2:#fbfbfc;--ink:#1b1b1f;--ink-soft:#51515b;--muted:#6d6d77;--line:#e6e6ea;--line-strong:#d7d7dd;--accent:#e11d48;--accent-strong:#be123c;--accent-soft:#fff1f3;--accent-ink:#be123c;--danger-bg:#fef2f2;--danger-line:#f2c2c2;--danger-ink:#b3261e;--ok:#15803d;--shadow-sm:0 1px 2px rgba(24,24,27,0.05);--shadow:0 8px 28px rgba(24,24,27,0.08);--r-input:12px;--r-card:18px;--r-chip:10px}@media (prefers-color-scheme:dark){:root{--bg:#161618;--surface:#202023;--surface-2:#26262a;--ink:#f3f3f5;--ink-soft:#b6b6bf;--muted:#9a9aa4;--line:#34343a;--line-strong:#41414a;--accent:#fb7185;--accent-strong:#f43f5e;--accent-soft:#2a1b22;--accent-ink:#fda4af;--danger-bg:#2c1a1a;--danger-line:#5a2f2f;--danger-ink:#fca5a5;--ok:#4ade80;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow:0 10px 30px rgba(0,0,0,0.4)}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100dvh;color:var(--ink);background:var(--bg);font-family:var(--font-be-vietnam),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{max-width:680px;margin:0 auto;padding:40px 18px 96px}header.hero{text-align:center;margin-bottom:28px}header.hero .hero-photo{width:132px;height:132px;margin:0 auto 18px;border-radius:50%;overflow:hidden;background:var(--surface);border:3px solid var(--surface);box-shadow:0 0 0 2px var(--accent-soft),var(--shadow)}header.hero .hero-photo img{width:100%;height:100%;object-fit:cover;display:block}header.hero .brandmark{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--accent-ink);background:var(--accent-soft);padding:6px 14px;border-radius:999px;margin-bottom:18px}header.hero h1{font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-.01em;margin:0 0 10px;color:var(--ink)}header.hero p{margin:0 auto;max-width:440px;color:var(--ink-soft);font-size:15px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:24px;box-shadow:var(--shadow-sm);margin-bottom:18px}label.field{display:block;margin-bottom:20px}label.field>span.lbl{display:block;font-weight:700;font-size:14px;margin-bottom:8px;color:var(--ink)}label.field>span.hint{font-weight:400;color:var(--muted);font-size:13px}input[type=password],input[type=text],textarea{width:100%;border:1.5px solid var(--line-strong);border-radius:var(--r-input);padding:12px 14px;font-size:15px;font-family:inherit;color:var(--ink);background:var(--surface-2);transition:border-color .18s,box-shadow .18s,background .18s}input[type=password]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:var(--muted)}input[type=password]:focus,input[type=text]:focus,textarea:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-soft)}textarea{min-height:132px;resize:vertical;line-height:1.6}.seg{display:flex;gap:9px;flex-wrap:wrap}.seg button{flex:1 1;min-width:116px;border:1.5px solid var(--line-strong);background:var(--surface-2);color:var(--ink-soft);border-radius:999px;padding:11px 12px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .16s,color .16s,background .16s,transform .1s}.seg button:hover{border-color:var(--accent);color:var(--accent-ink)}.seg button:active{transform:scale(.98)}.seg button.on{border-color:var(--accent)}.seg button.on,button.primary{background:var(--accent);color:#ffffff}button.primary{width:100%;border:none;font-size:16px;font-weight:700;font-family:inherit;padding:15px;border-radius:var(--r-input);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .15s,transform .1s}button.primary:hover{background:var(--accent-strong)}button.primary:active{transform:translateY(1px)}button.primary:disabled{opacity:.65;cursor:progress}.result-card{position:relative;overflow:hidden;animation:rise .4s cubic-bezier(.21,.8,.3,1) both}.result-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}.result-card h3{margin:0;font-size:16px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:10px}.result-card h3 .ic{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-chip);background:var(--accent-soft);color:var(--accent-ink);flex-shrink:0}.result-card h3 .ttl{flex:1 1}.result-card .content{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-input);padding:16px;margin:14px 0;font-size:15px;color:var(--ink);line-height:1.66}.result-card .actions{display:flex;gap:10px}.result-card .actions button{border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);border-radius:var(--r-input);padding:10px 16px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:border-color .15s,color .15s,background .15s,transform .1s}.result-card .actions button:hover{border-color:var(--accent);color:var(--accent-ink)}.result-card .actions button:active{transform:scale(.98)}.result-card .actions button:disabled{opacity:.55;cursor:progress}.result-card .actions button.copied{border-color:var(--ok);color:var(--ok)}.results-intro{display:flex;align-items:center;gap:8px;justify-content:center;text-align:center;font-size:14px;color:var(--ink-soft);margin:4px 0 18px}.note{font-size:13px;color:var(--muted);margin-top:8px}.error{display:flex;align-items:flex-start;gap:8px;background:var(--danger-bg);border:1px solid var(--danger-line);color:var(--danger-ink);border-radius:var(--r-input);padding:12px 14px;font-size:14px;margin-bottom:16px}.spin{display:inline-flex;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.result-card,.spin{animation:none}}