:root{--bg:#e9e9e4;--paper:#fff;--ink:#15171a;--muted:#8c8e8b;--line:#e2e2dd;--lime:#c7f000;--dark:#0e0f11;--dark-paper:#17191c;--dark-line:#2a2d31;--red:#e5484d;--orange:#f5a623;--green:#30a46c;--font-display:"Anton", sans-serif;--font-en:"Hanken Grotesk", sans-serif;--font-body:"Zen Kaku Gothic New", -apple-system, sans-serif;--radius:16px;--radius-sm:10px;--radius-pill:999px;--shadow:0 1px 3px #00000012, 0 4px 14px #0000000d;--pad:16px;--nav-h:62px;--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);overscroll-behavior-y:none;font-size:15px;line-height:1.6}#root{min-height:100dvh}.screen{min-height:100dvh;padding:var(--pad);padding-top:calc(var(--pad) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 20px);max-width:560px;margin:0 auto}.screen-dark{background:var(--dark);color:#f2f3f4}.topbar{justify-content:space-between;align-items:center;gap:10px;padding:6px 2px 14px;display:flex}.topbar h1{margin:0;font-size:19px;font-weight:700}.topbar .brand{font-family:var(--font-display);letter-spacing:.5px;font-size:20px}.card{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--pad);margin-bottom:12px}.card h2{color:var(--muted);letter-spacing:.04em;margin:0 0 10px;font-size:13px;font-weight:700}.card-dark{background:var(--dark-paper);border:1px solid var(--dark-line);color:#f2f3f4}.btn{border-radius:var(--radius-sm);background:var(--dark);color:#fff;width:100%;font-family:var(--font-body);cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;padding:13px 16px;font-size:15px;font-weight:700;display:inline-flex}.btn:disabled{opacity:.45}.btn-lime{background:var(--lime);color:var(--dark)}.btn-ghost{border:1.5px solid var(--line);color:var(--ink);background:0 0}.btn-ghost-dark{border:1.5px solid var(--dark-line);color:#f2f3f4;background:0 0}.btn-sm{border-radius:10px;width:auto;min-height:44px;padding:10px 16px;font-size:13px}.btn-danger{color:var(--red);background:#fdecea}.field{margin-bottom:12px}.field label{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.field input,.field select,.field textarea,.input{width:100%;font-size:16px;font-family:var(--font-body);border:1.5px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:#fafaf8;outline:none;padding:12px 13px}.field input:focus,.field select:focus,.input:focus{border-color:var(--dark)}.row{gap:10px;display:flex}.row>*{flex:1;min-width:0}.pill{border-radius:var(--radius-pill);align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill-ok{color:var(--green);background:#30a46c1f}.pill-warn{color:#b97a00;background:#f5a62326}.pill-bad{color:var(--red);background:#e5484d1f}.pill-mute{color:var(--muted);background:#f0f0ec}.tickets{font-family:var(--font-en);font-weight:800}.tickets-num{font-size:30px;line-height:1}.tickets-low{color:#b97a00}.tickets-zero{color:var(--red)}.goal-card{background:var(--dark)}.goal-card h2{color:#9a9da1}.goal-head{justify-content:space-between;align-items:center;display:flex}.goal-head h2{margin:0}.goal-edit{border:1.5px solid var(--dark-line);color:#c8cacd;border-radius:var(--radius-pill);min-height:36px;font-family:var(--font-body);cursor:pointer;background:0 0;padding:5px 14px;font-size:12px;font-weight:700}.goal-ring-wrap{width:150px;margin:10px auto 2px;position:relative}.goal-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.goal-num{font-family:var(--font-display);color:var(--lime);font-size:46px;line-height:1}.goal-deno{font-family:var(--font-en);color:#9a9da1;margin-top:3px;font-size:13px;font-weight:700}.goal-stats{text-align:center;color:#e6e7e9;margin-top:8px;font-size:13px}.goal-stats b{font-family:var(--font-en);color:#fff;font-size:17px}.goal-diff{text-align:center;margin-top:4px;font-size:12px;font-weight:700}.goal-diff.ahead{color:var(--lime)}.goal-diff.behind{color:var(--orange)}.goal-note{text-align:center;color:#9a9da1;margin-top:8px;font-size:11px}.goal-mini{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.goal-mini-cell{background:var(--dark-paper);text-align:center;border-radius:12px;padding:10px 6px}.goal-mini-num{font-family:var(--font-en);color:var(--lime);font-size:17px;font-weight:800;line-height:1.2}.goal-mini-unit{color:#9a9da1;font-size:11px;font-weight:600}.goal-mini-label{color:#9a9da1;margin-top:2px;font-size:10px}.chip{border-radius:var(--radius-pill);border:1.5px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);font-family:var(--font-body);cursor:pointer;justify-content:center;align-items:center;gap:4px;min-width:0;max-width:100%;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.chip .chip-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chip .chip-caret{flex:none}.chip-active{border-color:var(--dark);background:var(--dark);color:#fff}.ledger-badge{text-align:center;min-width:44px;font-family:var(--font-en);border-radius:8px;flex:none;padding:4px 6px;font-size:14px;font-weight:800}.ledger-badge.plus{color:#5a6b00;background:#c7f00040}.ledger-badge.minus{color:var(--ink);background:#f0f0ec}.plan-row{border-bottom:1px solid var(--line);padding:14px 0}.plan-row:last-child{border-bottom:0}.plan-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.plan-name{min-width:0;font-size:15px;font-weight:700}.plan-price{font-family:var(--font-en);flex:none;font-size:16px;font-weight:800}.plan-qty{color:var(--muted);font-size:12px;font-weight:600;font-family:var(--font-body)}.plan-desc{color:var(--muted);margin-top:2px;font-size:12px}.plan-row .btn-sm{white-space:nowrap;padding-left:4px;padding-right:4px}.seg{border:1.5px solid var(--line);border-radius:var(--radius-pill);background:var(--paper);display:flex;overflow:hidden}.seg button{min-height:40px;font-family:var(--font-body);color:var(--muted);cursor:pointer;background:0 0;border:0;flex:1;padding:7px 0;font-size:13px;font-weight:700}.seg button.active{background:var(--dark);color:#fff}.tl-card{padding:10px 8px}.tl{-webkit-overflow-scrolling:touch;overflow-x:auto}.tl-grid{display:flex}.tl-timecol{background:var(--paper);z-index:3;flex:none;width:40px;position:sticky;left:0}.tl-headcell{border-bottom:1.5px solid var(--line);white-space:nowrap;justify-content:center;align-items:center;gap:4px;height:34px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.tl-headmain{flex-direction:column;align-items:center;min-width:0;line-height:1.2;display:flex}.tl-headname{text-overflow:ellipsis;max-width:92px;overflow:hidden}.tl-headstore{color:var(--muted);font-size:9px;font-weight:600}.tl-me{background:var(--lime);color:var(--dark);border-radius:6px;flex:none;padding:1px 5px;font-size:9px;font-weight:800}.tl-hour{color:var(--muted);font-size:10px;font-family:var(--font-en);font-weight:700;position:absolute;right:6px}.tl-col{border-left:1px solid var(--line);flex:1;min-width:104px}.tl-col-own .tl-headcell{background:#c7f0001f}.tl-cells{cursor:pointer;background:repeating-linear-gradient(to bottom, var(--line) 0 1px, transparent 1px 56px);position:relative}.tl-block{box-sizing:border-box;background:var(--dark);color:#fff;border:0;border-left:3px solid var(--lime);text-align:left;cursor:pointer;z-index:1;border-radius:8px;flex-direction:column;gap:1px;padding:5px 7px;display:flex;position:absolute;overflow:hidden}.tl-block-time{font-family:var(--font-en);color:var(--lime);font-size:10px;font-weight:800;line-height:1}.tl-block-name{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.tl-now{background:var(--red);pointer-events:none;z-index:2;height:2px;position:absolute;left:0;right:0}.mg{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.mg-dow{text-align:center;color:var(--muted);padding:2px 0;font-size:10px;font-weight:700}.mg-day{aspect-ratio:.9;cursor:pointer;font-family:var(--font-body);background:#fafaf8;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;display:flex;position:relative}.mg-day:active{background:#f0f0ec}.mg-today{outline:2px solid var(--lime);outline-offset:-2px}.mg-num{color:var(--ink);font-size:12px;font-weight:700;font-family:var(--font-en)}.mg-count{background:var(--dark);color:var(--lime);font-size:10px;font-weight:800;font-family:var(--font-en);border-radius:8px;padding:0 6px}.sheet-overlay{z-index:90;overscroll-behavior:contain;background:#0e0f1173;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--paper);width:100%;max-width:560px;padding:10px var(--pad) calc(var(--pad) + var(--safe-bottom));border-top-left-radius:18px;border-top-right-radius:18px;flex-direction:column;max-height:70dvh;animation:.18s ease-out sheet-up;display:flex}.sheet-handle{background:var(--line);border-radius:2px;flex:none;width:36px;height:4px;margin:2px auto 10px}.sheet h2{color:var(--muted);letter-spacing:.04em;margin:0 0 4px;font-size:13px;font-weight:700}.sheet-body{overscroll-behavior:contain;overflow-y:auto}.sheet-group{color:var(--muted);padding:12px 2px 2px;font-size:12px;font-weight:700}.sheet-option{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;width:100%;min-height:48px;font-family:var(--font-body);color:var(--ink);background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:12px 4px;font-size:15px;font-weight:600;display:flex}.sheet-option:last-child{border-bottom:0}.sheet-option:active{background:#f4f4f0}.sheet-dark{background:var(--dark-paper);border-top:1px solid var(--dark-line);box-shadow:0 -8px 24px #00000080}.sheet-dark h2{color:var(--muted)}.sheet-dark .sheet-handle{background:var(--dark-line)}.sheet-dark .sheet-group{color:var(--muted)}.sheet-dark .sheet-option{color:#f2f3f4;border-color:var(--dark-line)}.sheet-dark .sheet-option:active{background:#1f2226}.chip-dark{border-color:var(--dark-line);background:var(--dark-paper);color:#f2f3f4}@keyframes sheet-up{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.list-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 2px;display:flex}.list-row:last-child{border-bottom:0}.list-row:active{background:#f4f4f0}.card-dark .list-row:active{background:#1f2226}.list-row .main{flex:1;min-width:0}.list-row .title{font-size:15px;font-weight:700}.list-row .sub{color:var(--muted);font-size:12px}.bottom-nav{z-index:50;background:var(--dark);padding:8px 6px calc(8px + var(--safe-bottom));border-top-left-radius:18px;border-top-right-radius:18px;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#9a9da1;flex-direction:column;align-items:center;gap:2px;min-width:56px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--lime)}.bottom-nav .material-symbols-outlined{font-size:24px}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle}.muted{color:var(--muted);font-size:12px}.mt8{margin-top:8px}.mt16{margin-top:16px}.center{text-align:center}.spin{border:2.5px solid #00000026;border-top-color:var(--dark);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.toast{left:50%;bottom:calc(var(--nav-h) + var(--safe-bottom) + 18px);background:var(--dark);color:#fff;border-radius:var(--radius-pill);z-index:99;box-shadow:var(--shadow);max-width:88vw;padding:11px 18px;font-size:13px;font-weight:600;position:fixed;transform:translate(-50%)}