:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8edf6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#06080d;--panel:#0d121cd6;--panel-strong:#121825f5;--panel-soft:#0d121cad;--line:#839cbf2e;--line-strong:#839cbf4d;--text:#e8edf6;--muted:#94a2b8;--muted-strong:#b3c0d4;--accent:#92f4d4;--accent-soft:#92f4d424;--amber:#f6c36d;--danger:#ff7f7f;--danger-soft:#ff7f7f1f;--positive:#79f2c0;--negative:#ff8f8f;--shadow:0 30px 80px #0000007a, inset 0 1px 0 #ffffff0d;background:radial-gradient(circle at top,#5d769a3d,#0000 28%),linear-gradient(#0a0f16 0%,#090c12 45%,#06080d 100%);font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 50% 0,#6787b32e,#0000 24%),linear-gradient(#0b1018 0%,#06080d 100%);margin:0}button,input,select{font:inherit}button{cursor:pointer}input,select,button{outline:none}#app{display:flex}.app-shell{justify-content:center;width:100%;min-height:100svh;padding:18px 12px 28px;display:flex}.mobile-frame{border:1px solid var(--line);width:min(100%,430px);min-height:calc(100svh - 36px);box-shadow:var(--shadow);background:linear-gradient(#171e2beb,#070a0ffa),repeating-linear-gradient(90deg,#ffffff04 0 1px,#0000 1px 26px);border-radius:30px;position:relative;overflow:hidden}.mobile-frame:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0f,#0000 16% 84%,#ffffff05),radial-gradient(circle at 100% 0,#92f4d424,#0000 24%);position:absolute;inset:0}.dashboard,.onboarding-view{z-index:1;position:relative}.onboarding-view,.dashboard{padding:18px}.topbar{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 0;display:flex;position:relative}.metric-chip,.hud-button,.hero-panel,.coin-panel,.entry-card,.records-panel,.settings-panel,.modal-sheet,.history-current,.history-item,.history-total{border:1px solid var(--line);background:linear-gradient(#141a26eb,#0a0d14f5);box-shadow:inset 0 1px #ffffff0a}.metric-chip{appearance:none;text-align:left;color:var(--text);border-radius:20px;flex:1;padding:14px 16px}.metric-chip strong,.metric-chip small{display:block}.metric-chip__label,.panel-caption,.eyebrow,.hero-label,.entry-title{text-transform:uppercase;letter-spacing:.16em}.metric-chip__label{color:var(--muted);margin-bottom:8px;font-size:11px}.cycle-chip strong{font-size:22px;line-height:1.1}.cycle-chip small{color:var(--muted);margin-top:8px;font-size:12px}.icon-button{appearance:none;color:var(--text);background:0 0;border:0}.hud-button{border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;display:inline-flex}.dashboard{gap:14px;display:grid}.hero-panel,.coin-panel,.records-panel,.settings-panel{border-radius:24px;padding:16px}.panel-caption{color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;font-size:10px;display:inline-flex}.dot{background:var(--accent);border-radius:999px;width:8px;height:8px;box-shadow:0 0 14px #92f4d4b3}.hero-panel{background:radial-gradient(circle at 100% 0,#92f4d41f,#0000 34%),linear-gradient(#101622fa,#080c13fa)}.hero-label{color:var(--muted);font-size:12px}.hero-panel h1{letter-spacing:-.04em;margin:6px 0 8px;font-size:clamp(36px,9vw,48px);line-height:1}.hero-time{color:var(--muted-strong);font-size:13px}.hero-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.hero-breakdown div{border:1px solid var(--line);background:#ffffff05;border-radius:16px;padding:10px 12px}.hero-breakdown span,.shift-status__text span,.panel-note,.record-meta,.record-side span,.history-item span,.history-current span,.modal-subtitle,.muted{color:var(--muted)}.hero-breakdown span,.record-side span,.history-item span,.history-current span{font-size:12px;display:block}.hero-breakdown strong,.history-item strong,.history-current strong,.history-total strong,.entry-head strong{margin-top:6px;font-size:15px;display:block}.shift-status{border:1px solid var(--line);border-radius:18px;margin-top:16px;padding:12px 14px}.shift-status__text{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.shift-status__text strong{font-size:15px}.progress-track{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#5bd6b5,#a4ffde);height:100%;box-shadow:0 0 16px #92f4d457}.phase-before .progress-fill,.phase-off .progress-fill{box-shadow:none;background:linear-gradient(90deg,#64748b,#7f8ea4)}.phase-after .progress-fill{background:linear-gradient(90deg,#f6c36d,#ffdca1);box-shadow:0 0 16px #f6c36d47}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-header .panel-caption{margin-bottom:0}.coin-speed-group{align-items:center;gap:8px;display:flex}.coin-speed{color:#ffd99f;background:#f6c36d17;border:1px solid #f6c36d3d;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:12px}.coin-speed-settings{appearance:none;border:1px solid var(--line);color:var(--muted);white-space:nowrap;cursor:pointer;background:#ffffff0a;border-radius:999px;padding:6px 10px;font-size:11px;transition:color .2s,border-color .2s}.coin-speed-settings:hover{color:var(--text);border-color:#92f4d447}.coin-cycle-editor{border:1px solid var(--line);background:#ffffff05;border-radius:16px;gap:10px;margin-top:4px;padding:12px;display:grid}.coin-cycle-editor__field{gap:8px;display:grid}.coin-cycle-editor__field span{color:var(--muted);font-size:12px}.coin-cycle-editor__row{align-items:center;gap:10px;display:flex}.coin-cycle-editor__row input[type=range]{appearance:none;cursor:pointer;background:#ffffff1a;border:none;border-radius:999px;outline:none;flex:1;height:6px;padding:0}.coin-cycle-editor__row input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(#a4ffde,#5bd6b5);border:1px solid #92f4d466;border-radius:50%;width:20px;height:20px;box-shadow:0 0 10px #92f4d44d}.coin-cycle-editor__value{color:var(--accent);text-align:right;flex-shrink:0;min-width:42px;font-size:13px;font-weight:600}.coin-stage{border:1px solid var(--line);background:radial-gradient(circle at 78% 28%,#f6c36d29,#0000 18%),radial-gradient(circle at 24% 74%,#92f4d414,#0000 22%),linear-gradient(#0c1119cc,#0a0d14f2),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 32px);border-radius:20px;height:140px;margin-top:14px;position:relative;overflow:hidden}.coin-stage__glow{filter:blur(8px);background:radial-gradient(circle,#f6c36d1f,#0000 52%),radial-gradient(circle,#ffffff0a,#0000 72%);border-radius:24px;position:absolute;inset:18px}.coin-track{background:linear-gradient(90deg,#0000,#ffffff29,#0000);border-radius:999px;height:3px;position:absolute;left:14px;right:14px}.coin-track:before,.coin-track:after{content:"";background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;width:12px;height:12px;position:absolute;top:-5px}.coin-track:before{left:22%}.coin-track:after{right:18%}.coin-track-top{top:42px}.coin-track-bottom{top:96px}.coin{--coin-size:40px;width:var(--coin-size);height:var(--coin-size);color:#2f220a;animation:coinRoll var(--coin-travel-duration,5s) linear infinite;background:radial-gradient(circle at 30% 28%,#fff7d6fa,#0000 24%),radial-gradient(circle at 35% 32%,#ffe296 0,#f6c55f 48%,#ab741a 100%);border:1px solid #ffdf91a3;border-radius:50%;place-items:center;font-size:16px;font-weight:700;display:grid;position:absolute;left:0;box-shadow:0 0 0 3px #f6c36d1a,0 10px 24px #00000052}.coin:before{content:"";background:var(--bg,#06080d);z-index:1;border-radius:2px;width:14px;height:14px;position:absolute;transform:rotate(45deg);box-shadow:inset 0 0 4px #00000080}.coin:after{content:"";border:1px solid #fff7d647;border-radius:50%;position:absolute;inset:3px}.coin-a{animation-delay:calc(var(--coin-travel-duration,5s) * -.08);top:22px}.coin-b{animation-delay:calc(var(--coin-travel-duration,5s) * -.32);top:50px}.coin-c{animation-delay:calc(var(--coin-travel-duration,5s) * -.54);top:80px}.coin-d{animation-delay:calc(var(--coin-travel-duration,5s) * -.74);top:34px}.coin-e{animation-delay:calc(var(--coin-travel-duration,5s) * -.92);top:92px}@keyframes coinRoll{0%{transform:translate(-64px)rotate(0)scale(.92)}to{transform:translate(430px)rotate(360deg)scale(1.04)}}.panel-note{margin-top:12px;font-size:12px}.entry-grid{gap:14px;display:grid}.entry-card{border-radius:24px;padding:16px}.entry-card-income{background:radial-gradient(circle at 100% 0,#79f2c01f,#0000 34%),linear-gradient(#0f1a1df5,#080e10fa)}.entry-card-expense{background:radial-gradient(circle at 100% 0,#ff7f7f24,#0000 34%),linear-gradient(#211115f5,#11090bfa)}.entry-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.entry-title{color:var(--muted);margin:0 0 6px;font-size:11px}.entry-badge{white-space:nowrap;color:var(--positive);background:#79f2c01f;border:1px solid #79f2c02e;border-radius:999px;padding:6px 10px;font-size:11px}.entry-badge-warn{color:#ffb1b1;background:#ff7f7f1f;border-color:#ff7f7f2e}.entry-form{gap:12px;display:grid}.field,.entry-form label{gap:8px;display:grid}.field>span,.entry-form label>span,.field-hint{color:var(--muted);font-size:12px}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff09;border-radius:14px;padding:12px 14px}select{appearance:none}input::placeholder{color:#73839a}.custom-type-row{grid-template-columns:1fr auto;gap:10px;display:grid}.type-section{gap:8px;display:grid}.type-label{color:var(--muted);font-size:12px}.type-chips{flex-wrap:wrap;gap:8px;display:flex}.type-chip{white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:13px}.type-chip.active{background:#92f4d41f;border-color:#92f4d459}.type-chip--edit{color:var(--muted);border-style:dashed}.type-chip--managed{padding-right:28px;position:relative}.type-chip__delete{color:#fff;cursor:pointer;background:#e53e3e;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-4px}.category-editor{gap:14px;display:grid}.category-editor__chips{flex-wrap:wrap;gap:8px;display:flex}.category-editor__add{grid-template-columns:1fr auto;gap:10px;display:grid}.primary-button,.secondary-button,.ghost-button,.segment,.chip{appearance:none;border:1px solid var(--line);color:var(--text);background:#ffffff09;border-radius:14px;padding:11px 14px}.primary-button{color:#effff8;background:linear-gradient(#92f4d442,#45907947);border-color:#92f4d447;font-weight:600}.danger-button{background:linear-gradient(#ff7f7f33,#9a35353d);border-color:#ff7f7f33}.secondary-button,.ghost-button{background:#ffffff05}.settings-panel .section-head{margin-bottom:16px}.settings-panel h2,.modal-header h2{margin:6px 0 8px;font-size:24px;line-height:1.15}.eyebrow{color:var(--muted);margin:0;font-size:11px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.full-width{grid-column:1/-1}.segmented,.chip-row,.settings-actions{gap:10px;display:flex}.segmented{flex-wrap:wrap}.segment{flex:1;min-width:112px}.segment.active,.chip.active{background:#92f4d41f;border-color:#92f4d459}.chip-row{flex-wrap:wrap}.chip{border-radius:999px;padding-inline:12px}.privacy-note{color:var(--accent);text-align:center;background:#92f4d412;border:1px solid #92f4d433;border-radius:14px;margin:14px 0 4px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1.6}.settings-actions{justify-content:flex-end;margin-top:18px}.version-text{color:var(--accent);text-align:center;letter-spacing:.04em;background:#92f4d40f;border:1px solid #92f4d433;border-radius:12px;margin:16px 0 0;padding:8px 14px;font-size:13px}.records-list,.history-list{gap:10px;display:grid}.record-item,.history-item{border-radius:18px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.record-item{border:1px solid var(--line);background:#ffffff06;position:relative}.record-delete{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:12px;line-height:1;display:inline-flex;position:absolute;top:-6px;right:-4px}.record-delete--confirm{background:#c53030;border-radius:999px;width:auto;height:auto;padding:6px 14px;font-size:13px;top:50%;left:8px;right:auto;transform:translateY(-50%)}.record-delete--cancel{width:auto;height:auto;color:var(--muted);background:#fff3;border-radius:999px;padding:6px 14px;font-size:13px;top:50%;right:8px;transform:translateY(-50%)}.record-type,.history-item p,.history-current p{margin:0;font-size:15px}.record-meta{margin-top:4px;font-size:12px}.record-side,.history-side{text-align:right}.empty-state{color:var(--muted);padding:12px 0 2px;font-size:13px}.tone-positive{color:var(--positive)}.tone-negative{color:var(--negative)}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03060ab8;align-items:end;display:grid;position:fixed;inset:0}.modal-sheet{border-radius:28px 28px 0 0;flex-direction:column;width:min(100%,430px);max-height:min(88svh,820px);margin:0 auto;display:flex;overflow:hidden}.modal-header{justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 0;display:flex}.modal-header .icon-button{border:1px solid var(--line);background:#ffffff06;border-radius:12px;width:40px;height:40px;font-size:20px}.modal-subtitle{margin:0;font-size:12px}.modal-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding:16px 18px 18px;overflow-y:auto}.history-sheet{gap:12px;min-height:0;display:grid}.history-current{border-radius:22px;padding:16px}.history-current h3{margin:6px 0;font-size:24px}.history-total{border-radius:20px;gap:10px;padding:14px 16px;display:grid}.history-list{-webkit-overflow-scrolling:touch;min-height:0;max-height:min(46svh,420px);padding-right:4px;overflow-y:auto}.history-total__row,.history-total__actions,.history-total__editor-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.history-total__actions{justify-content:flex-end}.history-total__button{border-radius:999px;padding:8px 12px}.history-total__note{color:var(--muted);margin:0;font-size:12px}.history-total__editor{gap:10px;display:grid}.history-total__editor label{gap:8px;display:grid}.history-total__editor label>span{color:var(--muted);font-size:12px}.history-total__editor-actions{justify-content:flex-end}@media (width<=360px){.app-shell{padding-inline:8px}.topbar,.dashboard,.onboarding-view{padding-inline:14px}.hero-breakdown,.field-grid{grid-template-columns:1fr}.shift-status__text,.entry-head,.record-item,.history-item,.history-total,.panel-header,.history-total__row,.history-total__actions,.history-total__editor-actions{display:grid}.record-side,.history-side{text-align:left}.custom-type-row,.category-editor__add{grid-template-columns:1fr}}