:root{--cream:#FFF8F0;--white:#ffffff;--text:#1f2937;--muted:#6b7280;--bg: var(--cream);--panel:#ffffff;--card:#ffffff;--border:#fed7aa;--border-strong:#fdba74;--accent-300:#fdba74;--accent-400:#fb923c;--accent-500:#f59e0b;--accent-600:#d97706;--ring: rgba(245, 158, 11, .35);--shadow:0 1px 3px rgba(0,0,0,.08),0 10px 15px -10px rgba(0,0,0,.08);--radius:16px}html[data-theme=dark]{--bg:#14110F;--panel:#1C1713;--card:#0F1216;--text:#F8FAFC;--muted:#cbd5e1;--border:#7A4B12;--border-strong:#B36A15;--accent-300:#B36A15;--accent-400:#D0871F;--accent-500:#F59E0B;--accent-600:#FFB02E;--ring: rgba(245, 158, 11, .25)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font:16px/1.5 system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}.topbar{position:sticky;top:0;z-index:50;height:64px;display:flex;align-items:center;gap:16px;padding:0 16px;background:color-mix(in oklab,var(--panel) 85%,transparent);-webkit-backdrop-filter:saturate(1.1) blur(6px);backdrop-filter:saturate(1.1) blur(6px);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px}.logo__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--accent-300),var(--accent-500));box-shadow:inset 0 0 0 1px #ffffff40}.logo__text small{display:block;margin-top:-4px;color:var(--muted);font-size:12px}.tabs{display:flex;gap:6px;margin:auto}.tab{border:1px solid var(--border);background:color-mix(in oklab,var(--panel) 70%,transparent);padding:6px 10px;border-radius:12px;cursor:pointer;font-size:14px;transition:all .15s ease;color:var(--text);text-decoration:none}.tab:hover{background:color-mix(in oklab,var(--panel) 55%,transparent)}.tab.is-active{background:color-mix(in oklab,var(--panel) 40%,var(--accent-500) 10%);border-color:var(--border-strong);box-shadow:0 0 0 1px var(--border-strong),0 6px 20px -12px #000}.wallet{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:var(--shadow)}.wallet__item{display:flex;align-items:center;gap:6px;font-size:12px}.wallet__label{font-weight:600}.wallet__value{font-variant-numeric:tabular-nums}.wallet__divider{width:1px;height:16px;background:var(--border)}.iconbtn{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);cursor:pointer}.iconbtn:hover{background:color-mix(in oklab,var(--panel) 65%,transparent)}.avatar{width:32px;height:32px;border-radius:999px;border:2px solid var(--border-strong);object-fit:cover}.btn{font-weight:600;padding:8px 12px;border-radius:14px;cursor:pointer;transition:all .15s ease;color:var(--text)}.btn--solid{background:linear-gradient(180deg,var(--accent-400),var(--accent-500));border:1px solid var(--border-strong);color:#0b0b0b;box-shadow:var(--shadow)}.btn--solid:hover{filter:brightness(1.04)}.btn--outline{background:transparent;border:1px solid var(--border-strong)}.btn--outline:hover{background:color-mix(in oklab,var(--panel) 70%,transparent)}.btn--ghost{background:transparent;border:1px dashed var(--border-strong)}.btn--ghost:hover{background:color-mix(in oklab,var(--panel) 75%,transparent)}.layout{display:flex;min-height:calc(100vh - 64px)}.feed{position:relative;width:288px;transition:width .25s ease;background:var(--panel);border-right:1px solid var(--border);box-shadow:var(--shadow)}.feed[data-open=false]{width:48px}.feed__toggle{position:absolute;top:96px;right:-12px;z-index:10;width:24px;height:24px;border-radius:999px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);cursor:pointer}.feed__content{padding:14px;opacity:1;transition:opacity .2s ease}.feed[data-open=false] .feed__content{opacity:0;pointer-events:none}.feed__title{font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.feed__list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px}.feed__item{background:color-mix(in oklab,var(--card) 70%,transparent);border:1px solid var(--border-strong);border-radius:14px;padding:10px;box-shadow:var(--shadow);font-size:14px;color:var(--text)}.feed .time{float:right;color:var(--muted);font-size:12px}.content{flex:1;padding:18px;max-width:1200px;margin:0 auto}.panel{display:block}.panel.is-hidden{display:none}.panel__title{font-size:22px;margin:6px 0 12px}.hero{border:1px solid var(--border-strong);background:linear-gradient(90deg,color-mix(in oklab,var(--accent-500) 22%,var(--panel) 78%),color-mix(in oklab,var(--panel) 90%,#ffffff 10%));border-radius:20px;padding:18px;box-shadow:var(--shadow)}.hero h1{margin:0 0 6px}.hero__cta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.grid{display:grid;gap:14px}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 900px){.grid--2{grid-template-columns:1fr}}.card{border:1px solid var(--border-strong);border-radius:20px;background:var(--card);box-shadow:var(--shadow);padding:14px}.card__header{font-weight:700;margin-bottom:8px}.list{padding:0;margin:0;list-style:none;display:grid;gap:8px}.list__row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #24262b;border-radius:14px;padding:10px;background:color-mix(in oklab,var(--card) 85%,transparent);color:var(--text)}.muted{color:var(--muted);font-size:13px}.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--border-strong);background:color-mix(in oklab,var(--accent-500) 15%,var(--panel) 85%);color:var(--text);margin-bottom:4px}.badge--green{background:#17341e;border-color:#3cb371;color:#b3f3ce}.form{display:grid;gap:10px}.form label{display:grid;gap:6px;font-weight:600;font-size:14px}.form input[type=text],.form input[type=color],.form textarea,.form select{border:1px solid var(--border);border-radius:12px;padding:10px;font:inherit;background:#0b0e12;color:var(--text)}html[data-theme=light] .form input[type=text],html[data-theme=light] .form input[type=color],html[data-theme=light] .form textarea,html[data-theme=light] .form select{background:#fff;color:var(--text);border:1px solid #e7e5e4}.form input:focus,.form textarea:focus,.form select:focus{outline:none;box-shadow:0 0 0 3px var(--ring);border-color:var(--border-strong)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat{border:1px solid var(--border);border-radius:14px;padding:12px;background:var(--panel);text-align:center}.stat__label{color:var(--muted);font-size:12px}.stat__value{font-size:22px;font-weight:800}.footer{padding:20px;border-top:1px solid var(--border);text-align:center;color:var(--muted);background:var(--panel)}:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px;border-radius:10px}