:root{color:#24342f;font-synthesis:none;--green:#175b45;--ink:#172e26;--muted:#64746c;--line:#dce4dd;--mint:#eaf3e9;background:#f7f8f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer;color:var(--ink);background:#fff;border:1px solid #cbd9cf;border-radius:9px;padding:.65rem 1rem;font-weight:600}button:hover{background:#eef5ee}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--green);color:#fff;border-color:var(--green);padding:.9rem 1.4rem}button.primary span{padding-inline-start:1rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #c48e20}header{justify-content:space-between;align-items:center;gap:24px;max-width:1240px;margin:auto;padding:24px 28px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:18px;font-weight:750;text-decoration:none;display:flex}.brand-icon{background:var(--green);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;font-size:25px;display:grid}.brand em{color:var(--green);font-style:normal}nav{align-items:center;gap:26px;display:flex}nav a{font-size:14px;text-decoration:none}main{max-width:1184px;margin:auto;padding:24px 28px 64px}.draft-banner{color:#526144;text-align:center;background:#edf1e7;border-block:1px solid #e0e7d9;padding:8px 20px;font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#617765;font-size:11px;font-weight:750}.hero{max-width:850px;padding:25px 0 30px}h1{letter-spacing:-.045em;color:var(--ink);margin:13px 0 18px;font-size:clamp(32px,4.5vw,52px);line-height:1.12}h2{color:var(--ink);letter-spacing:-.025em;margin-top:32px;font-size:25px}h3{color:var(--ink);font-size:18px}p{line-height:1.7}.hero p{color:var(--muted);margin-bottom:0;font-size:18px}.breadcrumb{color:var(--muted);font-size:12px}.tool-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:48px;display:grid}.tool-surface{border:1px solid var(--line);background:#fff;border-radius:18px;width:100%;min-width:0;padding:26px;box-shadow:0 10px 35px #1e44290a}.embed{background:#fffefd}.embed main{max-width:1000px;margin:auto;padding:26px}.ad-slot{text-align:center;color:#718173;background:#f0f3ec;border:1px dashed #aba;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:24px;display:flex}.ad-slot small{text-transform:uppercase;letter-spacing:.1em;font-size:10px}.ad-slot div{margin-top:50px}.ad-slot p{font-size:12px}.trust-row{border-bottom:1px solid var(--line);color:#607465;gap:30px;padding:23px 0;font-size:13px;display:flex}.intro-copy{max-width:780px}.content-grid{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:70px;padding-top:24px;display:grid}.article{max-width:760px}.article p,.article li{color:#4e6258;line-height:1.8}.article pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf2e9;border-radius:12px;padding:20px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px;text-decoration:none;display:block}.card:hover{border-color:#699782;box-shadow:0 4px 16px #264d3710}.card h3{margin:0 0 10px;font-size:16px}.card p{color:var(--muted);margin:0;font-size:13px}.card .arrow{float:right}.side-links{padding:0;list-style:none}.side-links li{border-bottom:1px solid var(--line);padding:14px 0}.side-links a{text-decoration:none}.languages{flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.languages a{background:#eff3eb;border-radius:6px;padding:6px 10px;text-decoration:none}footer{border-top:1px solid var(--line);max-width:1184px;color:var(--muted);margin:auto;padding:30px 28px;font-size:12px}footer .links{flex-wrap:wrap;gap:18px;display:flex}.tool-top{justify-content:space-between;gap:18px;margin-bottom:20px;font-size:11px;display:flex}.result-panel label{color:#5d725f;font-size:12px}.result-panel textarea{resize:vertical;color:#1c4936;overflow-wrap:anywhere;background:0 0;border:none;min-height:80px;padding:12px 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:23px;line-height:1.5}.result-panel textarea.masked{-webkit-text-security:disc;color:#0000;text-shadow:0 0 12px #1c4936}.actions{flex-wrap:wrap;gap:8px;display:flex}.main-actions{margin:22px 0}.result-panel .actions button{padding:.45rem .8rem;font-size:12px}.result-panel #status{min-height:18px;margin:10px 0 0;font-size:12px}.muted{color:var(--muted);font-size:12px}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:16px;font-size:16px;font-weight:650}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}label{font-size:13px;font-weight:550;display:block}input:not([type=checkbox]),select,textarea{color:#253c2e;background:#fff;border:1px solid #cddacf;border-radius:8px;width:100%;min-height:42px;margin-top:7px;padding:10px 12px;display:block}textarea{resize:vertical}input[type=checkbox]{width:17px;height:17px;accent-color:var(--green);flex:none;margin:0}.checks{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.checks label,.check{align-items:center;gap:9px;font-weight:450;display:flex}.checks small{color:#7c897f;margin-inline-start:auto;font-size:11px}.wide{grid-column:1/-1}details{border-block:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-size:13px;font-weight:600}details .fields{padding-top:18px}details p{color:var(--muted);font-size:12px}.share{align-items:center;gap:16px;margin-top:20px;display:flex}.share button{white-space:nowrap;font-size:12px}#result-list{flex-wrap:wrap;gap:4px;max-height:90px;display:flex;overflow:auto}#result-list button{padding:4px 8px;font-size:10px}#guest-card{text-align:center;border:1px solid var(--line);margin:20px 0;padding:20px}#qr{max-width:100%;height:auto;image-rendering:pixelated}#network-label,#printed-password{overflow-wrap:anywhere;white-space:pre-wrap}.skip{z-index:2;background:#fff;padding:10px;position:absolute;top:-70px;left:10px}.skip:focus{top:10px}@media (width>=1200px){.tool-grid:has(.ad-slot){grid-template-columns:minmax(0,1fr) 280px}}@media (width<=767px){header{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:18px}.brand{font-size:16px}nav{gap:18px;width:100%;padding-top:6px;overflow:auto}main{padding:14px 16px 40px}.hero{padding:20px 0 25px}.hero p{font-size:16px}.tool-surface{border-radius:23px;padding:16px}.embed main{padding:16px}.trust-row{flex-wrap:wrap;gap:10px 20px}.content-grid{grid-template-columns:1fr;gap:20px}.cards{grid-template-columns:1fr}.result-panel{padding:15px}.result-panel textarea{font-size:19px}.fields{gap:14px}.checks{grid-template-columns:1fr}.share{flex-direction:column;align-items:flex-start}.tool-top{font-size:10px}.ad-slot{min-height:220px}}@media print{body.public>*,body.embed>*{display:none!important}body.public main,body.embed main,body.public .tool-grid,body.public .tool-surface,body.public [data-tool-root],body.embed [data-tool-root]{box-shadow:none!important;border:0!important;padding:0!important;display:block!important}body.public [data-tool-root]>:not(#guest-card),body.embed [data-tool-root]>:not(#guest-card){display:none!important}[data-tool-root] #guest-card{break-inside:avoid;border:0;margin:0;display:block!important}[data-tool-root] #guest-card[hidden]{display:none!important}#qr{max-width:90mm}#guest-card h2{margin-top:0}@page{margin:18mm}}.fixture-controls{border:1px dashed #aaa;max-width:900px;margin:15px auto;padding:15px}.fixture-controls p{font-size:12px}.adsbygoogle{display:block}[data-tool-root][data-kind=wifi] .result-panel>label,[data-tool-root][data-kind=wifi] .result-panel>textarea,[data-tool-root][data-kind=wifi] .result-panel>.actions,[data-tool-root][data-kind=strength] .result-panel>label,[data-tool-root][data-kind=strength] .result-panel>textarea,[data-tool-root][data-kind=strength] .result-panel>.actions{display:none}:root{--ink:#382f29;--muted:#706057;--line:#e5d7c8;--accent:#246b58;--green:#246b58;--wash:#e4f3df;--pop:#c3dfb9;color:var(--ink);background:#fffaf2}[data-tone=sky]{--accent:#ac4134;--wash:#fff0e3;--pop:#f4c5ad}[data-tone=violet]{--accent:#963c60;--wash:#fce7ee;--pop:#eec0d0}[data-tone=peach]{--accent:#96501f;--wash:#fff1d0;--pop:#efd397}a{color:var(--accent)}body.public{background:var(--page)}header{padding-block:27px;position:relative}.brand{letter-spacing:-.035em;gap:13px;font-weight:800}.brand em{color:#b94335}.brand-icon{line-height:1; padding-block-start:2px; color:#fffaf2;background:#ca5142;border-radius:14px;width:42px;height:42px;font-size:32px;font-weight:600;transform:rotate(-8deg);box-shadow:3px 4px #f7c778}header nav{gap:10px}header nav a{color:var(--ink);border-radius:24px;padding:9px 15px;font-weight:600}header nav a:hover{background:#505153}header nav a[aria-current]{background:#505153}.draft-banner{color:#776457;background:#f5ecde;border-color:#eaddca}.hero{isolation:isolate;background:#ffe5a3;border:1px solid #efd08c;border-radius:30px 30px 70px;max-width:none;margin:14px 0 28px;padding:32px 38px 36px;position:relative;overflow:hidden}.hero .eyebrow{color:#6b4e2d;background:#fff9e8;border:1px solid #e8cd94;border-radius:20px;padding:7px 13px;display:inline-block}.hero h1{letter-spacing:-.045em;max-width:820px;font-weight:800}.hero p{color:#6a5135;max-width:730px}.hero:before,.hero:after{content:"";pointer-events:none;z-index:-1;position:absolute}.hero:before{inset-inline-end:-56px;border:29px solid #ee9680;border-radius:50%;width:175px;height:175px;top:-70px}.hero:after{inset-inline-end:35px;background:#aacdaa;border-radius:25px;width:78px;height:78px;bottom:-43px;transform:rotate(25deg);box-shadow:83px -29px 0 2px #f5c163}h2{letter-spacing:-.035em;font-size:27px}h3{letter-spacing:-.02em}.quick-start{border:1px solid var(--line);background:#fffefd;border-radius:25px;grid-template-columns:1fr 1.2fr;gap:18px 38px;margin:0 0 30px;padding:27px 30px;display:grid;box-shadow:0 5px #efe3d3}.quick-purpose .eyebrow{color:var(--accent)}.quick-purpose p{margin:10px 0 0;font-size:15px;line-height:1.7}.quick-start ol{counter-reset:steps;gap:14px;margin:0;padding:0;list-style:none;display:grid}.quick-start li{counter-increment:steps;gap:12px;font-size:14px;line-height:1.55;display:flex}.quick-start li:before{content:counter(steps);color:#70471d;background:#ffe4a0;border-radius:10px;flex:0 0 29px;place-items:center;height:29px;font-weight:800;display:grid;transform:rotate(-5deg)}.quick-start li:nth-child(2):before{color:#315c3e;background:#dcedd5;transform:rotate(5deg)}.quick-start li:nth-child(3):before{color:#883e35;background:#f9d9d0;transform:rotate(-5deg)}.quick-note{border-top:1px dashed var(--line);color:var(--muted);grid-column:1/-1;margin:0;padding-top:16px;font-size:13px;line-height:1.65}.tool-surface{--green:var(--accent);border:2px solid var(--pop);box-shadow:0 7px 0 var(--wash);border-radius:26px}.tool-surface a,.embed a{color:var(--accent)}.tool-top{background:var(--wash);border-radius:12px;align-items:center;padding:11px 14px}.tool-top .eyebrow{color:var(--accent)}.result-panel{background:var(--wash);border:1px solid var(--pop);border-radius:19px;padding:22px}.result-panel textarea{color:var(--ink)}.result-panel label{color:var(--accent);font-weight:700}button{color:var(--ink);background:#fffefd;border-color:#dfcec0;border-radius:12px}button:hover{background:#fff1cf;border-color:#c6aa83}button.primary{background:var(--accent);border-color:var(--accent);box-shadow:0 4px 0 var(--pop);border-radius:30px;padding:.95rem 1.5rem}button.primary:hover{filter:brightness(.94)}input:not([type=checkbox]),select,textarea{color:var(--ink);border-color:#dfcec0;border-radius:12px}input[type=checkbox]{accent-color:var(--accent)}input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#267a80}.checks small{color:var(--muted)}.trust-row{border:0;gap:12px}.trust-row>span{color:#476143;background:#e7f0df;border:1px solid #d3e2c8;border-radius:20px;padding:9px 13px}.trust-row>span:nth-child(2){color:#705729;background:#fff0cc;border-color:#efdfaf}.trust-row>span:nth-child(3){color:#885044;background:#fae1d7;border-color:#edcdc0}.cards{gap:20px}.card{border:1px solid var(--pop);background:var(--wash);box-shadow:0 5px 0 var(--pop);border-radius:23px;padding:25px;transition:transform .16s,box-shadow .16s}.card:hover{border-color:var(--accent);box-shadow:0 8px 0 var(--pop);transform:translateY(-3px)}.card .arrow{color:var(--accent);background:#fffefd;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.card h3{padding-inline-end:28px;font-size:17px;line-height:1.4}.card p{color:var(--muted)}.content-grid>aside{background:#fbe3d8;border:1px solid #efcdbd;border-radius:25px 25px 45px;align-self:start;padding:8px 24px 18px}.side-links li{border-color:#e9cabb}.side-links a{color:#8f4735}.languages a{color:#785124;background:#fff0cb;border:1px solid #efdfb2;border-radius:20px;padding:8px 13px}.languages a:hover{background:#ffe2a0}.article p,.article li{color:#685b50}.article pre{background:#f4eddf}.article details{background:#f4eddf;border:1px solid #e4d9c7;border-radius:18px;margin:16px 0;padding:17px 20px}.article summary{color:#5a513f;font-size:15px}.article code{overflow-wrap:anywhere}.article h3{line-height:1.4}.ad-slot{color:#807361;background:#f5eee3;border-color:#cbbca9;border-radius:22px}footer{background:#eeeeda;border-color:#e1dfc5;border-radius:28px 28px 0 0}footer a{color:#53613c}@media (width<=767px){header{padding:20px 18px}.brand-icon{width:38px;height:38px;font-size:29px}header nav{flex-wrap:wrap;gap:5px;overflow:visible}header nav a{padding:7px 12px}.hero{border-radius:24px 24px 48px;margin-top:8px;padding:25px 24px 30px}.hero h1{font-size:clamp(30px,7.6vw,44px)}.hero:before{top:-56px;border-width:20px;width:108px;height:108px;inset-inline-end:-42px}.hero:after{bottom:-44px;width:60px;height:60px;inset-inline-end:25px}.quick-start{border-radius:23px;grid-template-columns:1fr;gap:20px;padding:23px}.quick-note{grid-column:auto}.tool-surface{border-radius:23px}.tool-top{padding:10px 12px}.result-panel{padding:16px}.content-grid>aside{padding:8px 20px 16px}.card{padding:23px}}[data-tool-root][data-kind=convert]{flex-direction:column;display:flex}[data-tool-root][data-kind=convert]>.tool-top{order:0}[data-tool-root][data-kind=convert]>#settings{order:1}[data-tool-root][data-kind=convert]>.main-actions{order:2}[data-tool-root][data-kind=convert]>.result-panel{order:3}[data-tool-root][data-kind=convert]>p,[data-tool-root][data-kind=convert]>noscript{order:4}@media (prefers-reduced-motion:reduce){.card{transition:none}}.security-indicator{--rating-fill:#d9d0c6;--rating-ink:#6a5d51;--rating-tint:#f4eee6;background:#fffefd;border:1px solid #e6dcd0;border-radius:16px;margin-top:20px;padding:18px}.security-indicator[data-score="0"]{--rating-fill:#d73b3f;--rating-ink:#a1262a;--rating-tint:#fde8e6}.security-indicator[data-score="1"]{--rating-fill:#e87525;--rating-ink:#9a4511;--rating-tint:#fff0e2}.security-indicator[data-score="2"]{--rating-fill:#e4ba24;--rating-ink:#765b08;--rating-tint:#fff6ce}.security-indicator[data-score="3"]{--rating-fill:#67a54a;--rating-ink:#356527;--rating-tint:#eaf4e2}.security-indicator[data-score="4"]{--rating-fill:#24854d;--rating-ink:#1b643a;--rating-tint:#e0f2e6}.security-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.security-heading>span{font-size:14px;font-weight:700}.security-heading output{color:var(--rating-ink);background:var(--rating-tint);border-radius:20px;padding:7px 13px;font-size:15px;font-weight:750}.security-scale{gap:6px;margin:14px 0 12px;display:flex}.security-scale span{background:#eee8e0;border-radius:6px;flex:1;height:8px}.security-scale .filled{background:var(--rating-fill)}.security-note{color:#706057;margin:7px 0 0;font-size:11px;font-weight:400;line-height:1.6}@media (width<=767px){.security-indicator{padding:15px}.security-heading{gap:9px}.security-heading output{font-size:14px}}
/* Password Generator Plus VERT-referenced charcoal theme. */
:root{color-scheme:dark;--page:#242628;--page-deep:#202224;--surface:#3b3c40;--surface-raised:#424347;--surface-soft:#45464a;--surface-strong:#505153;--line:#45464a;--line-strong:#67686c;--ink:#fff;--ink-soft:#ececee;--muted:#bfc0c3;--accent:#ff85fb;--accent-hover:#ffa2fd;--accent-ink:#242628;--accent-wash:#4d4550;--green:var(--accent);--wash:var(--surface-raised);--pop:var(--line-strong);--success:#8eebad;--warning:#ffd166;--error:#ff99ad;--focus:#ffd7fb;background:var(--page);color:var(--ink)}
html{background:var(--page-deep)}
body.public,body.embed{color:var(--ink);background:linear-gradient(180deg,rgba(255,0,242,.1),rgba(255,0,242,.04) 48%,rgba(255,0,242,0) 100%),var(--page);background-attachment:fixed}
body.public,body.embed{min-height:100vh}
a{color:var(--accent);text-decoration-thickness:1px}
a:hover{color:var(--accent-hover)}
a:visited{color:var(--accent)}
header{background:linear-gradient(180deg,#3b3c40e6,transparent);border-bottom:1px solid #45464a;position:relative}
.brand{color:var(--ink);letter-spacing:-.035em;gap:13px;font-weight:800}
.brand-icon{color:var(--accent-ink);background:var(--accent);border:2px solid #ffb0fc;border-radius:12px;box-shadow:3px 3px 0 #68606b;transform:none}
.brand em{color:var(--accent)}
header nav{gap:10px}
header nav a,header nav a:visited{color:var(--ink-soft);background:transparent;border:1px solid transparent;border-radius:10px;padding:9px 15px;font-weight:600}
header nav a:hover,header nav a:visited:hover{color:var(--ink);background:var(--surface-strong);border-color:var(--line-strong)}
header nav a:active{color:var(--ink);background:var(--surface-strong)}
header nav a[aria-current],header nav a[aria-current]:visited{color:var(--ink);background:var(--surface-strong);border-color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}
header nav a[aria-current]:hover{background:#5b5c5f;border-color:var(--accent)}
header nav a:focus-visible{color:var(--ink);outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 6px var(--page)}
.draft-banner{color:var(--warning);background:#37312a;border-color:#625844}
.eyebrow{color:var(--accent)}
.hero{isolation:isolate;background:linear-gradient(135deg,#45464a 0%,#3b3c40 58%,#505153 100%);border-color:#67686c;box-shadow:0 10px 30px #161719;max-width:none}
.hero .eyebrow{color:var(--accent);background:#3f3941;border-color:#6f636f}
.hero h1,h1,.hero h2,h2,h3{color:var(--ink)}
.hero p{color:var(--ink-soft)}
.hero:before{border-color:#b55caf}
.hero:after{background:#686b9a;box-shadow:83px -29px 0 2px #9d6397}
.breadcrumb{color:var(--muted)}
main{color:var(--ink)}
.tool-surface{color:var(--ink);background:var(--surface);border-color:var(--line-strong);box-shadow:0 8px 0 #1b1c1e;border-radius:18px}
.embed .tool-surface{background:var(--surface)}
.tool-top{color:var(--ink-soft);background:var(--surface-soft);border-radius:10px;align-items:center;padding:11px 14px}
.tool-top .eyebrow{color:var(--accent)}
.result-panel{background:var(--surface-raised);border-color:var(--line-strong)}
.result-panel label{color:var(--accent)}
.result-panel textarea{color:var(--ink);background:#2d2f32;padding-inline:10px}#ascii{padding-inline:10px}
.result-panel textarea.masked{text-shadow:0 0 12px var(--accent)}
button{color:var(--ink);background:var(--surface-soft);border-color:var(--line-strong);border-radius:10px}
button:hover{color:var(--ink);background:var(--surface-strong);border-color:var(--accent)}
button:active{color:var(--ink);background:#5b5c5f;transform:translateY(1px)}
button.primary{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);box-shadow:0 4px 0 #9b5b98;border-radius:30px}
button.primary:hover{color:var(--accent-ink);background:var(--accent-hover);border-color:var(--accent-hover);filter:none}
button.primary:active{color:var(--accent-ink);background:#ed70e9;box-shadow:0 2px 0 #9b5b98}
button:disabled,input:disabled,select:disabled,textarea:disabled{color:#96979c;background:#2d2f32;border-color:#55575c;opacity:.58}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 6px var(--page)}
input:not([type=checkbox]),select,textarea{color:var(--ink);background:#2d2f32;border-color:var(--line-strong)}
input:not([type=checkbox]):hover,select:hover,textarea:hover{border-color:var(--accent)}
input::placeholder,textarea::placeholder{color:#aeb0b5}
input[type=checkbox]{accent-color:var(--accent)}
.checks label:has(input:checked){color:var(--ink)}
.checks small{color:var(--muted)}
.muted{color:var(--muted)}
.trust-row{color:var(--ink-soft);border-color:var(--line)}
.trust-row>span{color:var(--success);background:#294238;border:1px solid #578c70;border-radius:20px;padding:9px 13px}
.trust-row>span:nth-child(2){color:var(--warning);background:#40392b;border-color:#776941}
.trust-row>span:nth-child(3){color:var(--accent-hover);background:#403341;border-color:#796078}
.quick-start{color:var(--ink);background:var(--surface-raised);border-color:var(--line);box-shadow:0 5px 0 #1b1c1e}
.quick-purpose .eyebrow{color:var(--accent)}
.quick-start li:before{color:var(--accent-ink);background:var(--warning)}
.quick-start li:nth-child(2):before{color:#173528;background:var(--success)}
.quick-start li:nth-child(3):before{color:#431b27;background:var(--error)}
.quick-note{color:var(--muted);border-color:var(--line)}
.content-grid>aside{color:var(--ink);background:#414246;border-color:#67686c}
.side-links li{border-color:var(--line)}
.side-links a{color:var(--accent)}
.cards{gap:20px}
.card{color:var(--ink);background:var(--surface-raised);border-color:var(--line);box-shadow:0 5px 0 #1b1c1e;transition:transform .16s,box-shadow .16s,border-color .16s}
.card:hover{color:var(--ink);border-color:var(--accent);background:var(--surface-soft);box-shadow:0 8px 0 #1b1c1e;transform:translateY(-3px)}
.card .arrow{color:var(--accent-ink);background:var(--accent)}
.card h3{color:var(--ink)}
.card p{color:var(--muted)}
.languages a{color:var(--ink-soft);background:var(--surface-soft);border:1px solid var(--line);border-radius:18px}
.languages a:hover{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}
.article p,.article li{color:var(--ink-soft)}
.article pre{color:var(--ink-soft);background:#242628;border:1px solid var(--line);border-radius:12px}
.article code{color:var(--accent-hover)}
.article details{color:var(--ink-soft);background:var(--surface-raised);border-color:var(--line);border-radius:14px}
.article summary{color:var(--ink);font-size:15px}
.ad-slot{color:var(--muted);background:#2d2f32;border-color:var(--line-strong)}
#guest-card{background:var(--surface-raised);border-color:var(--line)}
#network-label,#printed-password{color:var(--ink)}
.skip{color:var(--accent-ink);background:var(--accent)}
footer{color:var(--muted);background:#2d2f32;border-color:var(--line)}
footer a{color:var(--accent)}
[aria-invalid=true],.error,.is-error{border-color:var(--error)!important;color:var(--error)}
.success,.is-success{color:var(--success)}
.warning,.is-warning{color:var(--warning)}
.security-indicator{--rating-fill:#888a8f;--rating-ink:var(--ink-soft);--rating-tint:#45464a;color:var(--ink);background:#2d2f32;border-color:var(--line);box-shadow:none}
.security-indicator[data-score="0"]{--rating-fill:var(--error);--rating-ink:#ffdce3;--rating-tint:#54333d}
.security-indicator[data-score="1"]{--rating-fill:#ffb47a;--rating-ink:#ffd9bd;--rating-tint:#4f3c32}
.security-indicator[data-score="2"]{--rating-fill:var(--warning);--rating-ink:#ffeba8;--rating-tint:#4b422b}
.security-indicator[data-score="3"]{--rating-fill:#b8f0a4;--rating-ink:#daf8cf;--rating-tint:#304936}
.security-indicator[data-score="4"]{--rating-fill:var(--success);--rating-ink:#baf5d0;--rating-tint:#29463b}
.security-heading output{color:var(--rating-ink);background:var(--rating-tint)}
.security-scale span{background:#55575c}
.security-note{color:var(--muted)}
@media (width<=767px){header{background:linear-gradient(180deg,#3b3c40f2,transparent);border-bottom:1px solid #45464a}nav{padding-bottom:3px}nav a{background:var(--surface);border:1px solid var(--line);border-radius:18px}nav a[aria-current]{border-color:var(--accent)}.hero{box-shadow:0 8px 22px #161719}.tool-surface{box-shadow:0 6px 0 #1b1c1e}.quick-start{box-shadow:0 4px 0 #1b1c1e}.content-grid>aside{background:#414246}.card{box-shadow:0 4px 0 #1b1c1e}.card:hover{box-shadow:0 6px 0 #1b1c1e}}
@media print{html,body.public,body.embed{color-scheme:light;color:#141516;background:#fff!important}body.public main,body.embed main,body.public .tool-surface,body.embed .tool-surface,body.public [data-tool-root],body.embed [data-tool-root]{color:#141516;background:#fff!important}body.public h1,body.public h2,body.public h3,body.public p,body.public label,body.public .article p,body.public .article li,body.embed h1,body.embed h2,body.embed h3,body.embed p,body.embed label{color:#141516!important}body.public .result-panel,body.embed .result-panel,body.public .security-indicator,body.embed .security-indicator{background:#fff!important;border-color:#bbb!important}body.public .result-panel textarea,body.embed .result-panel textarea{color:#141516!important;background:#fff!important}body.public button,body.embed button{color:#141516!important;background:#fff!important;border:1px solid #777!important;box-shadow:none!important}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card:hover{transform:none}}
body[data-tone=sky],.card[data-tone=sky]{--accent:#8fb4ff;--accent-hover:#b1caff;--accent-ink:#1d2739;--accent-wash:#354362}
body[data-tone=violet],.card[data-tone=violet]{--accent:#c59eff;--accent-hover:#d8bdff;--accent-ink:#281d3b;--accent-wash:#453565}
body[data-tone=peach],.card[data-tone=peach]{--accent:#ff99ad;--accent-hover:#ffb7c5;--accent-ink:#331d25;--accent-wash:#52323d}
.brand-icon{color:#242628;background:#ff85fb}
.brand em{color:#ff85fb}