:root{--bg:#0f172a;--bg-elev:#1e293b;--bg-card:#162032;--border:#334155;--text:#e5e7eb;--text-dim:#94a3b8;--accent:#fbbf24;--accent-ink:#1f2937;--good:#34d399;--bad:#f87171;--info:#60a5fa;--intelligence:#60a5fa;--strength:#f87171;--endurance:#34d399;--judgment:#c084fc;--radius:12px;--shadow:0 6px 24px #00000059;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tab-h:60px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.4}button{font:inherit}a{color:var(--info)}h1,h2,h3{margin:0 0 8px;line-height:1.2}p{margin:0 0 8px}.app{flex-direction:column;min-height:100%;display:flex}.app__header{z-index:5;padding:10px 16px;padding-top:calc(10px + var(--safe-top));background:var(--bg-elev);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex;position:sticky;top:0}.app__title{letter-spacing:.02em;margin-right:auto;font-weight:700}.app__main{width:100%;max-width:1100px;padding:16px;padding-bottom:calc(var(--tab-h) + 24px + var(--safe-bottom));flex:1;margin:0 auto}.app__notice{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);align-items:center;gap:12px;margin-bottom:12px;padding:8px 12px;display:flex}.app__notice button{margin-left:auto}.wallet{align-items:baseline;gap:6px;display:inline-flex}.wallet__coins{color:var(--accent);font-size:1.1rem;font-weight:700}.wallet__label{color:var(--text-dim);font-size:.85rem}.tabbar{height:calc(var(--tab-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-elev);border-top:1px solid var(--border);z-index:5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--text-dim);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;display:flex}.tabbar button[aria-current=page]{color:var(--accent)}.tabbar__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.btn{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:999px;padding:10px 16px;font-weight:700}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn--small{padding:6px 12px;font-size:.85rem}.btn--danger{background:var(--bad);color:#fff}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.card+.card{margin-top:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row--between{justify-content:space-between}.dim{color:var(--text-dim)}.small{font-size:.85rem}.tag{background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;padding:2px 8px;font-size:.75rem;display:inline-block}.tag--good{color:var(--good);border-color:var(--good)}.tag--bad{color:var(--bad);border-color:var(--bad)}.aspiration{flex-direction:column;flex:220px;gap:4px;min-width:220px;display:flex}.aspiration__bar{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;height:8px;overflow:hidden}.aspiration__fill{background:var(--accent);height:100%;transition:width .3s}.statbar{grid-template-columns:110px 1fr auto;align-items:center;gap:10px;display:grid}.statbar__track{background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.statbar__fill{height:100%}.toast{left:50%;bottom:calc(var(--tab-h) + 16px + var(--safe-bottom));background:var(--bg-elev);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);z-index:10;min-width:280px;max-width:min(520px,92vw);padding:12px 16px;position:fixed;transform:translate(-50%)}.toast__amounts{color:var(--accent);font-weight:700}.sheet__backdrop{z-index:20;background:#00000080;position:fixed;inset:0}.sheet{background:var(--bg-elev);z-index:21;width:min(520px,100vw);padding:16px;padding-top:calc(16px + var(--safe-top));padding-bottom:calc(16px + var(--safe-bottom));border-left:1px solid var(--border);position:fixed;top:0;bottom:0;right:0;overflow:auto}.field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.field label{color:var(--text-dim);font-size:.85rem}.field input,.field select,.field textarea,.occurrence input{background:var(--bg);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:8px;padding:8px 10px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 10px}.chip[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.chip--tap{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.occurrence{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.occurrence__title{font-weight:600}.occurrence--done{opacity:.7}.scene{border-radius:var(--radius);border:1px solid var(--border);background:#0b1220;width:100%;max-width:720px;display:block}.ledger{border-collapse:collapse;width:100%;font-size:.9rem}.ledger td,.ledger th{border-bottom:1px solid var(--border);vertical-align:top;text-align:left;padding:6px 8px}.ledger tr.undone td{color:var(--text-dim);text-decoration:line-through}@media (width>=900px){.app__main{padding-bottom:24px}.tabbar{border-top:0;border-bottom:1px solid var(--border);grid-template-columns:repeat(5,auto);justify-content:center;gap:8px;height:auto;padding:4px 16px;position:sticky;top:0;bottom:auto}.tabbar button{flex-direction:row;gap:8px;padding:10px 14px;font-size:.95rem}.toast{bottom:24px}}@media (width<=600px){h1{font-size:1.4rem}.app__header{padding:8px 12px;padding-top:calc(8px + var(--safe-top))}.app__main{padding:12px;padding-bottom:calc(var(--tab-h) + 24px + var(--safe-bottom))}}