:root{--bg:#0b0c0f;--card:#12141a;--card-2:#181b22;--muted:#8b92a0;--muted-2:#a6adbb;--fg:#e9eef5;--primary:#6ee7b7;--primary-2:#22d3ee;--danger:#ef4444;--warn:#f59e0b;--border:#262a33;--shadow:0 6px 24px rgba(0,0,0,.25), 0 2px 8px rgba(0,0,0,.2);--radius:14px;--radius-sm:10px;--tap:48px}@media (prefers-color-scheme: light){:root{--bg:#f5f7fb;--card:#ffffff;--card-2:#f7f9fc;--muted:#5c6472;--fg:#111827;--border:#e6e8ef;--shadow:0 8px 24px rgba(35,42,66,.08),0 2px 8px rgba(35,42,66,.04)}}*{box-sizing:border-box}html,body,#root{height:100%;overscroll-behavior:none}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.app{display:flex;flex-direction:column;min-height:100%}header.appbar{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent),var(--bg);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);padding:env(safe-area-inset-top) 16px 10px 16px;border-bottom:1px solid var(--border)}.appbar .row{display:flex;align-items:center;justify-content:space-between;gap:12px}.title{font-weight:700;font-size:20px;letter-spacing:.2px}.subtitle{color:var(--muted);font-size:12px;margin-top:4px}main{flex:1;padding:12px 12px calc(64px + env(safe-area-inset-bottom))}.container{max-width:1060px;margin:0 auto}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-2{background:var(--card-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.grid{display:grid;gap:12px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.autofill{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.btn{-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;border-radius:12px;padding:10px 14px;font-weight:600;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0f,#fff0);cursor:pointer;transition:transform .06s ease,background .2s ease,border-color .2s ease;-webkit-user-select:none;user-select:none;color:var(--fg)}.btn:hover{border-color:var(--muted-2);background:linear-gradient(180deg,#ffffff1a,#fff0)}.btn:active{transform:translateY(1px) scale(.996)}.btn.primary{background:linear-gradient(180deg,var(--primary),var(--primary-2));border-color:var(--primary)}.btn.primary:hover{border-color:var(--primary-2);filter:brightness(1.05)}.btn.ghost{background:transparent}.btn.warn{background:linear-gradient(180deg,#f59e0b40,#f59e0b0f);border-color:#f59e0b73}.btn.danger{background:linear-gradient(180deg,#ef444440,#ef44440f);border-color:#ef444473}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:var(--card-2);font-size:12px;cursor:pointer}.chip.active{outline:2px solid rgba(110,231,183,.5)}input,select,textarea{font:inherit;color:inherit;background:transparent;border:0;outline:none}.shadow{box-shadow:var(--shadow)}.muted{color:var(--muted)}.muted-2{color:var(--muted-2)}.pill{border-radius:999px;padding:4px 10px;border:1px solid var(--border);background:var(--card-2);font-size:12px}.badge{display:inline-flex;min-width:18px;padding:2px 6px;border-radius:999px;background:var(--primary);color:#111;font-weight:700;font-size:12px;align-items:center;justify-content:center}.hidden{display:none!important}.safe-bottom{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:60;padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(0deg,rgba(0,0,0,.35),transparent),var(--bg);border-top:1px solid var(--border);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px)}.tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:52px;border-radius:12px;color:var(--muted-2)}.tab.active{color:var(--primary);background:linear-gradient(180deg,#6ee7b72e,#22d3ee14)}.tab svg{width:22px;height:22px}.hero{padding:18px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#6ee7b72e,#22d3ee1f);border:1px dashed rgba(110,231,183,.45);border-radius:var(--radius)}.item-card{display:flex;flex-direction:column;gap:8px;overflow:hidden}.item-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}.row{display:flex;gap:10px;align-items:center}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.soft{padding:12px}.hard{padding:16px}.divider{height:1px;background:var(--border);margin:10px 0}.toast-wrap{position:fixed;left:0;right:0;bottom:calc(72px + env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none;z-index:100}.toast{pointer-events:auto;max-width:92vw;background:var(--card);border:1px solid var(--border);padding:12px 14px;border-radius:10px;box-shadow:var(--shadow);animation:slideUp .28s ease both}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;z-index:90;animation:fadeIn .2s ease}.sheet{width:100%;max-width:520px;background:var(--card);border-top-left-radius:16px;border-top-right-radius:16px;border:1px solid var(--border);padding:16px;max-height:78vh;overflow:auto;box-shadow:var(--shadow);animation:slideUp .22s ease}.modal{width:min(720px,92vw);background:var(--card);border-radius:16px;border:1px solid var(--border);padding:16px;max-height:84vh;overflow:auto;box-shadow:var(--shadow);animation:scaleIn .16s ease}.skeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:-120% 0}to{background-position:120% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.fab{position:fixed;right:16px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:70}.fab .btn{height:56px;min-width:56px;border-radius:999px;padding:0 18px}.carousel{display:flex;gap:10px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.carousel>*{scroll-snap-align:center}.caps{text-transform:uppercase;letter-spacing:.12em;font-size:11px}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;padding:2px 6px;border-radius:6px;background:var(--card-2);border:1px solid var(--border)}@media (min-width:840px){main{padding:18px 18px calc(24px + env(safe-area-inset-bottom))}.tabs{max-width:680px;margin:0 auto}.fab{right:24px;bottom:24px}}