*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-3{top:.75rem}.z-30{z-index:30}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-5{order:5}.order-6{order:6}.order-7{order:7}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-7{margin-bottom:1.75rem}.mt-10{margin-top:2.5rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-44{height:11rem}.h-7{height:1.75rem}.h-full{height:100%}.max-h-72{max-height:18rem}.min-h-screen{min-height:100vh}.w-full{width:100%}.min-w-\[14px\]{min-width:14px}.max-w-7xl{max-width:80rem}.max-w-\[24px\]{max-width:24px}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.bg-transparent{background-color:transparent}.bg-white\/10{background-color:#ffffff1a}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-20{padding-bottom:5rem}.pt-1{padding-top:.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-snug{line-height:1.375}.tracking-wide{letter-spacing:.025em}.opacity-60{opacity:.6}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--bg: #faf8f4;--bg-2: #f3eee6;--surface: #fffdf9;--surface-2: #f6f1e9;--ink: #1a1714;--ink-soft: #5f5850;--ink-faint: #6f6659;--line: rgba(26, 23, 20, .1);--line-strong: rgba(26, 23, 20, .18);--accent: #d97742;--accent-press: #c86a36;--accent-tint: rgba(217, 119, 66, .13);--accent-ink: #a04a23;--on-accent: #1a1714;--good: #4d6d57;--bad: #a8432f;--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(26, 23, 20, .05);--shadow-md: 0 14px 40px -22px rgba(26, 23, 20, .3), 0 2px 8px -4px rgba(26, 23, 20, .08);--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--font-serif: "Fraunces", Georgia, serif}.theme-night{--bg: #16130f;--bg-2: #100d0a;--surface: #211c16;--surface-2: #2a241d;--ink: #f4efe6;--ink-soft: #b8afa2;--ink-faint: #7f7466;--line: rgba(244, 239, 230, .1);--line-strong: rgba(244, 239, 230, .2);--accent: #e58a52;--accent-press: #d07740;--accent-tint: rgba(229, 138, 82, .16);--accent-ink: #e58a52;--on-accent: #16130f;--good: #88ad94;--bad: #e08a72;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 18px 48px -26px rgba(0, 0, 0, .75), 0 2px 10px -4px rgba(0, 0, 0, .4)}.state-break{--accent: #7c9885;--accent-press: #719078;--accent-tint: rgba(124, 152, 133, .14);--accent-ink: #4f6a58;--on-accent: #1a1714}.theme-night.state-break{--accent: #93b09d;--accent-press: #7f9c89;--accent-tint: rgba(147, 176, 157, .16);--accent-ink: #93b09d;--on-accent: #16130f}*{-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);overflow-x:hidden;position:relative;transition:background-color 1s ease,color .6s ease;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(125% 115% at 50% -10%,var(--accent-tint),transparent 55%);opacity:.9;transition:background 1.2s ease;pointer-events:none}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.theme-night:after{opacity:.05}::-moz-selection{background:var(--accent-tint)}::selection{background:var(--accent-tint)}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px;border-radius:4px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible){outline:none}::-moz-placeholder{color:var(--ink-soft);opacity:1}::placeholder{color:var(--ink-soft);opacity:1}.timer-screen{min-height:100svh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:5.5rem 1.25rem 4.5rem;position:relative}.wordmark{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-serif);font-size:1.1rem;font-weight:600;letter-spacing:.005em;color:var(--ink)}.wordmark .mark{width:.62rem;height:.62rem;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px var(--accent-tint);transition:background .8s ease,box-shadow .8s ease}.nav-link{font-size:.82rem;color:var(--ink-soft);transition:color .2s ease}.nav-link:hover{color:var(--ink)}.nav-pill{font-size:.82rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem;transition:background .2s ease,border-color .2s ease}.nav-pill:hover{background:var(--surface-2);border-color:var(--line-strong)}.icon-btn{width:2.6rem;height:2.6rem;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);box-shadow:var(--shadow-sm);transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease}.icon-btn:hover{color:var(--ink);background:var(--surface-2);border-color:var(--line-strong)}.icon-btn:active{transform:scale(.93)}.icon-btn svg{width:1.25rem;height:1.25rem}.mode-seg{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.75rem;max-width:100%}.mode-pill{position:relative;display:flex;align-items:center;justify-content:center;padding:.35rem .1rem;font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:lowercase;color:var(--ink-soft);cursor:pointer;transition:color .25s ease,opacity .4s ease}.mode-pill:hover,.mode-pill.is-active{color:var(--ink)}.mode-pill.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:var(--accent);transition:background .6s ease}.mode-radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.mode-pill:has(.mode-radio:focus-visible){outline:2px solid var(--accent-ink);outline-offset:2px}.dial{position:relative;width:min(82vw,350px);max-width:100%;aspect-ratio:1 / 1;display:grid;place-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dial-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.dial-track{fill:none;stroke:var(--line);stroke-width:1.4}.dial-arc{fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--accent-tint));transition:stroke-dashoffset .95s cubic-bezier(.4,0,.2,1),stroke .6s ease}.dial-tick{stroke:var(--ink-faint);opacity:.3;stroke-width:.55}.dial-tick.major{opacity:.55;stroke-width:.9}.dial-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;pointer-events:none}.dial-time{font-size:clamp(2.7rem,12vw,4rem);font-weight:300;letter-spacing:-.025em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.dial-label{font-family:var(--font-serif);font-size:.82rem;font-weight:500;letter-spacing:.2em;text-transform:lowercase;color:var(--accent-ink);transition:color .6s ease}.intention-wrap{display:flex;flex-direction:column;align-items:center;width:100%;max-width:20rem}.intention-label{font-size:.75rem;color:var(--ink-soft);margin-bottom:6px}.intention-field{width:100%;max-width:20rem;text-align:center;background:transparent;border:none;border-bottom:1px solid var(--line-strong);padding:.55rem .25rem;font-size:1.05rem;color:var(--ink);transition:border-color .25s ease}.intention-field:focus{outline:none;border-color:var(--accent-ink)}.cycle-row{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:.55rem}.cycle-label{font-size:.75rem;color:var(--ink-soft)}.cycle-dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--line-strong);transition:background .45s ease,transform .45s ease}.cycle-dot.on{background:var(--accent);transform:scale(1.18)}.controls-row{display:flex;align-items:center;gap:1rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;height:3.4rem;min-width:10rem;padding:0 2.25rem;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-size:1.02rem;font-weight:600;letter-spacing:.01em;box-shadow:var(--shadow-md);transition:background .25s ease,transform .14s ease,box-shadow .25s ease}.btn-primary:hover{background:var(--accent-press)}.btn-primary:active{transform:translateY(1px) scale(.99)}.btn-ghost{width:3.4rem;height:3.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);font-size:1.3rem;transition:background .2s ease,color .2s ease,transform .14s ease,border-color .2s ease}.btn-ghost:hover{color:var(--ink);background:var(--surface-2);border-color:var(--line-strong)}.btn-ghost:active{transform:scale(.93)}.timer-footer{font-family:var(--font-serif);font-size:.82rem;font-style:italic;color:var(--ink-soft)}.pending-banner{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:.4rem;padding:.45rem .85rem;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);font-size:.8125rem;color:var(--ink-soft)}.settings-gear{position:fixed;top:1.5rem;left:1.5rem;z-index:30;width:2.6rem;height:2.6rem;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);box-shadow:var(--shadow-sm);transition:background .2s ease,color .2s ease,transform .3s ease,border-color .2s ease}.settings-gear:hover{color:var(--ink);background:var(--surface-2);transform:rotate(35deg)}.settings-gear:active{transform:scale(.92) rotate(35deg)}.gear-svg{width:1.4rem;height:1.4rem}.top-controls{position:fixed;top:1.5rem;right:1.5rem;z-index:30;display:flex;align-items:center;gap:1rem}.timer-screen.is-running .mode-seg{opacity:.4;pointer-events:none}.settings-stack{width:100%;max-width:26rem;display:flex;flex-direction:column;gap:.85rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.1rem 1.2rem;text-align:left}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.card-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:var(--ink-soft)}.tag{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .55rem;border-radius:999px;background:var(--accent-tint);color:var(--accent-ink)}.field-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:.9rem}.field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.field-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-weight:500;min-width:0}.field-stepper{display:flex;align-items:center;gap:.3rem;width:100%;max-width:140px;min-width:0;flex:none}.step-btn{width:2rem;height:2rem;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;line-height:1;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);transition:background .2s ease,color .2s ease,transform .12s ease}.step-btn:hover{color:var(--ink);background:var(--bg-2)}.step-btn:active{transform:scale(.9)}.num-field{flex:1 1 auto;width:auto;min-width:0;text-align:center;padding:.45rem .25rem;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums}.num-field:focus{outline:none;border-color:var(--accent-ink)}.num-field::-webkit-outer-spin-button,.num-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.num-field{-moz-appearance:textfield}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;padding:.35rem .7rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);transition:background .2s ease,color .2s ease,border-color .2s ease}.chip:hover{color:var(--ink);border-color:var(--line-strong)}.chip.is-active{background:var(--accent);color:var(--on-accent);border-color:transparent}.btn-row{display:flex;gap:.6rem}.btn-soft{flex:1;display:inline-flex;align-items:center;justify-content:center;height:2.5rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;background:var(--accent);color:var(--on-accent);transition:background .2s ease,opacity .2s ease,transform .12s ease}.btn-soft:hover:not(:disabled){background:var(--accent-press)}.btn-soft:active:not(:disabled){transform:translateY(1px)}.btn-soft.secondary{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}.btn-soft.secondary:hover:not(:disabled){background:var(--bg-2)}.btn-soft:disabled{opacity:.4;cursor:not-allowed}input[type=range].vol{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);cursor:pointer}input[type=range].vol::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:999px;background:var(--accent);border:2px solid var(--surface);box-shadow:var(--shadow-sm)}input[type=range].vol::-moz-range-thumb{width:16px;height:16px;border-radius:999px;background:var(--accent);border:2px solid var(--surface)}.settings-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#140f0a59;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fade-in .25s ease}.theme-night .settings-backdrop{background:#0000008c}.settings-panel{position:fixed;top:0;right:0;bottom:0;width:min(400px,100vw);overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow-md);padding:1.25rem;animation:settings-slide-in .25s cubic-bezier(.4,0,.2,1)}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.settings-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:600;color:var(--ink)}.settings-body{display:flex;flex-direction:column;gap:.85rem}@keyframes settings-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes settings-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 639px){.settings-panel{top:auto;left:0;right:0;bottom:0;width:100%;max-height:85svh;border-left:0;border-top:1px solid var(--line);border-radius:20px 20px 0 0;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));animation-name:settings-slide-up}}.theme-toggle{position:relative;width:54px;height:30px;border-radius:999px;border:1px solid var(--line);background:var(--surface);display:flex;align-items:center;padding:2px;box-shadow:var(--shadow-sm);transition:background .3s ease,border-color .3s ease}.theme-toggle .knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:999px;background:var(--accent);box-shadow:var(--shadow-sm);transition:transform .35s cubic-bezier(.4,0,.2,1),background .4s ease}.theme-toggle.is-dark .knob{transform:translate(24px)}.theme-toggle .icon{width:14px;height:14px;z-index:1;color:var(--ink-faint);transition:opacity .35s ease,color .35s ease}.theme-toggle .icon-sun{margin-left:6px}.theme-toggle .icon-moon{margin-left:auto;margin-right:6px}.theme-toggle .icon-sun{opacity:1}.theme-toggle .icon-moon,.theme-toggle.is-dark .icon-sun{opacity:.35}.theme-toggle.is-dark .icon-moon{opacity:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#1a171466;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade-in .25s ease}.modal-card{width:100%;max-width:min(24rem,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-md);padding:1.6rem;position:relative;animation:pop-in .3s cubic-bezier(.34,1.4,.5,1)}.modal-title{font-family:var(--font-serif);font-size:1.2rem;font-weight:600}.rating-btn{width:2.6rem;height:2.6rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:500;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);transition:all .2s ease}.rating-btn:hover{color:var(--ink);border-color:var(--line-strong)}.rating-btn.is-active{background:var(--accent);color:var(--on-accent);border-color:transparent;transform:scale(1.06)}.rating-scale{display:flex;justify-content:space-between;font-size:.75rem;color:var(--ink-soft)}.rating-hint{font-size:.75rem;color:var(--ink-soft);margin-top:.6rem}.modal-close{color:var(--ink-faint);transition:color .2s ease}.modal-close:hover{color:var(--ink)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-page{min-height:100svh;display:flex;flex-direction:column}.auth-card{width:100%;max-width:26rem;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-md);padding:2.25rem;position:relative}.auth-title{font-family:var(--font-serif);font-size:1.65rem;font-weight:600;letter-spacing:-.01em}.input-label{font-size:.875rem;color:var(--ink-soft);font-weight:500}.input-wrap{position:relative}.text-input{width:100%;margin-top:.35rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.65rem .8rem;color:var(--ink);font-size:.95rem;transition:border-color .2s ease,background .2s ease}.text-input:focus{outline:none;border-color:var(--accent-ink);background:var(--surface)}.input-wrap .text-input{padding-right:48px}.btn-reveal{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;background:transparent;border:0;color:var(--ink-soft);cursor:pointer}.btn-block{width:100%;height:3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font-weight:600;font-size:.95rem;transition:background .2s ease,transform .12s ease,opacity .2s ease}.btn-block:hover:not(:disabled){background:var(--accent-press)}.btn-block:active:not(:disabled){transform:translateY(1px)}.btn-block:disabled{opacity:.5;cursor:not-allowed}.btn-google{width:100%;height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);font-weight:500;font-size:.9rem;transition:background .2s ease,transform .12s ease}.btn-google:hover{background:var(--surface-2)}.btn-google:active{transform:scale(.99)}.divider{display:flex;align-items:center;gap:.85rem;color:var(--ink-soft);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.link-muted{color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.link-muted:hover{color:var(--accent-ink)}.dash-page{min-height:100svh;display:flex;flex-direction:column}.dash-title{font-family:var(--font-serif);font-size:clamp(1.8rem,4vw,2.3rem);font-weight:600;letter-spacing:-.01em;color:var(--ink)}.panel{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.5rem;box-shadow:var(--shadow-sm);overflow:hidden}.panel-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:var(--ink-soft)}.enhanced-panel{animation:panel-enter .6s cubic-bezier(.4,0,.3,1) both}@keyframes panel-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.separator-line{height:1px;background:var(--line);margin:1.4rem 0}.focus-ring-wrapper{position:relative;width:132px;height:132px;flex:none}.focus-ring{--ring-bg: var(--surface-2);position:relative;width:132px;height:132px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--accent) 0%,var(--ring-bg) 0%);padding:7px}.focus-ring:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--surface);border:1px solid var(--line)}.focus-ring .inner{position:relative;font-size:1.7rem;font-weight:500;color:var(--ink);display:flex;align-items:flex-end;gap:2px;font-variant-numeric:tabular-nums}.focus-ring .inner .unit{font-size:.75rem;font-weight:500;color:var(--ink-soft);margin-bottom:4px}.focus-ring .goal-label{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:.75rem;font-weight:600;color:var(--accent-ink);letter-spacing:.05em}.stat-mini,.streak-box,.life-box,.simple-chip,.summary-chip,.stat-chip{background:var(--surface-2);border:1px solid var(--line);border-radius:14px}.stat-mini{display:flex;flex-direction:column;gap:2px;padding:.6rem .7rem;min-width:0}.stat-mini .lbl{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-weight:600;overflow-wrap:break-word}.stat-mini .val{font-size:.92rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.streak-box{display:flex;flex-direction:column;gap:4px;padding:.85rem .9rem;min-height:92px;min-width:0}.streak-box .lbl{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-weight:600}.streak-box .big-val{font-size:1.6rem;font-weight:600;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.streak-box .sm-note{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .65rem;font-size:.75rem;font-weight:600;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}.badge.ok{background:var(--accent-tint);color:var(--accent-ink)}.badge.pending{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink-soft)}.life-box{padding:.65rem .55rem;display:flex;flex-direction:column;gap:2px;min-width:0}.life-box .val{font-size:.95rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.life-box .lbl{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-weight:600}.insights-panel .simple-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));gap:.85rem}.simple-chip{padding:.75rem .85rem;display:flex;flex-direction:column;gap:3px;min-width:0}.simple-chip .lbl{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-weight:600}.simple-chip .val{font-size:1.2rem;font-weight:600;color:var(--ink);line-height:1;display:flex;align-items:flex-end;gap:4px;font-variant-numeric:tabular-nums;flex-wrap:wrap}.simple-chip .val .sub{font-size:.75rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.simple-chip.pos .val,.simple-chip .sub.pos{color:var(--good)}.simple-chip.neg .val,.simple-chip .sub.neg{color:var(--bad)}.simple-chip.level{background:var(--accent);border-color:transparent;color:var(--on-accent)}.simple-chip.level .lbl,.simple-chip.level .val,.simple-chip.level .val .sub{color:var(--on-accent)}.level-mini-track,.level-bar-track{background:var(--surface-2);border:1px solid var(--line)}.level-mini-fill,.level-bar-fill{background:var(--accent);transition:width .8s cubic-bezier(.4,0,.2,1)}.timeline-summary{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:.85rem;max-width:100%}.summary-chip{display:flex;flex-direction:column;gap:2px;padding:.4rem .5rem;background:var(--surface);min-width:0}.summary-chip .lbl{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-weight:600}.summary-chip .val{font-size:1rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.timeline-bars{overflow-x:auto;padding-bottom:.5rem;max-width:100%}.timeline-bar-track{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;position:relative;overflow:hidden}.timeline-bar-fill{position:absolute;bottom:0;left:0;width:100%;background:var(--accent);border-radius:8px 8px 0 0;transition:height .8s cubic-bezier(.4,0,.2,1)}.timeline-range-label{font-size:.75rem;font-weight:500;color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase}.timeline-empty{padding:2rem 1.5rem;border-radius:18px;background:var(--surface-2);border:1px dashed var(--line-strong);text-align:center;display:flex;justify-content:center;align-items:center;min-height:220px}.timeline-empty .empty-inner{max-width:340px;display:flex;flex-direction:column;gap:.8rem;align-items:center}.timeline-empty h3{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;color:var(--ink)}.timeline-empty p{font-size:.8rem;line-height:1.5;color:var(--ink-soft)}.timeline-empty .empty-cta{font-size:.8rem;font-weight:600;padding:.55rem 1.2rem;border-radius:999px;background:var(--accent);color:var(--on-accent);transition:background .2s ease,transform .2s ease}.timeline-empty .empty-cta:hover{background:var(--accent-press);transform:translateY(-1px)}.timeline-empty .first-session-hint{font-size:.75rem;font-weight:500;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em}.comparison-bar{font-size:.75rem}.comparison-bar .delta{font-weight:600;padding:.3rem .65rem;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-size:.75rem}.comparison-bar .delta.pos{color:var(--good)}.comparison-bar .delta.neg{color:var(--bad)}.range-selector{display:flex;gap:.25rem;align-items:center;padding:.3rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.range-selector::-webkit-scrollbar{display:none}.range-chip{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .8rem;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.03em;color:var(--ink-soft);background:transparent;transition:color .2s ease,background .2s ease;flex:none}.range-chip .short{min-width:1.6rem;text-align:center}.range-chip-label{display:none}.range-chip:hover:not(.is-active){color:var(--ink);background:var(--surface)}.range-chip.is-active{color:var(--on-accent);background:var(--accent)}.range-pill{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.35rem .8rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft)}@media (min-width: 768px){.range-chip{padding:.4rem 1rem}.range-chip-label{display:inline;font-size:.75rem;font-weight:500;opacity:.8}}.nav-chip{font-size:.8rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);transition:background .2s ease,color .2s ease}.nav-chip:hover{background:var(--bg-2);color:var(--ink)}.calendar-cell{transition:filter .2s ease,transform .2s ease}.calendar-cell:hover{filter:brightness(1.06);transform:translateY(-2px)}.cal-weekday{font-size:.75rem;color:var(--ink-soft);text-align:center;padding-bottom:4px;opacity:1}.session-cards{display:grid;gap:10px}.session-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;font-size:.8125rem;min-width:0;overflow-wrap:anywhere}.session-card .row{display:flex;justify-content:space-between;gap:8px}.session-card .row+.row{margin-top:4px}.beta-badge{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .55rem;border-radius:999px;background:var(--accent-tint);color:var(--accent-ink)}.ghost-toggle{font-size:.75rem;padding:.35rem .8rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;transition:color .2s ease,background .2s ease}.ghost-toggle:hover{color:var(--ink);background:var(--bg-2)}.goal-input{width:4.5rem;padding:.4rem .55rem;border-radius:10px;font-size:.875rem;font-weight:600;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);text-align:center;font-variant-numeric:tabular-nums}.goal-input:focus{outline:none;border-color:var(--accent-ink)}.goal-save-btn{font-size:.8rem;padding:.45rem .9rem;border-radius:10px;font-weight:600;background:var(--accent);color:var(--on-accent);transition:background .2s ease,opacity .2s ease}.goal-save-btn:hover:not(:disabled){background:var(--accent-press)}.error-banner{margin-top:1rem;padding:.75rem 1rem;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.78rem;font-weight:500;background:color-mix(in srgb,var(--bad) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--bad) 35%,transparent);color:var(--bad);overflow-wrap:anywhere}.error-banner button{font-size:.8rem;font-weight:600;padding:.4rem .85rem;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--ink);transition:background .2s ease;flex:none}.error-banner button:hover{background:var(--surface-2)}.table-wrap{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);max-width:100%}.table-head{background:var(--surface-2)}.table-head>*,.table-row>*{min-width:0}.table-row{border-top:1px solid var(--line);transition:background .15s ease}.table-row:hover{background:var(--surface-2)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}@media (min-width: 1280px){.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr));gap:.9rem}.mini-level-bar{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:1rem}.dashboard-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;max-width:100%}.dashboard-topbar>*{min-width:0}.dash-page footer,.session-card,.table-row{overflow-wrap:anywhere}@media (max-width: 1024px){.focus-ring-wrapper,.focus-ring{width:118px;height:118px}}@media (max-width: 400px){.focus-ring-wrapper,.focus-ring{width:104px;height:104px}}@media (pointer: coarse){.icon-btn,.settings-gear{width:2.75rem;height:2.75rem}.step-btn{width:40px;height:40px}.nav-chip{width:44px;height:44px}.chip{min-height:40px}.rating-btn{width:44px;height:44px}.theme-toggle{min-height:44px}.theme-toggle .knob{top:50%;transform:translateY(-50%)}.theme-toggle.is-dark .knob{transform:translateY(-50%) translate(24px)}.modal-close:after{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}}@media (max-width: 380px){.mode-seg{gap:.35rem .9rem}.timer-screen{padding-inline:1rem}.controls-row{gap:.75rem;max-width:100%}.btn-primary{min-width:0;flex:1;padding:0 1.25rem}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.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}.dash-page .opacity-60{opacity:1;color:var(--ink-soft)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.settings-panel,.settings-backdrop,.enhanced-panel{animation:none!important}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width: 640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:gap-4{gap:1rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}}@media (min-width: 1024px){.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-6{grid-column:span 6 / span 6}}@media (min-width: 1280px){.xl\:col-span-12{grid-column:span 12 / span 12}.xl\:col-span-4{grid-column:span 4 / span 4}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}