:root{--bg: #161826;--surface: #232532;--surface-2: #2b2e3d;--text: #e9e9ed;--muted: #9397ab;--dim: #75798c;--line: rgba(233, 233, 237, .12);--accent: #9184d9;--accent-light: #b5abfc;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--s1: 2.8px;--s2: 5.6px;--s3: 8.4px;--s4: 11.2px;--s5: 16.8px;--s6: 22.4px;--tabbar: #1a1c2b;--hairline: #595d6c;--tint-on: rgba(145, 132, 217, .14);--ease: cubic-bezier(.32, .72, 0, 1);--fill-ms: .22s;--face-ms: .3s;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100dvh}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer;text-align:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden;max-width:480px;margin:0 auto;position:relative}.screen{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:calc(env(safe-area-inset-top) + var(--s3));padding-bottom:var(--s6)}.screen--body{padding-left:var(--s5);padding-right:var(--s5);display:flex;flex-direction:column}.screen--pad{padding-left:var(--s6);padding-right:var(--s6)}.title{font-weight:500;font-size:25px;letter-spacing:-.015em;margin:0}.subtitle{font-size:12px;color:var(--muted);margin:var(--s1) 0 0}.label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.empty{font-size:13px;color:var(--muted);padding:var(--s4) 0;margin:0}.pressable{transition:transform .12s var(--ease),opacity .12s var(--ease),background-color .12s var(--ease),border-color .12s var(--ease)}.pressable:active{transform:scale(.985);opacity:.86}.btn-outline{display:flex;align-items:center;justify-content:center;min-height:44px;padding:var(--s3) var(--s4);border:1px solid var(--accent);border-radius:var(--radius-md);background:transparent;color:var(--accent-light);font-size:14px;font-weight:500}.body-header{display:flex;align-items:flex-start;justify-content:space-between;padding:0 var(--s2) var(--s3);flex:none}.day-score{display:flex;align-items:baseline;gap:var(--s2);justify-content:flex-end;margin-top:var(--s1)}.day-score__value{font-size:20px;font-weight:600;color:var(--accent-light)}.day-score__pts{display:block;font-size:11px;color:var(--dim)}.face-panel{flex:1;min-height:340px;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s5);background:radial-gradient(60% 55% at 50% 45%,#1c1f30 0%,var(--bg) 100%);border-radius:var(--radius-lg);padding:var(--s6) var(--s5) calc(var(--s6) + 14px)}.face-panel__mood{font-size:13px;color:var(--muted)}.model-caption{position:absolute;bottom:var(--s3);left:0;right:0;text-align:center;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#595d6c}.log-button{flex:none;margin-top:var(--s3)}.stage-name{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--muted);text-align:center;transition:color var(--fill-ms) var(--ease)}.stage-name[data-close=true]{color:var(--accent-light)}.stage-emoji{font-size:148px;line-height:1;display:block;animation:stage-pop .32s var(--ease);filter:drop-shadow(0 10px 28px rgba(145,132,217,.24))}@keyframes stage-pop{0%{transform:scale(.72);opacity:0}62%{transform:scale(1.07);opacity:1}to{transform:scale(1)}}.sheet-backdrop{position:fixed;inset:0;background:#0a0b128c;border:0;z-index:30;opacity:1;transition:opacity var(--fill-ms) var(--ease);animation:backdrop-in var(--fill-ms) var(--ease)}.sheet-backdrop[data-state=closed]{opacity:0}@keyframes backdrop-in{0%{opacity:0}}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:31;max-width:480px;margin:0 auto;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 0 0 1px var(--muted),0 -16px 40px #000000a6;padding:var(--s5) var(--s6) calc(var(--s6) + env(safe-area-inset-bottom));transform:translateY(0);transition:transform var(--fill-ms) var(--ease);animation:sheet-in var(--fill-ms) var(--ease);display:flex;flex-direction:column;max-height:88dvh}.sheet[data-state=closed]{transform:translateY(100%);animation:none}.sheet[data-dragging=true]{transition:none}@keyframes sheet-in{0%{transform:translateY(100%)}}.sheet__handle{flex:none;touch-action:none}.sheet__grip{width:38px;height:4px;border-radius:2px;background:var(--hairline);margin:0 auto var(--s5)}.sheet__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--s5);gap:var(--s4)}.sheet__name{font-weight:500;font-size:20px;letter-spacing:-.015em}.sheet__sub{font-size:12px;color:var(--muted)}.sheet__pct{font-size:20px;font-weight:600;color:var(--accent-light);text-align:right}.sheet__figure{display:flex;align-items:center;gap:var(--s3)}.sheet__emoji{font-size:34px;line-height:1;animation:stage-pop .32s var(--ease)}.sheet__count{font-size:11px;color:var(--dim)}.sheet__list{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;margin:0 calc(var(--s6) * -1);padding:0 var(--s6)}.habit-row{display:flex;align-items:center;gap:var(--s4);padding:var(--s4);border-radius:var(--radius-md);background:var(--surface-2);margin-bottom:var(--s2);width:100%;min-height:44px;transition:transform .12s var(--ease),background-color var(--fill-ms) var(--ease)}.habit-row:active{transform:scale(.985)}.habit-row[data-on=true]{background:var(--tint-on)}.habit-row__toggle{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--dim);display:flex;align-items:center;justify-content:center;flex:none;transition:border-color var(--fill-ms) var(--ease)}.habit-row[data-on=true] .habit-row__toggle{border-color:var(--accent-light)}.habit-row__mark{width:9px;height:9px;border-radius:50%;background:var(--accent-light);opacity:0;transform:scale(.4);transition:opacity .12s var(--ease),transform .12s var(--ease)}.habit-row[data-on=true] .habit-row__mark{opacity:1;transform:scale(1)}.habit-row__body{flex:1;min-width:0}.habit-row__name{display:block;font-size:14px}.habit-row__weight{flex:none;font-size:11px;font-weight:600;color:var(--dim);min-width:20px;text-align:right}.habit-row[data-on=true] .habit-row__weight{color:var(--accent-light)}.sheet__done{margin-top:var(--s4);width:100%;flex:none}.segmented{display:flex;gap:2px;background:var(--surface);border-radius:var(--radius-md);padding:3px;margin-bottom:var(--s3)}.segmented__item{flex:1;min-height:40px;border-radius:calc(var(--radius-md) - 2px);font-size:12px;font-weight:500;color:var(--dim);display:flex;align-items:center;justify-content:center;transition:background-color .12s var(--ease),color .12s var(--ease)}.segmented__item[aria-selected=true]{background:var(--surface-2);color:var(--accent-light)}.chart-card{background:var(--surface);border-radius:var(--radius-md);padding:var(--s4) var(--s2) var(--s3)}.chart{display:block;width:100%;height:auto}.chart__line{fill:none;stroke:var(--accent-light);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart__line[data-empty=true]{stroke:var(--hairline)}.chart__dot{fill:var(--accent-light)}.chart__dot[data-zero=true]{fill:var(--hairline)}.chart__baseline{stroke:var(--line);stroke-width:1}.chart__reference{stroke:var(--dim);stroke-width:1;stroke-dasharray:3 4}.chart__reference-label,.chart__peak{fill:var(--dim);font-size:9px;font-family:inherit}.chart__reference-label{text-anchor:end}.chart__label{fill:var(--dim);font-size:9px;font-family:inherit;text-anchor:middle}.chart-note{font-size:11px;color:var(--dim);margin:var(--s2) var(--s2) 0;text-align:center;line-height:1.5}.habit-row__meta{display:block;font-size:11px;color:var(--muted)}.habit-row__main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s4);transition:transform .12s var(--ease)}.habit-row__main:active{transform:scale(.985)}.habit-row__toggle--count{font-size:12px;font-weight:600;color:var(--accent-light)}.habit-row__step{flex:none}.face-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--s3) var(--s2);background:var(--surface);border-radius:var(--radius-md);padding:var(--s4) var(--s3)}.section-hint{font-size:11px;color:var(--dim)}.face-tile{display:flex;flex-direction:column;align-items:center;gap:var(--s1);min-width:0}.face-tile__emoji{font-size:26px;line-height:1.2}.face-tile__emoji[data-empty=true]{opacity:.32;filter:grayscale(1)}.face-tile{border-radius:var(--radius-sm);padding:var(--s1) 0;min-height:44px;transition:transform .12s var(--ease),background-color .12s var(--ease)}.face-tile:active{transform:scale(.92);background:var(--surface-2)}.face-tile__label{font-size:9px;color:var(--dim)}.face-tile[data-today=true] .face-tile__label{color:var(--accent-light);font-weight:600}.stat-row{display:flex;gap:var(--s2);margin-top:var(--s4)}.stat-card{flex:1;min-width:0;background:var(--surface);border-radius:var(--radius-md);padding:var(--s4)}.stat-row--three .stat-card__value{font-size:26px}.stat-card__value{font-size:32px;font-weight:600;line-height:1.1}.stat-card__unit{display:block;font-size:10px;color:var(--dim);line-height:1.35}.history-note{font-size:13px;color:var(--muted);margin-top:var(--s5)}.settings-card{background:var(--surface);border-radius:var(--radius-md);padding:var(--s5);color:var(--accent)}.slider-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--text);gap:var(--s4)}.slider-head__value{font-weight:600}.slider-note{font-size:11px;color:var(--dim);margin:var(--s1) 0 0}input[type=range].slider{-webkit-appearance:none;appearance:none;background:transparent;display:block;width:100%;height:44px;margin:0;cursor:pointer}input[type=range].slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#e9e9ed29}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;margin-top:-6px;background:currentColor;border:0}input[type=range].slider::-moz-range-track{height:4px;border-radius:2px;background:#e9e9ed29}input[type=range].slider::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:currentColor}.section-label{display:block;margin:var(--s6) 0 var(--s3)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin:var(--s6) 0 var(--s2)}.link-button{min-height:44px;padding:0 var(--s2);font-size:13px;font-weight:500;color:var(--accent-light)}.move-line{display:flex;align-items:center;gap:var(--s3);padding:var(--s1) 0;border-bottom:1px solid var(--line);min-height:54px}.move-line__emoji{font-size:24px;line-height:1;width:32px;text-align:center;flex:none}.move-line__body{flex:1;min-width:0}.move-line__name{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-line__unnamed{color:var(--dim)}.move-line__meta{display:block;font-size:11px;color:var(--dim)}.chip{min-height:32px;padding:0 var(--s3);border-radius:999px;border:1px solid var(--hairline);color:var(--dim);font-size:11px;font-weight:500;letter-spacing:.02em;display:flex;align-items:center;flex:none}.chip[data-on=true]{border-color:var(--accent);background:var(--tint-on);color:var(--accent-light)}.habit-line__dot{width:48px;display:flex;align-items:center;justify-content:center;grid-row:1 / span 2}.stage-line{display:grid;grid-template-columns:48px 1fr;column-gap:var(--s3);row-gap:0;align-items:center;padding:var(--s1) 0;border-bottom:1px solid var(--line)}.stage-line>.stage-emoji-button,.stage-line>.habit-line__dot{grid-row:1 / span 2}.stage-line__meta{display:flex;align-items:center;gap:var(--s2)}.stage-line__spacer{flex:1}input.stage-name-input{min-width:0;background:transparent;border:0;border-radius:var(--radius-sm);padding:var(--s1);font-size:16px;font-weight:500;color:var(--text);text-overflow:ellipsis}input.stage-name-input::placeholder{color:var(--dim);font-weight:400}input.stage-name-input:focus{background:var(--surface);outline:1px solid var(--accent)}.stage-emoji-button{width:48px;height:48px;flex:none;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.stage-line__from,.stage-line__unit{font-size:12px;color:var(--dim);flex:none}.stage-line__from{margin-left:var(--s1)}input.stage-points{flex:none;width:72px;background:var(--bg);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--text);font-size:16px;font-weight:600;text-align:right;padding:var(--s2) var(--s3);min-height:44px;-moz-appearance:textfield}input.stage-points::-webkit-outer-spin-button,input.stage-points::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button:disabled{opacity:.4;cursor:default}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--s2)}.emoji-choice{aspect-ratio:1;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;border-radius:var(--radius-md);background:var(--surface-2);transition:transform .12s var(--ease),background-color .12s var(--ease)}.emoji-choice:active{transform:scale(.92)}.emoji-choice[data-current=true]{background:var(--tint-on);box-shadow:inset 0 0 0 1px var(--accent)}.picker__custom{display:flex;gap:var(--s2);align-items:center;margin-top:var(--s4);flex:none}.picker__custom .btn-outline{flex:none;padding:var(--s3) var(--s5)}.habit-line{display:flex;align-items:center;gap:var(--s3);padding:var(--s1) 0;border-bottom:1px solid var(--line);min-height:54px}.dot{border-radius:50%;flex:none}.dot--habit{width:7px;height:7px;background:var(--accent)}input.habit-line__name{flex:1;min-width:0;background:transparent;border:0;border-radius:var(--radius-sm);padding:var(--s1) var(--s1);font-size:16px;color:var(--text);text-overflow:ellipsis}input.habit-line__name:focus{background:var(--surface);outline:1px solid var(--accent)}.tap44{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:none}.stepper{width:26px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--hairline);display:flex;align-items:center;justify-content:center;font-size:14px;color:#cfd3e5;transition:border-color .12s var(--ease)}.tap44:active .stepper{border-color:var(--accent);color:var(--accent-light)}.stepper--ghost{border:0;font-size:13px;color:var(--dim)}.tap44:active .stepper--ghost{color:#d2cefd}.habit-line__weight{font-size:13px;font-weight:600;width:16px;text-align:center;flex:none}.add-row{margin-top:var(--s5);display:flex;gap:var(--s2);align-items:center}.field{flex:1;min-width:0;background:var(--bg);border:1px solid var(--hairline);border-radius:var(--radius-md);color:var(--text);font-size:16px;padding:var(--s3) var(--s4);min-height:44px}.field::placeholder{color:var(--dim)}.add-actions{display:flex;gap:var(--s2);margin-top:var(--s3)}.add-actions .btn-outline{flex:1;font-size:13px}.tabbar{flex:none;height:calc(76px + env(safe-area-inset-bottom));background:var(--tabbar);box-shadow:0 -1px 0 var(--line);display:flex;align-items:center;padding:0 var(--s6) calc(var(--s5) + env(safe-area-inset-bottom));position:relative;z-index:10}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--s2);color:var(--dim);min-height:44px;justify-content:center;transition:color .12s var(--ease)}.tab[aria-current=page]{color:var(--accent)}.tab__mark{width:12px;height:12px;background:currentColor}.tab__label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}