:root{--bg: #fbfbfa;--surface: #ffffff;--surface-2: #f4f4f2;--surface-3: #ececea;--border: #e4e4e1;--border-strong: #d2d2ce;--text: #1a1a1c;--text-dim: #6b6b70;--text-faint: #717177;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef2ff;--accent-ring: rgba(79, 70, 229, .35);--danger: #c9241c;--danger-soft: #fef2f2;--success: #15803d;--tag-red: #e5484d;--tag-orange: #f76b15;--tag-yellow: #f5a524;--tag-green: #30a46c;--tag-teal: #12a594;--tag-blue: #0091ff;--tag-purple: #6e56cf;--tag-pink: #e93d82;--shadow-sm: 0 1px 2px rgba(16, 16, 20, .04);--shadow-md: 0 4px 12px rgba(16, 16, 20, .08);--shadow-lg: 0 12px 32px rgba(16, 16, 20, .14);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-full: 999px;--sidebar-width: 232px;--content-max: 1120px;--tap-target: 44px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--t-fast: .12s ease;--t-base: .2s ease;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--gap-block: 16px;--card-pad: 16px;--page-gutter: 12px;--page-pad-y: 12px}@media(prefers-color-scheme:dark){:root{--bg: #101012;--surface: #18181b;--surface-2: #202024;--surface-3: #29292e;--border: #2c2c31;--border-strong: #3d3d44;--text: #f2f2f4;--text-dim: #a3a3ab;--text-faint: #8f8f98;--accent: #8079f2;--accent-hover: #8a82f4;--accent-soft: #1e1b3a;--accent-ring: rgba(128, 121, 242, .45);--danger: #e5645f;--danger-soft: #2a1618;--success: #4ade80;--tag-red: #ff6369;--tag-orange: #ff8b3d;--tag-yellow: #ffca16;--tag-green: #46d17f;--tag-teal: #22c9b6;--tag-blue: #3aa8ff;--tag-purple: #9d8df1;--tag-pink: #ff6ba6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6)}}@media(min-width:900px){:root{--gap-block: 24px;--card-pad: 20px;--page-gutter: 32px;--page-pad-y: 28px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100%}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.3}h1{font-size:22px;letter-spacing:-.01em}h2{font-size:17px}h3{font-size:15px}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.tiny{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:900px){*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:14px;font-weight:500;white-space:nowrap;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{color:var(--danger);border-color:var(--border)}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn-sm{min-height:30px;padding:0 10px;font-size:13px}.btn-icon{min-height:var(--tap-target);min-width:var(--tap-target);padding:0}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:500;color:var(--text-dim)}.input,.textarea,.select{width:100%;min-height:38px;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.textarea{min-height:88px;resize:vertical;line-height:1.6}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.input-error{border-color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--card-pad)}.card-flush{padding:0;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.card-head h2,.card-head h3{margin:0}.card-head-sub{font-size:12px;color:var(--text-faint)}.card-head-actions{display:flex;align-items:center;gap:var(--sp-2)}.card-divider{height:1px;margin:var(--sp-4) 0;background:var(--border)}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-dim);font-size:13px;font-weight:500;transition:all var(--t-fast)}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip-active{border-color:transparent;color:#fff}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-dim);font-family:var(--font-mono);font-size:12px}.alert{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);font-size:13px}.alert-danger{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.empty{padding:32px 16px;text-align:center;color:var(--text-faint);font-size:14px}.spinner{width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{min-height:100vh;min-height:100dvh}.sidebar{display:none}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:#fff}.brand-mark svg{display:block;width:100%;height:100%}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-title{font-weight:600;font-size:15px}.nav{display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius);color:var(--text-dim);font-size:14px;font-weight:500;transition:background var(--t-fast),color var(--t-fast)}.nav-link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-link.active{background:var(--accent-soft);color:var(--accent)}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;padding:0 16px;padding-top:env(safe-area-inset-top);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-title{font-size:16px;font-weight:600}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;color:var(--text-faint);font-size:11px;font-weight:500}.bottom-nav-link:hover{text-decoration:none}.bottom-nav-link.active{color:var(--accent)}.content{width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--page-pad-y) var(--page-gutter) calc(72px + env(safe-area-inset-bottom))}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.page-title{font-size:20px}.page-sub{margin-top:2px;font-size:13px;color:var(--text-dim)}.stack{display:flex;flex-direction:column;gap:var(--gap-block)}.stack-sm{display:flex;flex-direction:column;gap:var(--sp-2)}.stack-xs{display:flex;flex-direction:column;gap:var(--sp-1)}.row{display:flex;align-items:center;gap:var(--sp-2)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.row-wrap{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.grow{flex:1;min-width:0}@media(min-width:900px){.topbar,.bottom-nav{display:none}.app{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:20px 14px;background:var(--surface);border-right:1px solid var(--border)}.page-title{font-size:24px}}.narrow{max-width:460px}.filter-label{margin-right:var(--sp-1)}.calendar{padding:var(--card-pad)}.calendar.is-loading{opacity:.6}.calendar-head{display:grid;grid-template-columns:repeat(7,1fr);padding-bottom:var(--sp-2)}.calendar-weekday{text-align:center;font-size:12px;font-weight:500;color:var(--text-faint)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-1)}.day-cell{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:52px;padding:7px 8px 10px;border:none;border-radius:var(--radius);background:transparent;text-align:left;transition:background var(--t-fast),box-shadow var(--t-fast)}.day-cell:hover,.day-cell-has{background:var(--surface-2)}.day-cell-has:hover{background:var(--surface-3)}.day-head{display:flex;align-items:center;justify-content:space-between;gap:2px;width:100%}.day-today-mark{padding:0 5px;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:9px;font-weight:600;line-height:13px;white-space:nowrap}.day-cell-outside{opacity:.4}.day-preview{display:flex;flex-wrap:wrap;align-items:center;gap:4px;width:100%;min-height:16px}.day-preview-item{display:inline-flex;align-items:center;gap:1px;line-height:0}.day-preview-count{font-size:10px;font-weight:600;line-height:1;letter-spacing:-.02em}.day-preview-more{font-size:10px;color:var(--text-faint);line-height:1}@media(max-width:899px){.calendar{padding:var(--sp-2)}.calendar-grid{gap:2px}.day-cell{aspect-ratio:1 / 1;min-height:0;gap:1px;padding:5px 3px 4px;border-radius:var(--radius-sm)}.day-head{height:11px;align-items:flex-start}.day-today-mark{display:none}.day-number{font-size:10px;line-height:11px}.day-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 2px;min-height:0;align-items:center;margin-bottom:auto}.day-preview-item{display:flex;align-items:center;justify-content:center;gap:0;height:12px;line-height:1;overflow:visible}.day-preview-item svg{width:10px;height:10px}.day-preview-count,.day-preview-more{font-size:10px;line-height:12px;font-weight:600}}.day-cell-today .day-number{color:var(--accent);font-weight:700}.day-cell-selected,.day-cell-selected:hover{box-shadow:inset 0 0 0 2px var(--accent)}.day-number{font-size:12px;line-height:1;color:var(--text-dim)}.record-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-2);list-style:none;margin:0;padding:0}.record-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.record-item-on{border-color:var(--border-strong);background:var(--surface-2)}.record-name{flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-actions{display:flex;align-items:center;gap:var(--sp-1)}.record-count{min-width:28px;text-align:center;font-size:15px;font-weight:600}.stepper{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-dim);font-size:16px;font-weight:600;line-height:1;transition:all var(--t-fast)}.stepper:hover:not(:disabled){border-color:var(--border-strong);color:var(--text);background:var(--surface-3)}.stepper:active:not(:disabled){transform:scale(.94)}.stepper:disabled{opacity:.4;cursor:not-allowed}.stepper-add{border-color:var(--accent);background:var(--accent);color:#fff}.stepper-add:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover);color:#fff}.tag-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;flex-shrink:0}.tag-icon-sm{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;flex-shrink:0}.overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#0a0a0c73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in var(--t-base)}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(12px)}}.dialog{width:min(420px,calc(100vw - 32px));margin:auto;padding:var(--sp-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.dialog-body{margin:var(--sp-3) 0 var(--sp-5);font-size:14px;color:var(--text-dim);line-height:1.7}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.tag-list{display:flex;flex-direction:column;gap:var(--sp-2);width:100%;max-width:var(--content-max);list-style:none;margin:0;padding:0}.tag-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);width:100%}.tag-name{display:block;font-size:15px;font-weight:500}.tag-meta{display:block}.icon-preview{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-shrink:0}.color-dots{display:flex;gap:var(--sp-2);flex-wrap:wrap}.color-dot{width:26px;height:26px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px var(--border)}.color-dot-active{border-color:var(--surface);box-shadow:0 0 0 2px var(--text)}.icon-picker{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.picker-tabs{align-items:center}.picker-group-label{margin:var(--sp-2) 0 var(--sp-1);font-weight:500}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:var(--sp-1)}.icon-cell{display:grid;place-items:center;aspect-ratio:1 / 1;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--surface);color:var(--text-dim);transition:all var(--t-fast)}.icon-cell:hover{border-color:var(--border-strong);color:var(--text)}.icon-cell-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.icon-cell-placeholder{width:22px;height:22px;border-radius:4px;background:var(--surface-3)}.picker-loading{padding:var(--sp-3);color:var(--text-faint);font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}.stat-card{display:flex;flex-direction:column;gap:2px;padding:var(--sp-4)}.stat-value{display:flex;align-items:baseline;gap:var(--sp-2);font-size:26px;font-weight:600;line-height:1.2}.stat-unit{font-size:13px;font-weight:500;color:var(--text-dim)}.date-input{width:auto;min-width:148px}.chart-wrap{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.chart-scroll{overflow-x:auto;overflow-y:hidden;min-width:0;padding-bottom:var(--sp-1);-webkit-overflow-scrolling:touch}.chart{display:block;width:100%;height:200px;max-width:none}.chart-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 3}.chart-axis{fill:var(--text-faint);font-size:11px;font-family:var(--font-mono)}.chart-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.chart-area{fill:var(--accent);opacity:.1}.chart-dot{fill:var(--surface);stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.chart-x-labels{position:relative;height:16px;margin-top:2px}.chart-x-labels span{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.donut{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap}.donut-svg{width:148px;height:148px;flex-shrink:0}.donut-track{fill:none;stroke:var(--surface-3);stroke-width:16}.donut-slice{fill:none;stroke-width:16;transform:rotate(-90deg);transform-origin:70px 70px;transition:stroke-width var(--t-fast)}.donut-slice:hover{stroke-width:19}.donut-total{fill:var(--text);font-size:22px;font-weight:600}.donut-caption{fill:var(--text-faint);font-size:11px}.donut-legend{display:flex;flex-direction:column;gap:var(--sp-2);flex:1;min-width:180px;list-style:none;margin:0;padding:0}.donut-legend-item{display:flex;align-items:center;gap:var(--sp-2);font-size:13px}.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-name{font-weight:500}.stat-table{width:100%;border-collapse:collapse;font-size:14px}.stat-table th,.stat-table td{padding:var(--sp-2) var(--sp-2);border-bottom:1px solid var(--border);text-align:left;font-weight:400}.stat-table thead th{font-size:12px;font-weight:500;color:var(--text-faint)}.stat-table tbody tr:last-child th,.stat-table tbody tr:last-child td{border-bottom:none}.stat-table tbody th{font-weight:500}.stat-table .right{text-align:right}.bar-col{width:30%;min-width:80px}.bar{display:block;height:6px;border-radius:var(--radius-full);background:var(--surface-3);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:var(--radius-full);transition:width var(--t-base)}.contrib{display:flex;gap:6px;align-items:flex-start}.contrib-scroll{flex:1;min-width:0;overflow-x:auto;padding-bottom:var(--sp-1);-webkit-overflow-scrolling:touch;position:relative}.contrib-grid{display:inline-grid;grid-template-columns:repeat(var(--weeks, 53),12px);grid-template-rows:16px repeat(7,12px);gap:3px;grid-auto-flow:column}.contrib-weekdays{display:grid;grid-template-rows:repeat(3,30px);margin-top:19px;flex-shrink:0}.contrib-weekdays span{align-self:start;font-size:10px;line-height:12px;color:var(--text-faint);text-align:right;width:16px}.contrib-months{grid-column:1 / -1;grid-row:1;position:relative}.contrib-month{position:absolute;top:0;font-size:10px;line-height:16px;color:var(--text-faint);white-space:nowrap;pointer-events:none}.contrib-cell{width:100%;aspect-ratio:1 / 1;border-radius:3px;border:none;box-shadow:inset 0 0 0 1px transparent;background:var(--surface-3);padding:0}.contrib-cell-empty{background:transparent}.contrib-cell-hidden{visibility:hidden}.contrib-cell.level-0{background:var(--surface-3)}.contrib-cell:hover{box-shadow:inset 0 0 0 1px var(--text-faint)}.contrib-cell.level-1{background:color-mix(in srgb,var(--accent) 25%,var(--surface-3))}.contrib-cell.level-2{background:color-mix(in srgb,var(--accent) 50%,var(--surface-3))}.contrib-cell.level-3{background:color-mix(in srgb,var(--accent) 75%,var(--surface-3))}.contrib-cell.level-4{background:var(--accent)}.contrib-cell-selected{box-shadow:inset 0 0 0 2px var(--text)}.contrib-legend{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-3);flex-wrap:wrap}.contrib-scale{display:inline-flex;align-items:center;gap:var(--sp-1)}.contrib-scale .contrib-cell{width:12px;height:12px;aspect-ratio:auto;flex:0 0 auto}.note-list{list-style:none;margin:0;padding:0}.note-item{padding:var(--sp-3) 0;border-bottom:1px solid var(--border);font-size:14px}.note-item:first-child{padding-top:0}.note-item:last-child{border-bottom:none;padding-bottom:0}.note-content{white-space:pre-wrap;word-break:break-word}.note-actions{margin-top:var(--sp-1)}.toast-stack{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom));z-index:200;display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;transform:translate(-50%);pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}.toast{padding:9px 14px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--text);color:var(--bg);font-size:13px;box-shadow:var(--shadow-md);animation:slide-up var(--t-fast)}.toast-error{background:var(--danger);border-color:var(--danger);color:#fff}@media(min-width:900px){.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar{padding:var(--card-pad)}.calendar-grid{gap:6px}.day-number{font-size:13px}.day-preview{gap:var(--sp-1)}.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.day-preview-item svg{width:16px;height:16px}.overlay{align-items:center;justify-content:center}.toast-stack{bottom:24px;left:auto;right:24px;transform:none;align-items:flex-end}}