@import url('/base.css');
:root{color-scheme:dark;--paper:#f0ede6;--muted:#b3b4c6;--ink:#171827;--accent:#ff987b}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15}.brand{display:flex;gap:12px;align-items:center;font-weight:700;text-decoration:none;letter-spacing:-.5px}.brand img{width:36px;height:36px}.brand span{font-size:10px;letter-spacing:2px;color:var(--accent);margin-left:8px}main{max-width:1440px;margin:auto;padding:0 5%}.hero{padding:76px 0 58px;position:relative;max-width:1000px}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:3px}h1{font-size:clamp(58px,7.8vw,112px);line-height:1;letter-spacing:-6px;margin:24px 0 30px;font-weight:650}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.hero>p{max-width:680px;color:var(--muted);font-size:19px}.notice{padding:20px 24px;background:#ff987b12;border:1px solid #ff987b66;border-radius:12px;max-width:880px;color:#e5d5ce}.notice strong{display:block;color:var(--accent);margin-bottom:4px}.hero>.small{font-size:14px}.text-link{font-size:14px;font-weight:600}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title h2{font-size:26px;letter-spacing:-1px}.section-title span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{padding:26px;border:1px solid #ffffff20;border-radius:16px;background:linear-gradient(145deg,#ffffff09,transparent);display:flex;flex-direction:column;min-height:282px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:var(--tone)}.symbol{color:var(--tone);font-size:30px;letter-spacing:-2px;font-weight:700}.category{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:2px}.card h3{margin:14px 0 4px;font-size:25px;letter-spacing:-1px}.card p{font-size:14px;color:var(--muted);margin:0 0 20px}.card .launch{align-self:flex-start;margin-top:auto;padding:9px 16px;background:var(--tone);color:#171827;border-radius:7px;text-decoration:none;font-size:13px;font-weight:700}.credits{font-size:12px;color:var(--muted);margin-top:18px}.mode{font-size:11px;color:var(--muted);margin-top:10px}.limits{padding:24px 0;color:var(--muted);font-size:14px}.limits strong{color:var(--paper)}footer{padding:28px 0 40px;border-top:1px solid #ffffff20;font-size:12px;color:var(--muted)}.app-view{height:100dvh;display:flex;flex-direction:column}.app-view header{max-width:none;width:100%;padding:10px 20px;gap:20px;flex-wrap:wrap;font-size:13px}.app-view .brand{font-size:14px}.app-view .brand img{width:24px;height:24px}.app-view .mode-label{color:var(--accent);font-size:12px}.app-view iframe{border:0;flex:1;width:100%;min-height:0;background:#262626}.consent{margin:auto;max-width:640px;padding:32px}.consent h1{font-size:42px;letter-spacing:-2px}.consent label{display:block;padding:20px 0}.consent input{width:20px;height:20px;vertical-align:middle;margin-right:12px}.consent button{padding:12px 24px;border:0;border-radius:8px;background:var(--accent);color:#171827;font:inherit;font-weight:700;cursor:pointer}.consent button:disabled{opacity:.35;cursor:default}.consent p{color:var(--muted)}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.grid{grid-template-columns:1fr}.hero{padding-top:44px}h1{letter-spacing:-3px}.brand span{display:none}header{padding:20px 5%}.section-title span{display:none}.app-view .mode-label{width:100%}}