:root{--bg:#14111f;--surface:#1f1a30;--surface-2:#2a2340;--line:#3a3155;--text:#f4f1ff;--muted:#a39cc0;--accent:#ff4fa3;--accent-text:#fff;--accent-2:#ffd23f;--good:#3ddc97;--bad:#ff6b6b;--radius:14px;--radius-sm:8px;--gap:12px;--pad:16px;--tabbar-h:60px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--level-sp:#ffd23f;--level-a:#ff4fa3;--level-b:#4fb3ff;--level-c:#a39cc0}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.45 var(--font);-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}.app{max-width:520px;min-height:100vh;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));margin:0 auto}.page{padding:var(--pad);gap:var(--gap);flex-direction:column;display:flex}.topbar{z-index:5;align-items:center;gap:var(--gap);padding:12px var(--pad);padding-top:calc(12px + env(safe-area-inset-top,0px));background:var(--bg);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.topbar h1{flex:1;margin:0;font-size:17px}.topbar .back{background:0 0;border:0;padding:0 6px;font-size:22px;line-height:1}.tabbar{z-index:10;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar nav{width:100%;max-width:520px;display:flex}.tabbar a{height:var(--tabbar-h);color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:12px;display:flex}.tabbar a.active{color:var(--accent)}.tabbar .icon{font-size:20px}.card{background:var(--surface);border-radius:var(--radius);padding:var(--pad);flex-direction:column;gap:8px;display:flex}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.muted{color:var(--muted);font-size:13px}.good{color:var(--good)}.bad{color:var(--bad)}.money{font-variant-numeric:tabular-nums;font-weight:600}.big{font-size:28px;font-weight:700}.grid2{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.btn{border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-text);cursor:pointer;text-align:center;border:0;padding:12px 16px;font-weight:600}.btn.ghost{background:var(--surface-2);color:var(--text)}.btn.small{padding:6px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.btn.block{width:100%}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:13px}.field input,.field select{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);outline:none;padding:12px}.field input:focus,.field select:focus{border-color:var(--accent)}.error{color:var(--bad);font-size:13px}.notice{background:var(--surface-2);border-radius:var(--radius-sm);color:var(--muted);padding:10px 12px;font-size:13px}.box-card{background:var(--surface);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.box-card .art{aspect-ratio:1;background:linear-gradient(135deg, var(--accent), var(--accent-2));justify-content:center;align-items:center;font-size:42px;display:flex}.box-card .body{flex-direction:column;gap:4px;padding:10px 12px;display:flex}.box-card .name{font-weight:600}.item{background:var(--surface);border-radius:var(--radius);align-items:center;gap:12px;padding:10px;display:flex}.item img,.item .ph{border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-2);flex:none;width:64px;height:64px}.item .grow{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.item.selected{outline:2px solid var(--accent)}.level{color:#14111f;border-radius:4px;align-self:flex-start;padding:1px 6px;font-size:11px;font-weight:700}.level.SP{background:var(--level-sp)}.level.A{background:var(--level-a)}.level.B{background:var(--level-b)}.level.C{background:var(--level-c)}.chips{gap:8px;display:flex;overflow-x:auto}.chip{background:var(--surface-2);color:var(--muted);border:0;border-radius:999px;flex:none;padding:6px 12px;font-size:13px}.chip.on{background:var(--accent);color:var(--accent-text)}.list{flex-direction:column;gap:8px;display:flex}.line{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:10px 0;display:flex}.menu a,.menu button{border-bottom:1px solid var(--line);text-align:left;background:0 0;border-top:0;border-left:0;border-right:0;justify-content:space-between;width:100%;padding:14px 0;display:flex}.actionbar{left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));z-index:9;justify-content:center;display:flex;position:fixed}.actionbar>div{width:100%;max-width:520px;padding:10px var(--pad);background:var(--surface);border-top:1px solid var(--line);gap:8px;display:flex}.actionbar .btn{flex:1}.empty{text-align:center;color:var(--muted);padding:40px 0}.toast{background:var(--surface-2);border:1px solid var(--line);z-index:50;border-radius:999px;padding:10px 16px;font-size:14px;position:fixed;top:20px;left:50%;transform:translate(-50%)}