*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--bg-surface:#181b25;--bg-elevated:#1f2333;--bg-input:#141722;--border:#2a2f3e;--border-light:1px solid var(--border);--text:#e4e6f0;--text-dim:#8b8fa8;--text-muted:#5c6078;--accent:#6c8cff;--accent-hover:#829dff;--accent-bg:rgba(108,140,255,.1);--green:#4ade80;--yellow:#facc15;--red:#f87171;--orange:#fb923c;--radius:10px;--radius-sm:6px;--shadow:0 4px 24px rgba(0,0,0,.3);--font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'SF Mono','Fira Code',FiraMono,monospace;--max-width:1100px;--transition:150ms ease}@media (prefers-color-scheme:light){:root{--bg:#f5f6fa;--bg-surface:#fff;--bg-elevated:#eef0f6;--bg-input:#fff;--border:#d1d5e4;--text:#1a1d2e;--text-dim:#5a5f7a;--text-muted:#888da8;--accent:#3b5bdb;--accent-hover:#4c6ef5;--accent-bg:rgba(59,91,219,.08);--shadow:0 4px 24px rgba(0,0,0,.08)}}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}img,svg{max-width:100%;height:auto}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.site-header{background:var(--bg-surface);border-bottom:var(--border-light);position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:56px;gap:16px}.logo{display:flex;align-items:center;gap:8px;color:var(--text);font-weight:700;font-size:1rem;flex-shrink:0}.logo:hover{text-decoration:none;color:var(--accent)}.logo svg{color:var(--accent)}.site-nav{display:flex;gap:4px;overflow-x:auto}.site-nav a{color:var(--text-dim);padding:6px 10px;border-radius:var(--radius-sm);font-size:.875rem;white-space:nowrap;transition:color var(--transition),background var(--transition)}.site-nav a:hover{color:var(--text);background:var(--accent-bg);text-decoration:none}@media(max-width:640px){.site-nav{display:none}}.hero-section{padding:60px 0 40px;background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg) 100%)}.hero-text{text-align:center;max-width:640px;margin:0 auto 32px}.hero-text h1{font-size:2.2rem;font-weight:800;line-height:1.2;margin-bottom:12px}.lead{font-size:1.1rem;color:var(--text-dim)}.decoder-panel{max-width:600px;margin:0 auto;background:var(--bg-elevated);border:var(--border-light);border-radius:var(--radius);padding:24px}.decoder-label{display:block;font-weight:600;margin-bottom:8px;font-size:.95rem}.input-row{display:flex;gap:8px}#code-input{flex:1;background:var(--bg-input);border:var(--border-light);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text);font-family:var(--font-mono);font-size:.95rem;outline:none;transition:border-color var(--transition)}#code-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}#code-input::placeholder{color:var(--text-muted)}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:10px 20px;font-weight:600;font-size:.95rem;cursor:pointer;transition:background var(--transition);white-space:nowrap}.btn-primary:hover{background:var(--accent-hover)}.input-hint{font-size:.8rem;color:var(--text-muted);margin-top:8px}.quick-presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px}.preset-label{font-size:.8rem;color:var(--text-dim)}.preset-btn{background:var(--bg-input);border:var(--border-light);border-radius:var(--radius-sm);padding:4px 10px;font-size:.8rem;color:var(--text-dim);cursor:pointer;transition:all var(--transition);font-family:var(--font-mono)}.preset-btn:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.result-section{padding:0 0 48px}.result-empty{text-align:center;padding:48px 20px;color:var(--text-muted)}.result-empty svg{margin-bottom:12px;opacity:.4}.result-card{background:var(--bg-surface);border:var(--border-light);border-radius:var(--radius);overflow:hidden}.result-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;border-bottom:var(--border-light);gap:16px}.result-code{display:inline-block;font-family:var(--font-mono);font-size:.8rem;background:var(--accent-bg);color:var(--accent);padding:3px 10px;border-radius:var(--radius-sm);margin-bottom:6px}.result-name{font-size:1.4rem;font-weight:700;line-height:1.3}.result-fsc{font-size:.85rem;color:var(--text-dim);margin-top:2px}.result-actions{display:flex;gap:4px;flex-shrink:0}.btn-icon{background:var(--bg-elevated);border:var(--border-light);border-radius:var(--radius-sm);padding:8px;cursor:pointer;color:var(--text-dim);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.btn-icon:hover{background:var(--accent-bg);color:var(--accent)}.result-tabs{display:flex;border-bottom:var(--border-light);overflow-x:auto}.tab-btn{flex:1;padding:12px 16px;background:none;border:none;color:var(--text-dim);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap;border-bottom:2px solid transparent}.tab-btn:hover{color:var(--text);background:var(--bg-elevated)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-bg)}.tab-panel{padding:20px 24px}.spec-list{display:grid;grid-template-columns:auto 1fr;gap:6px 20px}.spec-list dt{font-weight:600;color:var(--text-dim);font-size:.875rem}.spec-list dd{font-size:.95rem}.uses-list{list-style:none;display:grid;gap:8px}.uses-list li{padding:8px 12px;background:var(--bg-elevated);border-radius:var(--radius-sm);border-left:3px solid var(--accent)}.condition-block,.safety-block{padding:14px 16px;border-radius:var(--radius-sm);margin-bottom:12px}.condition-block{background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.2)}.safety-block{background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.3)}.condition-block h4,.safety-block h4{font-size:.9rem;margin-bottom:6px;display:flex;align-items:center;gap:8px}.condition-block h4{color:var(--green)}.safety-block h4{color:var(--red)}.condition-block p,.safety-block p{font-size:.9rem;color:var(--text-dim)}.history-section{padding:48px 0;background:var(--bg-surface)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;flex-wrap:wrap;gap:12px}.section-header h2{font-size:1.3rem;font-weight:700}.section-sub{color:var(--text-dim);font-size:.9rem}.btn-text{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.85rem;padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition)}.btn-text:hover{background:var(--accent-bg)}.history-list{display:grid;gap:8px}.history-empty{color:var(--text-muted);font-size:.9rem}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-elevated);border-radius:var(--radius-sm);gap:12px}.history-item .code{font-family:var(--font-mono);font-size:.85rem;color:var(--accent)}.history-item .name{font-size:.875rem;color:var(--text-dim);flex:1}.history-item .time{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.history-item .relookup{background:none;border:var(--border-light);border-radius:var(--radius-sm);padding:4px 10px;font-size:.75rem;color:var(--text-dim);cursor:pointer;transition:all var(--transition);white-space:nowrap}.history-item .relookup:hover{background:var(--accent-bg);color:var(--accent)}.table-section{padding:48px 0}.table-controls{margin-bottom:16px}#table-filter{width:100%;max-width:400px;background:var(--bg-input);border:var(--border-light);border-radius:var(--radius-sm);padding:8px 12px;color:var(--text);font-size:.9rem;outline:none;margin-bottom:12px}#table-filter:focus{border-color:var(--accent)}.filter-tags{display:flex;flex-wrap:wrap;gap:6px}.filter-tag{background:var(--bg-elevated);border:var(--border-light);border-radius:var(--radius-sm);padding:5px 12px;font-size:.8rem;color:var(--text-dim);cursor:pointer;transition:all var(--transition)}.filter-tag:hover,.filter-tag.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.table-wrap{overflow-x:auto;border:var(--border-light);border-radius:var(--radius)}.codes-table{width:100%;border-collapse:collapse;font-size:.9rem}.codes-table th{text-align:left;padding:12px 16px;background:var(--bg-elevated);color:var(--text-dim);font-weight:600;font-size:.8rem;white-space:nowrap;border-bottom:var(--border-light)}.codes-table td{padding:10px 16px;border-bottom:var(--border-light);vertical-align:middle}.codes-table tr:last-child td{border-bottom:none}.codes-table tr:hover td{background:var(--bg-elevated)}.codes-table .code-cell{font-family:var(--font-mono);color:var(--accent);font-size:.85rem}.codes-table .cat-cell{font-size:.8rem;color:var(--text-dim)}.codes-table .lookup-btn{background:var(--bg-elevated);border:var(--border-light);border-radius:var(--radius-sm);padding:5px 12px;font-size:.8rem;color:var(--text-dim);cursor:pointer;transition:all var(--transition);white-space:nowrap}.codes-table .lookup-btn:hover{background:var(--accent-bg);color:var(--accent)}.grading-section{padding:48px 0;background:var(--bg-surface)}.grades-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.grade-card{background:var(--bg-elevated);border:var(--border-light);border-radius:var(--radius);padding:20px}.grade-badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-weight:800;font-size:1.1rem;margin-bottom:12px}.grade-a{background:rgba(74,222,128,.15);color:var(--green)}.grade-b{background:rgba(250,204,21,.15);color:var(--yellow)}.grade-c{background:rgba(251,146,60,.15);color:var(--orange)}.grade-d{background:rgba(248,113,113,.15);color:var(--red)}.grade-card h3{font-size:1rem;margin-bottom:6px}.grade-card p{font-size:.875rem;color:var(--text-dim)}.glossary-section{padding:48px 0}.glossary-list{display:grid;gap:16px}.glossary-item{padding:16px 20px;background:var(--bg-surface);border:var(--border-light);border-radius:var(--radius)}.glossary-item dt{font-weight:700;font-size:1rem;margin-bottom:4px}.glossary-item dd{font-size:.9rem;color:var(--text-dim)}.info-section{padding:48px 0;background:var(--bg-surface)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.info-card{background:var(--bg-elevated);border:var(--border-light);border-radius:var(--radius);padding:24px}.info-card h3{font-size:1.05rem;margin-bottom:10px}.info-card p{font-size:.9rem;color:var(--text-dim);margin-bottom:8px}.info-card p:last-child{margin-bottom:0}.site-footer{padding:32px 0;border-top:var(--border-light);text-align:center}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-bottom:12px}.footer-links a{font-size:.875rem}.footer-note{font-size:.8rem;color:var(--text-muted)}@media(max-width:640px){.hero-text h1{font-size:1.6rem}.decoder-panel{padding:16px}.result-header{flex-direction:column}.result-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.tab-btn{text-align:center}.spec-list{grid-template-columns:1fr}.spec-list dt{margin-top:8px}.spec-list dt:first-child{margin-top:0}.history-item{flex-wrap:wrap}.section-header{flex-direction:column;align-items:flex-start}}


/* Factory-injected deployment helpers. The AI owns the site design above this block. */
.ad-unit {
  width: min(100%, 720px);
  min-height: 120px;
  margin: 24px auto;
  display: block;
}

.legal-page {
  width: min(900px, calc(100% - 32px));
  margin: 40px auto;
}

.factory-fallback-nav {
  width: min(900px, calc(100% - 32px));
  margin: 24px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  font-size: 0.95rem;
}

.factory-fallback-nav a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}