:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select{font:inherit}.app-shell{color:#172033;background:linear-gradient(135deg,#14b8a621,#0000 32rem),linear-gradient(315deg,#f59e0b21,#0000 34rem),#f7fafc;min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7fafceb;border-bottom:1px solid #1720331f;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:0 28px;display:flex;position:sticky;top:0}.brand,.topbar-right,.nav-links,.account-area,.account-button,.account-chip,.hero-actions a,.code-actions button,.code-actions a,.source-list a{align-items:center;display:flex}.brand{color:#101827;white-space:nowrap;gap:10px;font-weight:950;text-decoration:none}.brand-mark{width:34px;height:34px}.topbar-right{justify-content:flex-end;gap:12px;min-width:0}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:6px}.nav-links a{color:#516179;border-radius:8px;min-height:34px;padding:0 10px;font-size:14px;font-weight:850;text-decoration:none}.nav-links a:hover{color:#0f766e;background:#e7f6f4}.account-area{flex:none;gap:8px}.account-button,.account-chip{white-space:nowrap;border-radius:8px;gap:7px;min-height:34px;font-size:13px;font-weight:900;text-decoration:none}.account-button{color:#fff;background:#0f766e;padding:0 11px}.account-button.secondary{color:#0f766e;background:#e7f6f4}.account-chip{color:#172033;background:#ffffffd1;border:1px solid #0f766e38;max-width:220px;padding:0 10px 0 6px}.account-chip img,.account-chip svg{border-radius:999px;flex:none;width:22px;height:22px}.account-chip span{text-overflow:ellipsis;min-width:0;overflow:hidden}.workspace{width:min(1180px,100% - 36px);margin:0 auto;padding:28px 0 54px}.tool-hero{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:stretch;gap:18px;display:grid}.hero-copy,.hero-media,.metric-strip article,.codes-surface,.side-panel,.sources-panel,.review-panel,.code-card,.state-panel{background:#ffffffe6;border:1px solid #17203321;border-radius:8px;box-shadow:0 18px 46px #1c374914}.hero-copy{background:linear-gradient(135deg,#fffffff0,#e8faf6db),#fff;flex-direction:column;justify-content:center;padding:34px;display:flex}.eyebrow{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:950}h1,h2,h3,p{margin-block-start:0}h1{color:#101827;letter-spacing:0;max-width:760px;margin-bottom:14px;font-size:48px;line-height:1.04}h2{color:#101827;letter-spacing:0;margin:0;font-size:24px;line-height:1.18}h3{color:#101827;letter-spacing:0;margin:0 0 6px;font-size:16px;line-height:1.22}.lede{color:#56657a;max-width:690px;margin-bottom:24px;font-size:16px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-actions a{border-radius:8px;gap:8px;min-height:44px;padding:0 15px;font-weight:900;text-decoration:none}.primary-action{color:#fff;background:#0f766e}.secondary-action{color:#263445;background:#eef2f7}.hero-media{gap:12px;padding:14px;display:grid}.hero-media>img{aspect-ratio:1.25;object-fit:cover;background:#e7edf4;border-radius:8px;width:100%}.media-stats,.metric-strip,.planner-grid{gap:10px;display:grid}.media-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.media-stats article,.planner-grid article{background:#f3f7fb;border-radius:8px;min-width:0;padding:12px}.media-stats span,.metric-strip span,.planner-grid span,.stack-box span,.identity-chip span{color:#66758a;text-transform:uppercase;font-size:12px;font-weight:900}.media-stats strong,.metric-strip strong,.planner-grid strong{color:#101827;overflow-wrap:anywhere;margin-top:4px;font-size:18px;display:block}.metric-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0}.metric-strip article{min-width:0;box-shadow:none;grid-template-columns:22px minmax(0,1fr);gap:4px 9px;padding:14px;display:grid}.metric-strip svg{color:#0f766e;grid-row:span 2}.tool-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:18px;display:grid}.codes-surface,.side-panel,.sources-panel,.review-panel{padding:20px}.section-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.section-title.compact{align-items:center}.section-title svg{color:#0f766e}.toggle{color:#43536a;align-items:center;gap:8px;min-height:34px;font-size:13px;font-weight:850;display:inline-flex}.toggle input{accent-color:#0f766e;width:17px;height:17px}.controls{grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:14px;display:grid}.search-field,.category-tabs{background:#fff;border:1px solid #d9e2ec;border-radius:8px;align-items:center;min-width:0;min-height:44px;display:flex}.search-field{color:#66758a;gap:9px;padding:0 12px}.search-field input{color:#172033;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0}.category-tabs{flex-wrap:wrap;gap:6px;padding:5px}.category-tabs button{color:#43536a;cursor:pointer;min-height:32px;font:inherit;background:0 0;border:0;border-radius:7px;font-size:13px;font-weight:900}.category-tabs button.active,.category-tabs button:hover{color:#fff;background:#0f766e}.code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.code-card{min-width:0;box-shadow:none;gap:11px;padding:14px;display:grid}.code-card.redeemed{background:#f3fbf8;border-color:#b7e4d7}.code-head,.code-meta,.code-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.reward-pill,.minute-pill,.status-dot{border-radius:999px;align-items:center;width:fit-content;min-height:25px;padding:0 8px;font-size:12px;font-weight:950;display:inline-flex}.reward-pill.boost{color:#075985;background:#e0f2fe}.reward-pill.reset{color:#92400e;background:#fef3c7}.reward-pill.utility,.minute-pill{color:#3730a3;background:#eef2ff}.code-value{color:#101827;cursor:pointer;width:100%;min-height:46px;font:inherit;letter-spacing:0;text-align:left;background:#f8fafc;border:1px dashed #a6b6c8;border-radius:8px;grid-template-columns:minmax(0,1fr) 20px;align-items:center;gap:10px;font-size:20px;font-weight:950;display:grid}.code-value span{overflow-wrap:anywhere;min-width:0}.code-card p,.source-policy,.review-grid p,.gate-list p,.planner-meter p,.stack-box p{color:#56657a;margin:0;line-height:1.5}.code-meta{color:#66758a;font-size:12px;font-weight:850}.code-actions button,.code-actions a{color:#0f766e;cursor:pointer;min-height:34px;font:inherit;background:#e7f6f4;border:0;border-radius:8px;justify-content:center;gap:7px;padding:0 10px;font-size:13px;font-weight:900;text-decoration:none}.code-actions button:disabled{cursor:wait;opacity:.62}.side-panel{position:sticky;top:86px}.planner-meter{color:#fff;background:#0f766e;border-radius:8px;margin-bottom:12px;padding:16px}.planner-meter span{color:#caefe9;text-transform:uppercase;font-size:12px;font-weight:900}.planner-meter strong{margin:5px 0;font-size:38px;line-height:1;display:block}.planner-meter p{color:#e7fffb}.stack-box,.instructions{background:#f3f7fb;border-radius:8px;gap:8px;margin-top:12px;padding:13px;display:grid}.stack-box p{overflow-wrap:anywhere;font-size:13px}.instructions ol{color:#43536a;gap:7px;margin:0;padding-left:20px;display:grid}.quiet-note{color:#66758a;margin:12px 0 0;font-size:13px;line-height:1.45}.sources-panel,.review-panel{margin-top:18px}.source-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.source-list a{color:#172033;background:#fff;border:1px solid #d9e2ec;border-radius:8px;grid-template-columns:minmax(0,1fr) 18px;gap:4px 8px;min-width:0;padding:13px;text-decoration:none;display:grid}.source-list span{color:#66758a;text-transform:uppercase;grid-column:1;font-size:12px;font-weight:900}.source-list strong{overflow-wrap:anywhere;grid-column:1;min-width:0}.source-list svg{color:#0f766e;grid-area:1/2/span 2}.review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.review-grid article,.gate-list article{background:#fff;border:1px solid #d9e2ec;border-radius:8px;min-width:0;padding:13px}.status-dot.published,.status-dot.pass{color:#166534;background:#dcfce7}.status-dot.degraded{color:#9a3412;background:#ffedd5}.status-dot.blocked{color:#991b1b;background:#fee2e2}.gate-list{gap:8px;margin-top:12px;display:grid}.gate-list article{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;display:grid}.gate-list p{grid-column:1/-1}.state-panel{justify-items:start;gap:12px;width:min(620px,100% - 32px);margin:12vh auto 0;padding:28px;display:grid}.state-panel svg{color:#0f766e}@media (width<=1060px){.tool-hero,.tool-layout{grid-template-columns:1fr}.side-panel{position:static}.review-grid,.source-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.topbar{flex-direction:column;align-items:flex-start;min-height:auto;padding:16px;position:static}.topbar-right{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}.nav-links{justify-content:flex-start}.account-area{flex-wrap:wrap;max-width:100%}.account-chip{max-width:min(100%,280px)}.workspace{width:min(100% - 24px,1180px);padding-top:18px}.hero-copy,.codes-surface,.side-panel,.sources-panel,.review-panel{padding:16px}h1{font-size:34px}.metric-strip,.media-stats,.controls,.code-grid,.source-list,.review-grid{grid-template-columns:1fr}}