:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px}#root{min-height:100%}:root{--bg:#f6f7fb;--surface:#ffffff;--surface2:#f2f4f8;--border:rgba(10,20,30,.1);--text:#0f172a;--muted:#64748b;--accent:#2563eb;--danger:#e11d48;--warn:#f59e0b;--ok:#16a34a;--shadow:0 10px 30px rgba(15,23,42,.08);--font-ui: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-display: ui-serif, "Iowan Old Style","Palatino Linotype",Palatino,"Noto Serif SC","Source Han Serif SC","Songti SC",serif;--radius:16px}:root[data-theme=modern]{--bg:#f4f0e9;--surface:#fbf8f2;--surface2:#efe8de;--text:#1f2420;--muted:#6f746c;--accent:#596a4b;--radius:16px}:root[data-theme=magazine]{--bg:#fbfaf6;--surface:#ffffff;--surface2:#f4f1ea;--text:#111827;--muted:#6b7280;--accent:#0f172a;--radius:14px}:root[data-theme=journal]{--bg:#fbf3e8;--surface:#fffdf8;--surface2:#f7ead7;--text:#1f2937;--muted:#7c6f64;--accent:#1b6b4f;--radius:18px}html,body{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}.container{max-width:520px;margin:0 auto;padding:12px 12px calc(92px + env(safe-area-inset-bottom))}.header{position:relative;background:var(--bg);padding:12px 12px 6px;border-bottom:none}.h1{font-size:18px;margin:0;font-weight:900;letter-spacing:.2px}:root[data-theme=magazine] .h1,:root[data-theme=journal] .h1{font-family:var(--font-display);font-weight:850;letter-spacing:.1px}.sub{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.35}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin:10px 0;box-shadow:var(--shadow)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.col{display:flex;flex-direction:column;gap:4px}.title{font-weight:750}.meta{color:var(--muted);font-size:12px;line-height:1.3}.btn{appearance:none;border:1px solid var(--border);background:var(--surface2);color:var(--text);padding:10px 12px;border-radius:12px;font-weight:750;touch-action:manipulation;font-size:16px;line-height:1}.btn.primary{background:color-mix(in srgb,var(--accent) 12%,white);border-color:color-mix(in srgb,var(--accent) 22%,transparent);color:color-mix(in srgb,var(--accent) 70%,black)}.btn.danger{background:#e11d481a;border-color:#e11d4833;color:#9f1239}.btn.small{padding:8px 10px;border-radius:12px;font-weight:750;font-size:13px}.input,select{width:100%;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);outline:none}.input::placeholder{color:#64748bbf}label{font-size:12px;color:var(--muted);display:block;margin-bottom:6px;font-weight:650}.tabs{position:fixed;left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom);background:#f6f7fbeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);display:flex;justify-content:center;z-index:10}.toast{position:fixed;left:12px;right:12px;top:12px;z-index:80;max-width:520px;margin:0 auto;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,white);box-shadow:0 16px 40px #0f172a1f;font-size:13px;font-weight:850;color:var(--text)}.tabsInner{max-width:520px;display:flex;gap:10px;flex:1;padding:10px 12px}.tab{flex:1;text-align:center;padding:11px 10px;border-radius:16px;border:1px solid var(--border);background:var(--surface);font-weight:850;color:var(--muted)}.tab.active{background:#2563eb1a;border-color:#2563eb40;color:#0b2b7a}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.chip{padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:12px;color:var(--muted);font-weight:700}.chip.active{background:#2563eb1a;border-color:#2563eb40;color:#0b2b7a}.badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.dot{width:9px;height:9px;border-radius:999px;background:var(--muted);display:inline-block}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.danger{background:var(--danger)}.dot.opt{background:#94a3b8}.qty{display:flex;align-items:center;gap:8px}.qtyBtn{width:38px;height:38px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-weight:900}.qtyVal{min-width:48px;text-align:center;font-weight:900;color:#0f172a}.hr{height:1px;background:#0f172a14;margin:12px 0}.notice{padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:12px;line-height:1.45}.notice.warn{border-color:#f59e0b59;background:#f59e0b1a}.levelCard{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);padding:14px;margin:10px 0;box-shadow:var(--shadow)}.levelCard.warn{border-color:#f59e0b47}.levelCard.danger{border-color:#e11d4842}.levelHead{padding-bottom:10px;border-bottom:1px dashed color-mix(in srgb,var(--border) 70%,transparent)}.levelTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.levelBadges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.badgePill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 70%,white);font-size:12px;color:var(--muted);font-weight:850}.badgePill.warn{border-color:#f59e0b47;background:#f59e0b1a;color:color-mix(in srgb,var(--warn) 80%,black)}.badgePill.danger{border-color:#e11d483d;background:#e11d481a;color:color-mix(in srgb,var(--danger) 80%,black)}.levelSubRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.levelPct{font-weight:950;color:var(--text);font-variant-numeric:tabular-nums}.progressBar{height:10px;border-radius:999px;background:color-mix(in srgb,var(--surface2) 80%,white);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);overflow:hidden;margin-top:8px}.progressFill{height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,black),var(--accent));border-radius:999px}.itemGrid{display:flex;flex-direction:column;gap:10px;padding-top:12px}.tileGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 6px}.tile{border:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 70%,white);border-radius:14px;padding:10px;text-align:left;min-height:62px;box-shadow:0 6px 14px #0f172a0d}.tileName{font-weight:900;color:var(--text);line-height:1.15;font-size:13px;display:flex;gap:6px;align-items:baseline}.tileNoteMark{font-size:14px;line-height:1;color:color-mix(in srgb,var(--accent) 85%,black);font-weight:950}.tileMeta{margin-top:4px;font-size:12px;color:var(--muted);font-weight:750}.tileAdd{display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:950}.itemCard{position:relative;background:color-mix(in srgb,var(--surface) 85%,white);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:18px;padding:12px;box-shadow:0 10px 22px #0f172a0f;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s cubic-bezier(.2,.8,.2,1),filter .28s cubic-bezier(.2,.8,.2,1)}.itemCard:active{transform:scale(.99)}.btn:active,.qtyBtn:active,.themeBtn:active,.modeBtn:active{transform:scale(.98)}.itemCard.done{opacity:.55;filter:saturate(.7) grayscale(.25);transform:translateY(6px) scale(.99)}.itemCard[data-anim=toDone],.todoRow[data-anim=toDone]{opacity:.35;transform:translate(18px) scale(.985)}.itemCard[data-anim=toTodo],.todoRow[data-anim=toTodo]{opacity:.75;transform:translate(-10px) scale(1.005)}.todoRow{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s cubic-bezier(.2,.8,.2,1),filter .28s cubic-bezier(.2,.8,.2,1)}.todoRow:last-child{border-bottom:none}.todoRow.done{opacity:.55;filter:saturate(.7) grayscale(.25)}.todoCheck{display:inline-flex;align-items:center;gap:10px}.todoMain{flex:1;min-width:0}.todoName{font-weight:850;line-height:1.2}.todoSub{margin-top:4px;font-size:12px;color:var(--muted);font-weight:750}.todoNote{font-size:12px;color:color-mix(in srgb,var(--muted) 85%,transparent);display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.itemCardTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.itemCheck{display:inline-flex;align-items:center;gap:10px}.bigCheck{width:22px;height:22px}.itemCardBody{padding-top:8px}.itemRow{display:flex;gap:12px;align-items:flex-start}.itemMain{flex:1}.itemTop{display:flex;align-items:center;gap:10px}.itemName{font-weight:900;line-height:1.2}.itemMetaRow{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap}.itemPacked .itemName{color:#64748bd9;text-decoration:line-through}.itemPacked .statusPill{opacity:.65}.qtyCompact .qtyBtn{width:40px;height:40px;border-radius:14px}.bagGrid{display:grid;grid-template-columns:1fr;gap:12px}.bagSlot{border:1px solid var(--border);background:color-mix(in srgb,var(--surface2) 55%,white);border-radius:18px;padding:12px}.bagSlotHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.bagSlotTitle{font-weight:950}.bagSlotMeta{font-size:12px;color:var(--muted);font-weight:750}.bagEmpty{margin-top:10px;font-size:12px;color:var(--muted);padding:12px;border-radius:14px;border:1px dashed var(--border);text-align:center}.bagItems{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.bagItem{background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:16px;padding:10px;box-shadow:0 10px 20px #0f172a0d}.bagItemName{font-weight:900}.bagItemMeta{margin-top:4px;color:var(--muted);font-size:12px;font-weight:800}.bagItemActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}.itemPacked{opacity:.78}.infoBtn{width:38px;height:38px;border-radius:14px;border:1px solid rgba(15,23,42,.1);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-weight:950}.themeSwitch{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(15,23,42,.1);background:var(--surface);border-radius:999px}.themeBtn{border:0;background:transparent;color:var(--muted);font-weight:850;font-size:12px;padding:8px 10px;border-radius:999px}.themeBtn.active{background:color-mix(in srgb,var(--accent) 12%,white);color:color-mix(in srgb,var(--accent) 70%,black)}.modeSwitch{display:inline-flex;gap:6px;padding:5px;border:1px solid rgba(15,23,42,.14);background:var(--surface);border-radius:999px}.modeBtn{border:0;background:transparent;color:var(--muted);font-weight:950;font-size:12px;padding:10px 14px;border-radius:999px;cursor:pointer}.modeBtn.active{background:color-mix(in srgb,var(--accent) 26%,white);color:color-mix(in srgb,var(--accent) 85%,black);box-shadow:0 10px 18px #0f172a1a}.itemHint{margin-top:4px;color:var(--muted);font-size:12px}.sectionTitle{font-size:13px;font-weight:900;color:#0f172a}.sectionTitleBtn{border:0;background:transparent;padding:0;margin:0;font-size:13px;font-weight:950;color:var(--text);text-align:left}.sectionTitleBtn:active{transform:scale(.99)}.sectionSub{font-size:12px;color:var(--muted)}.tile{position:relative}.list{display:flex;flex-direction:column}.itemLine{padding:10px 0;border-bottom:1px solid rgba(15,23,42,.06)}.itemLine:last-child{border-bottom:none}.itemRow{align-items:center}.statusPill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:var(--surface);color:var(--muted);font-size:12px;font-weight:750}.statusPill.danger{border-color:#e11d482e;background:#e11d480f;color:#9f1239}.statusPill.warn{border-color:#f59e0b38;background:#f59e0b1a;color:#92400e}.statusPill.ok{border-color:#16a34a2e;background:#16a34a14;color:#166534}.disclosure{margin-top:8px;padding:10px 12px;border-radius:14px;background:var(--surface2);border:1px solid rgba(15,23,42,.06);color:var(--muted);font-size:12px;line-height:1.45}.quickGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quickCard{border:1px solid rgba(15,23,42,.1);background:var(--surface);border-radius:16px;padding:12px;box-shadow:0 6px 16px #0f172a0f}.quickName{font-weight:850}.quickMeta{margin-top:4px;color:var(--muted);font-size:12px}.quickActions{display:flex;gap:8px;margin-top:10px}.modalOverlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.modalBackdrop{position:absolute;inset:0;background:#0000008c}.modalCard{position:relative;z-index:1;width:min(520px,96vw);background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 30px 80px #00000038;padding:14px;opacity:1}.qtyInline{display:flex;align-items:center;gap:8px}.qtyInput{max-width:96px;text-align:center;padding-left:10px;padding-right:10px}.modalCard label{display:block;font-size:12px;font-weight:850;color:var(--muted);margin-bottom:6px}.commonToggle{border:1px solid var(--border);padding:6px 10px;border-radius:999px;background:var(--surface2);font-weight:950;cursor:pointer}.commonToggle.off{opacity:.35;color:var(--muted);background:transparent}.commonToggle.on{opacity:1;color:color-mix(in srgb,var(--accent) 85%,black);background:color-mix(in srgb,var(--accent) 20%,white);border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}