:root{--bg: #0F1117;--panel: #171A23;--panel-solid: #1C2029;--elev: #222732;--text: #E8EAF0;--muted: #8B93A7;--faint: #5C6478;--divider: rgba(255, 255, 255, .08);--gold: #E8C06A;--green: #4ADE9B;--red: #F87171;--blue: #6BA6F5;--purple: #9B93F0;--radius: 14px;--radius-sm: 10px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:16px}a{color:var(--gold);text-decoration:none}.app{min-height:100%;display:flex;flex-direction:column;max-width:560px;margin:0 auto;position:relative}.topbar{position:sticky;top:0;z-index:40;padding:calc(var(--safe-top) + 12px) 16px 12px;background:#0f1117db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:.5px solid var(--divider);display:flex;align-items:center;gap:12px}.topbar h1{font-size:17px;font-weight:600;margin:0;flex:1}.page{flex:1;padding:16px 16px 104px}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;max-width:560px;margin:0 auto;padding:8px 4px calc(var(--safe-bottom) + 8px);background:#171a23f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:.5px solid var(--divider)}.tabbar button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 0;border-radius:var(--radius-sm);color:var(--faint);font-size:10.5px;letter-spacing:-.01em;white-space:nowrap;transition:color .15s}.tabbar button.on{color:var(--gold)}.tabbar button.on svg{transform:translateY(-1px)}.tabbar button svg{transition:transform .15s}.tabbar .dot{position:absolute;top:4px;right:26%;width:7px;height:7px;border-radius:50%;background:var(--red)}.card{background:var(--panel);border:.5px solid var(--divider);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px}.card.tight{padding:12px 14px}.card.flat{background:var(--panel-solid)}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.col{display:flex;flex-direction:column}.grow{flex:1;min-width:0}.title{font-size:15px;font-weight:500;margin:0}.sub{font-size:13px;color:var(--muted);margin:2px 0 0}.tiny{font-size:12px;color:var(--faint)}.mono{font-variant-numeric:tabular-nums}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:2px 8px;border-radius:20px;border:.5px solid var(--divider);color:var(--muted);white-space:nowrap}.badge.gold{color:var(--gold);border-color:#e8c06a59;background:#e8c06a1a}.badge.green{color:var(--green);border-color:#4ade9b52;background:#4ade9b1a}.badge.red{color:var(--red);border-color:#f8717152;background:#f871711a}.badge.blue{color:var(--blue);border-color:#6ba6f552;background:#6ba6f51a}.badge.purple{color:var(--purple);border-color:#9b93f052;background:#9b93f01a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border-radius:var(--radius-sm);border:.5px solid var(--divider);background:var(--elev);color:var(--text);font-size:14px;font-weight:500;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{background:var(--gold);color:#17140a;border-color:transparent}.btn.green{background:#4ade9b24;color:var(--green);border-color:#4ade9b4d}.btn.danger{background:#f871711f;color:var(--red);border-color:#f871714d}.btn.ghost{background:transparent}.btn.block{width:100%}.btn.sm{padding:7px 12px;font-size:13px;border-radius:9px}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.input,.textarea,.select{width:100%;padding:11px 13px;border-radius:var(--radius-sm);border:.5px solid var(--divider);background:var(--elev);color:var(--text);outline:none;transition:border-color .15s}.input:focus,.textarea:focus,.select:focus{border-color:#e8c06a80}.textarea{resize:vertical;min-height:76px;line-height:1.5}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none}.hint{font-size:12px;color:var(--faint);margin-top:5px}.err{font-size:13px;color:var(--red);margin-top:8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 13px;border-radius:20px;border:.5px solid var(--divider);background:var(--elev);color:var(--muted);font-size:13px;transition:all .15s}.chip.on{border-color:#e8c06a8c;background:#e8c06a24;color:var(--gold)}.switch{width:46px;height:27px;border-radius:20px;background:var(--elev);border:.5px solid var(--divider);position:relative;flex-shrink:0;transition:background .18s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:var(--muted);transition:all .18s}.switch.on{background:#e8c06a47;border-color:#e8c06a80}.switch.on:after{left:21px;background:var(--gold)}.bar{height:4px;border-radius:2px;background:var(--elev);overflow:hidden}.bar>i{display:block;height:100%;background:var(--gold);border-radius:2px;transition:width .3s}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0000009e;display:flex;align-items:flex-end;justify-content:center;animation:fade .16s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:560px;background:var(--panel-solid);border-radius:20px 20px 0 0;padding:8px 16px calc(var(--safe-bottom) + 20px);max-height:92vh;overflow-y:auto;animation:up .22s cubic-bezier(.22,1,.36,1)}@keyframes up{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.sheet .grab{width:36px;height:4px;border-radius:2px;background:var(--faint);margin:6px auto 14px;opacity:.5}.sheet h3{font-size:16px;font-weight:600;margin:0 0 4px}.empty{text-align:center;padding:44px 20px;color:var(--faint)}.empty .big{font-size:15px;color:var(--muted);margin-bottom:6px}.divide>*+*{border-top:.5px solid var(--divider)}.check{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--faint);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.check.on{background:var(--green);border-color:var(--green);color:#08150e;font-size:14px;font-weight:700}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal .h{text-align:center;font-size:11px;color:var(--faint);padding:4px 0}.cal .d{aspect-ratio:1;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;color:var(--muted);border:.5px solid transparent;font-variant-numeric:tabular-nums}.cal .d.dim{opacity:.26}.cal .d.today{border-color:var(--gold);color:var(--gold)}.cal .d.sel{background:#e8c06a29;border-color:#e8c06a73}.cal .d.partial{background:#6ba6f524}.cal .d.full{background:#4ade9b29}.cal .d .n{font-size:9px;line-height:1;margin-top:1px}.toast{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 92px);transform:translate(-50%);z-index:120;max-width:88vw;padding:10px 18px;border-radius:22px;background:#222732f7;border:.5px solid var(--divider);font-size:13.5px;text-align:center;animation:fade .16s ease}.toast.ok{color:var(--green)}.toast.bad{color:var(--red)}.skel{background:linear-gradient(90deg,var(--panel) 25%,var(--elev) 50%,var(--panel) 75%);background-size:200% 100%;animation:sh 1.3s infinite;border-radius:var(--radius-sm)}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.banner{padding:11px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px;border:.5px solid var(--divider);background:var(--panel)}.banner.warn{color:var(--gold);border-color:#e8c06a4d;background:#e8c06a14}.banner.info{color:var(--blue);border-color:#6ba6f54d;background:#6ba6f514}