:root{color-scheme:light;--page:#f7f9fc;--surface:#fff;--border:#dce5ec;--text:#132b3e;--muted:#556b7e;--accent:#0477a5;--accent2:#00b894;--navy:#0a253d;--soft:#e9f7f8;--shadow:0 16px 45px rgba(9,38,66,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page);color:var(--text);margin:0;line-height:1.58;font-size:16px}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #66bcef;outline-offset:3px}input,select{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px 14px;min-width:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18}h1{font-size:clamp(2.1rem,4.5vw,4.15rem);letter-spacing:-.055em}h2{font-size:clamp(1.55rem,2.7vw,2.25rem);letter-spacing:-.035em}h3{font-size:1.1rem;letter-spacing:-.018em}p{color:var(--muted)}small{font-size:.82rem}.shell{width:min(1190px,calc(100% - 32px));margin-inline:auto}.skip{position:absolute;left:-10000px;top:0;background:#fff;padding:10px;z-index:99}.skip:focus{left:10px}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav{min-height:72px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-size:1.18rem;font-weight:850;white-space:nowrap;letter-spacing:-.04em}.brand-icon{background:var(--navy);color:#fff;border-radius:11px;padding:6px 9px}.brand-icon span,.accent{color:#12b7a7}.nav nav{display:flex;align-items:center;gap:clamp(10px,1.6vw,26px);font-size:.92rem;font-weight:650}.nav-right{display:flex;align-items:center;gap:10px}.kofi{padding:9px 12px;color:#fff;background:var(--navy);border-radius:9px;font-weight:700;white-space:nowrap;font-size:.86rem}#theme-toggle{width:38px;height:38px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.hero{margin-top:26px;border-radius:25px;padding:clamp(25px,5vw,68px);background:linear-gradient(128deg,#071e34,#0c3250 68%,#0a4f54);color:#fff;display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:44px;position:relative;overflow:hidden;min-height:390px}.hero::before{content:'101001100100 001101010011 110010011011 0101';position:absolute;color:#d5fff8;opacity:.08;font:26px ui-monospace,monospace;letter-spacing:.85rem;transform:rotate(-22deg);right:-120px;top:10px;max-width:700px;line-height:3;pointer-events:none}.hero-glow{position:absolute;right:-15%;bottom:-100px;width:500px;height:300px;background:#00bfa3;filter:blur(100px);opacity:.11;pointer-events:none}.hero-content,.hero-terminal{position:relative;z-index:1}.eyebrow{display:inline-block;color:#029b9a;font-weight:800;letter-spacing:.13em;font-size:.69rem;margin-bottom:13px}.hero .eyebrow{color:#72f1d7}.hero h1{margin:6px 0 20px}.hero p{color:#d0dfe8;font-size:1.05rem;max-width:600px}.gradient{background:linear-gradient(110deg,#c5fff4,#68d6df,#8fabff);background-clip:text;-webkit-text-fill-color:transparent}.quick-form{margin-top:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:15px;padding:14px}.quick-form label{font-size:.87rem;font-weight:700;display:block;margin-bottom:10px}.input-row{display:flex;gap:9px}.quick-form input{background:#fff;color:#153448}.quick-form button,.primary{border:none;background:linear-gradient(125deg,#0cc6a3,#07a7bc);border-radius:12px;color:#002a3d;font-weight:850;padding:12px 18px;white-space:nowrap}.hero-links{display:flex;gap:13px;flex-wrap:wrap;margin-top:19px;font-size:.79rem;font-weight:700}.hero-links a{color:#b2efe7}.hero-terminal{background:rgba(2,19,30,.8);border:1px solid rgba(132,226,222,.24);border-radius:18px;box-shadow:0 20px 70px rgba(0,0,0,.23);padding:21px;min-width:0}.terminal-top,.terminal-bottom{display:flex;justify-content:space-between;gap:7px;color:#8bd0d5;font:600 10px ui-monospace,monospace;letter-spacing:.07em}.binary{font:13px/1.9 ui-monospace,monospace;word-break:break-word;letter-spacing:.11em;color:#4fb7a7;opacity:.7;margin:18px 0;height:109px;overflow:hidden}.mock-chart{height:115px;color:#53dabc}.mock-chart svg{width:100%;height:100%}.terminal-bottom{color:#a4becc;margin-top:18px;font-size:9px}.ad-placeholder{margin:23px 0 35px;border:1px dashed var(--border);border-radius:11px;padding:17px;text-align:center;font-weight:700;color:var(--muted);letter-spacing:.07em;font-size:.68rem;min-height:54px}.section{margin:55px 0 62px}.heading-row{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.heading-row h2{margin:0 0 8px}.heading-row p{margin-bottom:0}.heading-row>a{font-weight:750;color:var(--accent);white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tool-card,.cat-tile,.article-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:23px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:10px}.tool-card:hover,.cat-tile:hover,.article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#7bbdc8;color:var(--text)}.tool-card h3{margin:0}.tool-card p{font-size:.89rem;flex:1;line-height:1.55;margin:0}.mini-tag{color:#007c80;background:var(--soft);font-size:.65rem;font-weight:800;letter-spacing:.03em;padding:5px 9px;border-radius:25px;align-self:flex-start}.card-cta{color:var(--accent);font-size:.78rem;font-weight:800;margin-top:8px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cat-tile strong{font-size:1.1rem}.cat-tile small{color:var(--accent);font-weight:700}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.article-card{min-height:150px}.article-card strong{font-size:1.06rem}.article-card span{font-size:.71rem;font-weight:750;color:var(--accent)}.page-hero{padding:60px 0 35px;max-width:880px}.page-hero h1{margin-bottom:20px}.breadcrumbs{color:var(--muted);font-size:.8rem;padding:23px 0}.breadcrumbs a{color:var(--accent)}.tool-header{padding:29px 0 25px;max-width:900px}.tool-header h1{font-size:clamp(2rem,3.8vw,3.35rem);margin:0 0 16px}.tool-header p{font-size:1.05rem}.tool-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:19px;align-items:start}.calc-panel,.info-panel,.editorial{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:clamp(20px,3.3vw,35px)}.calc-panel h2,.info-panel h2{font-size:1.35rem;margin:0 0 7px}.muted{font-size:.86rem;margin:0 0 22px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fields label{display:flex;flex-direction:column;gap:7px;font-size:.82rem;font-weight:730}.fields label small{font-weight:400;color:var(--muted)}.fields input,.fields select{margin-top:auto}button.primary{margin-top:22px;width:100%;padding:15px}.result-panel{border:1px solid #66bcb1;background:var(--soft);border-radius:12px;margin-top:18px;padding:16px}.result-panel.error{border-color:#d36a6a;color:#bc3a39;background:#fff6f6}.result-line{display:flex;flex-direction:column;gap:3px;border-bottom:1px solid var(--border);padding:10px 0;overflow-wrap:anywhere}.result-line:last-child{border:0}.result-line span{font-size:.81rem;color:var(--muted)}.result-line strong{font-size:1.18rem}.result-line small{color:var(--muted)}.result-actions{display:flex;gap:10px;margin-top:12px}.result-actions button{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px 12px;color:var(--text)}.privacy-note{font-size:.78rem;margin-top:20px}.info-panel{background:color-mix(in srgb,var(--surface) 93%,var(--soft))}.info-panel p{font-size:.9rem}.info-panel h3{margin:20px 0 8px}.disclosure{border-left:3px solid #43aea5;padding:10px 13px;background:var(--soft);margin-top:20px}.disclosure p{margin-bottom:0}.editorial{max-width:100%;font-size:.97rem}.editorial p{max-width:900px}.editorial details{border-top:1px solid var(--border);padding:16px 0}.editorial summary{font-weight:700;cursor:pointer}.search-label{font-weight:750;display:block;max-width:600px;margin-top:25px}.search-label input{margin-top:10px}.cards [hidden],.tool-card[hidden]{display:none}.inline-button{display:inline-block}.footer{border-top:1px solid var(--border);background:var(--surface);margin-top:75px;padding:47px 0 20px}.foot-cols{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:24px}.foot-cols>div{display:flex;flex-direction:column;gap:6px}.foot-cols strong{margin-bottom:8px}.foot-cols p,.foot-cols a{font-size:.84rem;color:var(--muted)}.foot-bottom{border-top:1px solid var(--border);padding-top:20px;margin-top:35px;font-size:.77rem}
html[data-theme=dark]{color-scheme:dark;--page:#081521;--surface:#112535;--border:#254153;--text:#e8f4f7;--muted:#b0c3cc;--accent:#68ceda;--accent2:#42e3bd;--navy:#092439;--soft:#103e42;--shadow:0 16px 45px rgba(0,0,0,.2)}html[data-theme=dark] .brand-icon{background:#173f50}html[data-theme=dark] .kofi{background:#154456}html[data-theme=dark] .mini-tag{color:#79ddcd}html[data-theme=dark] .result-panel.error{background:#452329;color:#ffc7c9}html[data-theme=dark] .ad-placeholder{color:#bdd2d9}
@media(max-width:980px){.nav nav{gap:13px;font-size:.79rem}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{grid-template-columns:1fr}.hero-terminal{display:none}}
@media(max-width:680px){.shell{width:min(100% - 24px,1190px)}.nav{flex-wrap:wrap;gap:9px;padding:10px 0;min-height:68px}.nav nav{order:3;width:100%;justify-content:space-between;overflow:auto;padding-bottom:5px;white-space:nowrap}.nav-right{margin-left:auto}.brand{font-size:1.07rem}.hero{margin-top:12px;padding:26px 20px;min-height:0}.hero h1{font-size:2.2rem}.hero-links{font-size:.78rem}.quick-form{padding:12px}.input-row{flex-direction:column}.cards{grid-template-columns:1fr}.category-grid,.article-grid,.tool-columns{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.heading-row{align-items:start;flex-direction:column}.page-hero{padding:33px 0 22px}.tool-header{padding:10px 0 20px}.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-placeholder{margin:17px 0}.section{margin:35px 0}.tool-card{padding:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Phase 2 browser-local structured input UX */
.fields textarea { display:block; width:100%; min-height:140px; max-width:100%; resize:vertical; padding:12px 14px; border:1px solid var(--border, #cbd5e1); border-radius:10px; background:var(--input-bg, transparent); color:inherit; font: 0.9rem/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; overflow-wrap:anywhere; }
.result-panel .result-line strong { overflow-wrap:anywhere; white-space:pre-wrap; }