@font-face{font-family:Manrope;src:url(/manrope.ttf) format("truetype");font-weight:400 800;font-display:swap}
/* FanSift / rqstly family: Manrope, acid lime, warm charcoal. */
:root{color-scheme:dark;--accent:#c3d809;--surface:#2b292b;--ink:#f3f5ee;--purple:var(--accent);--muted:#aab2a3;--line:#454145;--cream:#222022}
body{background:#222022;color:var(--ink)}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;line-height:1.1;letter-spacing:-1.2px}
.brand-icon{width:47px;height:49px;position:relative;overflow:hidden;display:block}
.brand-icon img{position:absolute;width:86px;height:86px;max-width:none;left:-20px;top:-19px}
.brand-name{font-size:28px;font-weight:800}.brand small{color:var(--muted);font-size:11px;letter-spacing:.1px;font-weight:500;margin-top:6px}.brand small b{color:#e6eddf;font-size:13px;font-weight:800;letter-spacing:-.4px}
header{background:#222022;border-bottom:1px solid var(--line)}
button.primary,.card .actions .primary,a.button{background:var(--accent);color:#17200a;border-color:var(--accent)}
button.primary:hover,.card .actions .primary:hover,a.button:hover{background:#d7ff78;color:#17200a}
.nav button.active,.chips button[aria-pressed="true"]{background:var(--accent);color:#17200a}
.button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
input,select,textarea{background:#242224;color:var(--ink)}input::placeholder,textarea::placeholder{color:#88937f;opacity:1}
dialog{background:var(--surface);color:var(--ink)}dialog::backdrop{background:#070b08b8}
#toast{background:var(--accent);color:#17200a}.accountbar{color:#c4cfb8}.accountbar #syncStatus:before{content:'';display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--accent);margin-right:7px}
.tag{border:1px solid #40532a;background:#1b2812;color:#d3ff79}
.intro{position:relative}.intro h1{max-width:820px}.intro h1::after{content:'';display:block;width:64px;height:5px;background:var(--accent);border-radius:4px;margin-top:28px}
.step,.panel,.card{box-shadow:0 8px 30px #00000010}.step b{font-size:13px;display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #485d2c;border-radius:50%;background:#202d15}
.setup-panel{border-top:3px solid var(--accent)}.setup-panel h2{max-width:560px;line-height:1.25}.setup-panel>p{font-size:14px}.setup-panel legend{color:#e7efdd}
.fine{color:#aab2a3}.stats .stat strong{color:var(--accent)}
@media(max-width:550px){.brand-name{font-size:24px}.brand-icon{transform:scale(.85);transform-origin:left center;width:39px}.brand{gap:8px}header .tag{max-width:135px;text-align:center;font-size:10px}.intro h1{letter-spacing:-1.4px}h1{letter-spacing:-1.3px}.accountbar{font-size:12px;gap:10px}.stats{flex-wrap:wrap}.stat{min-width:130px}}

.brand .wordmark{width:180px;height:auto;display:block}header{min-height:110px}@media(max-width:550px){.brand .wordmark{width:145px}header{min-height:95px}}

.legal-check{display:flex;align-items:flex-start;gap:12px;line-height:1.6}.legal-check input{width:18px;height:18px;flex-shrink:0}.accountbar button{min-height:40px}footer a,.panel a:not(.button){color:var(--accent)}#deleteError,#termsError{color:#ffb3be}#deleteDialog{max-width:520px}button:disabled{opacity:.55;cursor:wait}.card,.panel{min-width:0;overflow-wrap:anywhere}.nav{scrollbar-width:thin}#toast{max-width:calc(100vw - 32px);width:max-content;text-align:center}input,textarea,select{font-size:16px}header .wordmark{max-width:48vw}