.app{grid-template:"top top""side tabs""side main"1fr/minmax(300px,360px) minmax(0,1fr);min-height:100dvh;display:grid}.layout{display:contents}.skip-link{z-index:50;position:absolute;top:8px;left:-999px}.skip-link:focus{background:var(--card);border-radius:8px;padding:8px 12px;left:8px}.splash{min-height:100dvh;color:var(--ink-2);place-content:center;justify-items:center;gap:16px;display:grid}.splash .logo{animation:breathe 1.6s var(--ease) infinite}@keyframes breathe{50%{opacity:.45}}.topbar{z-index:20;padding:10px var(--pad);padding-top:max(10px, env(safe-area-inset-top));background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);border-bottom:1px solid var(--hair);grid-area:top;align-items:center;gap:20px;display:flex;position:sticky;top:0}.topbar-logo{flex:none;text-decoration:none}.topbar-run{border-left:1px solid var(--line);flex:1;grid-template-columns:minmax(0,max-content) max-content;justify-content:start;align-items:baseline;gap:6px 12px;min-width:0;padding-left:20px;display:grid}.topbar-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.topbar-count{color:var(--muted);white-space:nowrap;font-size:12px}.topbar-rail{background:var(--line);border-radius:3px;grid-column:1/-1;max-width:280px;height:3px;display:block;overflow:hidden}.topbar-rail i{background:var(--ink);transform-origin:0;height:100%;transition:transform .6s var(--ease);display:block}.topbar-right{align-items:center;gap:6px;display:flex}.save{color:var(--muted);align-items:center;gap:8px;max-width:280px;padding-right:6px;font-size:13px;display:inline-flex}.save i{background:var(--ink);opacity:.35;border-radius:50%;flex:none;width:7px;height:7px}.save-t{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.save[data-state=saving] i{opacity:1;animation:.9s infinite breathe}.save[data-state=error]{color:var(--skip)}.save[data-state=error] i{background:var(--skip);opacity:1}.tabs{padding:18px var(--pad) 0;grid-area:tabs;gap:4px;width:100%;max-width:880px;display:flex}.tabs button{height:38px;color:var(--ink-2);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14.5px;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.tabs button:hover{background:var(--hair);color:var(--ink)}.tabs button[aria-current=page]{background:var(--ink);color:var(--paper)}.side{border-right:1px solid var(--hair);grid-area:side}.side-inner{padding:22px var(--pad) 32px;gap:18px;max-height:calc(100dvh - 61px);display:grid;position:sticky;top:61px;overflow-y:auto}.side-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.side-range{color:var(--muted);margin:0;font-size:13px}.ledger{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.ledger-head{font-family:var(--font-mono);color:var(--muted);text-align:center;padding-bottom:2px;font-size:10.5px}.ledger-cell{aspect-ratio:1;background:var(--card);min-width:0;box-shadow:inset 0 0 0 1px var(--hair);text-align:left;transition:transform .2s var(--ease), box-shadow .2s;border:0;border-radius:9px;flex-direction:column;justify-content:space-between;padding:5px;display:flex;position:relative}.ledger-cell:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--line), var(--shadow);transform:translateY(-1px)}.ledger-cell:disabled{cursor:default;background:0 0}.ledger-cell:disabled .ledger-n{color:var(--muted);opacity:.6}.ledger-n{color:var(--ink-2);font-size:10.5px;line-height:1}.ledger-cell[data-today] .ledger-n{background:var(--hi);color:var(--hi-ink);border-radius:4px;align-self:flex-start;margin:-2px -1px;padding:2px 4px;font-weight:500}.ledger-cell[data-sel]{box-shadow:inset 0 0 0 2px var(--ink)}.ledger-cell[data-full]:not([data-sel]){box-shadow:inset 0 0 0 1px var(--ink)}.ledger-marks{flex-wrap:wrap;gap:2px;display:flex}.ledger-marks .mk{--sz:var(--mk,8px);border-radius:2px}.legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 14px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend .mk{--sz:11px}.side-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:4px 0 0;display:grid}.side-stats div{padding:14px 0 0}.side-stats div+div{border-left:1px solid var(--line);padding-left:14px}.side-stats dt{color:var(--muted);font-size:12px}.side-stats dd{margin:4px 0 0;font-size:30px}.main{padding:26px var(--pad) 96px;outline:none;grid-area:main;width:100%;max-width:880px}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.panel-title{margin:8px 0 0;font-size:clamp(44px,6vw,72px)}.lede{color:var(--ink-2);max-width:58ch;margin:12px 0 0;font-size:16.5px}.muted{color:var(--muted);margin:4px 0 0;font-size:14px}.small-gap{margin-top:16px}.h3{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:21px;font-weight:700}.card{background:var(--card);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--hair), var(--shadow)}.empty{border:1px dashed var(--line);border-radius:var(--r-lg);text-align:center;color:var(--ink-2);justify-items:center;gap:14px;padding:32px 24px;list-style:none;display:grid}.empty p{margin:0}.note-err{color:var(--skip);font-weight:600}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field{border:1px solid var(--line);background:var(--paper);border-radius:12px;width:100%;min-height:42px;padding:9px 13px;transition:border-color .18s,background-color .18s,box-shadow .18s}.field::placeholder{color:color-mix(in srgb, var(--muted) 85%, transparent)}.field:hover{border-color:color-mix(in srgb, var(--ink) 25%, var(--line))}.field:focus{border-color:var(--ink);background:var(--card);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 10%, transparent);outline:none}.field.sm{border-radius:10px;min-height:36px;padding:6px 11px;font-size:14px}.field.lg{border-radius:14px;min-height:52px;padding:12px 16px;font-size:17px}.field.quiet{color:var(--ink-2);background:0 0;border-color:#0000;padding-left:0}.field.quiet:hover{border-color:#0000}.field.quiet:focus{border-color:var(--line);background:var(--paper);box-shadow:none;padding-left:13px}textarea.field{resize:vertical;min-height:110px;line-height:1.5}select.field{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20'%3E%3Cpath d='M5 7.5l5 5 5-5' stroke='%23888' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}input[type=date].field,input[type=time].field{font-variant-numeric:tabular-nums}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--card);min-height:34px;transition:background-color .18s, border-color .18s, color .18s, transform .18s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-size:14px;display:inline-flex}.chip:hover{border-color:color-mix(in srgb, var(--ink) 35%, var(--line))}.chip:active{transform:scale(.97)}.chip[aria-pressed=true],.chip[data-on]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip-input input{text-align:right;background:0 0;border:0;outline:none;width:58px;padding:0}.chip-input input[type=date]{text-align:left;width:auto}.chip-input[data-on] input{color:var(--paper);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .chip-input[data-on] input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.chip-cat{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line);vertical-align:1px;border-radius:5px;margin-right:8px;padding:1px 6px;font-size:10.5px}.addrow{grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;gap:8px;margin-top:16px;display:grid}.addrow-alarm{grid-template-columns:120px minmax(0,2fr) minmax(0,1.3fr) auto}.day-head{align-items:flex-end}.day-title{margin:10px 0 0;font-size:clamp(52px,8vw,96px)}.today-tag{background:var(--hi);color:var(--hi-ink);letter-spacing:.06em;border-radius:5px;margin-left:10px;padding:2px 7px}.day-nav{gap:6px;display:flex}.day-progress{color:var(--ink-2);align-items:center;gap:12px;margin:-4px 0 20px;font-size:14px;display:flex}.day-meter{gap:4px;display:flex}.day-meter .mk{--sz:14px;border-radius:4px}.goals{gap:10px;margin:0;padding:0;list-style:none;display:grid}.goal{background:var(--card);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--hair), var(--shadow);transition:box-shadow .25s var(--ease);gap:10px;padding:18px 18px 14px;display:grid}.goal[data-s=done]{box-shadow:inset 0 0 0 1.5px var(--ink), var(--shadow)}.goal[data-s=skip]{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--skip) 60%, transparent), var(--shadow)}.goal-main{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.goal-n{color:var(--muted);padding-top:5px;font-size:12px}.goal-text h3{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:20px;font-weight:700;line-height:1.2}.goal[data-s=done] .goal-text h3{text-decoration:line-through;text-decoration-thickness:1.5px;-webkit-text-decoration-color:color-mix(in srgb, var(--ink) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--ink) 35%, transparent)}.goal-hint{color:var(--ink-2);margin:5px 0 0;font-size:14px}.goal .note{grid-column:1/-1;width:calc(100% - 32px);margin-left:32px}.seg{background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--hair);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{height:34px;color:var(--ink-2);transition:background-color .2s var(--ease), color .2s, transform .18s var(--ease);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:600;display:inline-flex}.seg button:hover{color:var(--ink);background:var(--hair)}.seg button:active{transform:scale(.95)}.seg button[aria-pressed=true][data-k=done]{background:var(--ink);color:var(--paper)}.seg button[aria-pressed=true][data-k=partial]{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.seg button[aria-pressed=true][data-k=skip]{background:var(--skip);color:#fff}.seg button[aria-pressed=true] svg{animation:pop .35s var(--ease)}@keyframes pop{0%{transform:scale(.4)}60%{transform:scale(1.2)}}.reveal{transition:grid-template-rows .35s var(--ease);grid-template-rows:0fr;display:grid}.reveal[data-open]{grid-template-rows:1fr}.reveal-inner{min-height:0;overflow:hidden}.skipbox{background:var(--skip-wash);border-radius:14px;gap:10px;margin:2px 0 0 32px;padding:14px;display:grid}.skipbox p{margin:0;font-size:14px;font-weight:600}.skipbox .chip{background:var(--card)}.skipbox .chip[aria-pressed=true]{background:var(--skip);border-color:var(--skip);color:#fff}.reflect{gap:14px;margin-top:18px;padding:20px;display:grid}.reflect-head{justify-content:space-between;align-items:baseline;display:flex}.energy{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.energy-label{font-size:14px;font-weight:600}.energy-bars{align-items:flex-end;gap:4px;display:flex}.energy-bars button{background:0 0;border:0;border-radius:10px;justify-content:center;align-items:flex-end;width:34px;height:44px;padding:0 0 6px;display:flex}.energy-bars button:hover{background:var(--hair)}.energy-bars i{background:var(--line);width:14px;transition:background-color .2s, transform .2s var(--ease);border-radius:3px;display:block}.energy-bars button[data-on] i{background:var(--ink)}.energy-bars button[aria-pressed=true] i{background:var(--hi);box-shadow:inset 0 0 0 1.5px var(--ink)}.energy-word{color:var(--ink-2);font-size:14px}.banner{border-radius:var(--r-lg);background:var(--ink);color:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:26px;padding:26px;display:flex}.banner .kicker,.banner .muted{color:color-mix(in srgb, var(--paper) 65%, transparent)}.banner-t{margin:10px 0 6px;font-size:clamp(28px,4vw,42px);line-height:1}.banner .btn:not(.hi){color:var(--paper);border-color:color-mix(in srgb, var(--paper) 30%, transparent);background:0 0}.proj-list{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.proj{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px;display:grid}.proj-top{align-items:center;gap:8px;display:flex}.proj-name{background:0 0;border:0;border-radius:6px;flex:1;min-width:0;padding:2px 0;font-size:26px;line-height:1.1}.proj-name:focus{box-shadow:0 2px 0 var(--ink);border-radius:0;outline:none}.proj-tools{gap:2px;display:flex}.phases{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;display:grid}.phases button{text-align:left;color:var(--muted);background:0 0;border:0;gap:6px;padding:0;font-size:12px;font-weight:500;display:grid}.phases i{background:var(--line);height:8px;transition:background-color .25s var(--ease);border-radius:3px;display:block}.phases button[data-on] i{background:var(--ink)}.phases button[data-on]{color:var(--ink-2)}.phases button[aria-checked=true]{color:var(--ink);font-weight:700}.phases button[aria-checked=true] i{background:var(--ink);box-shadow:0 0 0 2px var(--card), 0 0 0 3.5px var(--ink)}.phases button:hover i{background:color-mix(in srgb, var(--ink) 55%, var(--line))}.phases span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.proj-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,2fr) minmax(0,1.1fr);align-items:end;gap:12px;display:grid}.proj-grid label{gap:6px;min-width:0;display:grid}.pct{grid-template-columns:1fr auto}.pct .kicker{grid-column:1/-1}.pct output{text-align:right;min-width:40px;font-size:14px}.deadline .kicker{white-space:nowrap}.deadline em{background:var(--paper-2);color:var(--ink-2);text-transform:none;letter-spacing:0;border-radius:4px;margin-left:8px;padding:1px 6px;font-style:normal}.deadline em[data-tone=near]{background:var(--hi);color:var(--hi-ink)}.deadline em[data-tone=over]{background:var(--skip);color:#fff}input[type=range]{appearance:none;background:0 0;width:100%;height:42px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ink) var(--v,0%), var(--line) var(--v,0%));border-radius:4px;height:8px}input[type=range]::-moz-range-track{background:var(--line);border-radius:4px;height:8px}input[type=range]::-moz-range-progress{background:var(--ink);border-radius:4px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--card);width:22px;height:22px;box-shadow:0 0 0 2px var(--ink), var(--shadow);border-radius:50%;margin-top:-7px}input[type=range]::-moz-range-thumb{background:var(--card);width:20px;height:20px;box-shadow:0 0 0 2px var(--ink);border:0;border-radius:50%}.proj-foot{border-top:1px solid var(--hair);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.sessions{gap:6px;display:grid}.sessions-row{gap:3px;display:flex}.sessions-row .mk{--sz:12px}.sessions-row .mk[data-today]{box-shadow:inset 0 0 0 1px var(--line), 0 0 0 1.5px var(--card), 0 0 0 3px var(--hi)}.sessions-row .mk[data-today][data-s=done]{box-shadow:0 0 0 1.5px var(--card), 0 0 0 3px var(--hi)}.sessions-text{color:var(--muted);font-size:12.5px}.hero-figure{letter-spacing:-.05em;margin:6px 0 0;font-size:clamp(88px,14vw,168px)}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px;display:grid}.stat{gap:6px;padding:16px 16px 16px 0;display:grid}.stat+.stat{border-left:1px solid var(--line);padding-left:16px}.stat-l{color:var(--muted);font-size:13px}.stat-v{align-items:baseline;gap:6px;display:flex}.stat-v b{font-size:36px}.stat-v small{color:var(--muted);font-size:13px}.viz{min-width:0;margin-bottom:14px;padding:20px}.viz-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.viz-pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}.viz-pair .viz{margin-bottom:0}.viz-pair+.viz{margin-top:14px}.matrix-wrap{margin:0 -4px;padding:0 4px 4px;overflow-x:auto}.matrix{border-collapse:separate;border-spacing:3px;width:100%;min-width:calc(220px + var(--cols) * 11px);table-layout:fixed}.matrix th,.matrix td{padding:0}.matrix .mk{aspect-ratio:1;cursor:default;border-radius:3px;width:100%;max-width:16px;height:auto;margin:0 auto}.matrix thead th:first-child{width:170px}.matrix thead th:last-child{width:46px}.matrix .mk:focus-visible{outline-offset:1px}.mx-goal{text-align:left;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden;padding-right:12px!important}.mx-day{color:var(--muted);height:16px;font-size:10px;font-weight:400}.mx-rate{color:var(--ink-2);text-align:right;white-space:nowrap;font-size:12px;padding-left:10px!important}th.mx-rate{color:var(--muted);font-size:10px;font-weight:400}.chart{min-height:60px;margin-top:12px;position:relative}.chart svg{overflow:visible}.chart .grid{stroke:var(--line);stroke-width:1px}.chart .tick{fill:var(--muted);font:10.5px var(--font-mono)}.chart .line{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .dot{fill:var(--ink);stroke:var(--card);stroke-width:2px;transition:r .15s}.chart .cross{stroke:var(--muted);stroke-width:1px}.chart-tip{background:var(--ink);width:120px;color:var(--paper);pointer-events:none;box-shadow:var(--shadow-pop);border-radius:10px;gap:1px;padding:7px 10px;font-size:13px;display:grid;position:absolute;top:-6px}.chart-tip span{opacity:.7;font-size:11px}.bars{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.bars li{grid-template-columns:minmax(90px,.8fr) 1.4fr 28px;align-items:center;gap:10px;font-size:14px;display:grid}.bars-track{height:14px}.bars-track i{background:var(--skip);min-width:4px;height:100%;transition:width .6s var(--ease);border-radius:2px 4px 4px 2px;display:block}.bars-v{text-align:right;color:var(--ink-2);font-size:13px}.proj-sum{gap:14px;margin:14px 0 0;padding:0;list-style:none;display:grid}.proj-sum-top{flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:14.5px;display:flex}.proj-sum-top .muted{margin:0;font-size:12px}.phase-track{grid-template-columns:repeat(6,1fr);gap:3px;margin-top:8px;display:grid}.phase-track i{background:var(--line);border-radius:2px;height:6px}.phase-track i[data-on]{background:var(--ink)}.alarm-list{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.alarm{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 18px;transition:opacity .2s;display:grid}.alarm[data-off]{opacity:.55}.alarm-time{letter-spacing:-.04em;background:0 0;border:0;border-radius:8px;width:8.8ch;min-width:0;padding:0;font-size:30px;font-weight:500}.alarm-time::-webkit-calendar-picker-indicator{display:none}.alarm-time:focus{box-shadow:0 2px 0 var(--ink);border-radius:0;outline:none}.alarm-body{gap:8px;min-width:0;display:grid}.alarm-label{min-height:32px;color:var(--ink);padding-top:2px;padding-bottom:2px;font-size:16px;font-weight:600}.alarm-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.alarm-meta select{width:auto;max-width:240px}.alarm-side{align-items:center;gap:6px;display:flex}.days{gap:3px;display:flex}.days button{border:1px solid var(--line);width:30px;height:30px;color:var(--ink-2);background:0 0;border-radius:50%;font-size:12px;font-weight:600}.days button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.switch{background:var(--line);border:0;border-radius:999px;flex:none;width:46px;height:28px;padding:3px;transition:background-color .2s}.switch i{background:var(--card);width:22px;height:22px;transition:transform .25s var(--ease);border-radius:50%;display:block;box-shadow:0 1px 3px #00000040}.switch[aria-checked=true]{background:var(--ink)}.switch[aria-checked=true] i{transform:translate(18px)}.sect{grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:14px;padding:22px;display:grid}.sect .muted{margin:0}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid.three{grid-template-columns:1fr 1.6fr 1.4fr;gap:6px}.lbl{gap:6px;display:grid}.lbl>span{font-size:14px;font-weight:600}.goal-edit{margin:0;padding:0;list-style:none;display:grid}.goal-edit li{border-top:1px solid var(--hair);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 0;display:grid}.goal-edit li:first-child{border-top:0;padding-top:0}.goal-edit .goal-n{padding-top:12px}.goal-edit-fields{gap:6px;display:grid}.goal-edit-title{font-weight:600}.goal-edit-tools{gap:2px;padding-top:4px;display:flex}.templates summary{cursor:pointer;color:var(--ink-2);padding:4px 0;font-size:14px;font-weight:600}.templates[open] summary{margin-bottom:10px}.tpl-group{gap:8px;margin-bottom:14px;display:grid}.archived ul{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.archived li{color:var(--ink-2);justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.danger-zone{border-top:1px solid var(--hair);padding-top:14px}.onb{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.onb-top{padding:16px var(--pad);padding-top:max(16px, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:16px;display:flex}.onb-steps{color:var(--muted);gap:22px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.onb-steps li{align-items:center;gap:8px;display:flex}.onb-steps li .mono{width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;place-items:center;font-size:11px;display:grid}.onb-steps li[data-state=cur]{color:var(--ink);font-weight:600}.onb-steps li[data-state=cur] .mono{background:var(--hi);color:var(--hi-ink);box-shadow:none}.onb-steps li[data-state=done] .mono{background:var(--ink);color:var(--paper);box-shadow:none}.onb-body{width:100%;max-width:820px;padding:5vh var(--pad) 80px;margin:0 auto}.onb-step{animation:rise .5s var(--ease) both;gap:26px;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.onb-q{outline:none;margin:-12px 0 0;font-size:clamp(44px,7.5vw,88px)}.onb-step .lede{margin-top:-12px}.onb-field{gap:10px;display:grid}.big-chips{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.big-chip{border-radius:var(--r);border:1px solid var(--line);background:var(--card);text-align:left;transition:transform .2s var(--ease), background-color .2s, color .2s, border-color .2s;justify-items:start;gap:2px;padding:14px;display:grid}.big-chip b{font-size:36px;line-height:1}.big-chip span{color:var(--muted);font-size:13px}.big-chip:hover{border-color:color-mix(in srgb, var(--ink) 35%, var(--line));transform:translateY(-2px)}.big-chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.big-chip[aria-pressed=true] span{color:color-mix(in srgb, var(--paper) 70%, transparent)}.onb-actions{flex-wrap:wrap;align-items:center;gap:10px;padding-top:8px;display:flex}.onb-add{grid-template-columns:minmax(0,1fr) auto;margin-top:0}.picked{border-top:1px solid var(--line);margin:0;padding:0;list-style:none;display:grid}.picked li{border-bottom:1px solid var(--line);animation:rise .35s var(--ease) both;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:10px 0;display:grid}.picked .mono{color:var(--muted);min-width:24px;font-size:12px}.picked-proj li .mono{min-width:92px}.picked-t{font-family:var(--font-display);letter-spacing:-.015em;font-size:20px;font-weight:700}.tpl{gap:4px;display:grid}.remind{border-radius:var(--r-lg);background:var(--card);box-shadow:inset 0 0 0 1px var(--hair);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 18px}.remind p{margin:2px 0 0}.remind .field{width:160px}.signin{max-width:520px;padding:14vh var(--pad) 40px;gap:18px;margin:0 auto;display:grid}.signin .addrow{grid-template-columns:1fr auto}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;background:var(--ink);max-width:calc(100vw - 32px);color:var(--paper);box-shadow:var(--shadow-pop);animation:toast-in .35s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 18px;font-size:14px;display:flex;position:fixed;transform:translate(-50%)}.toast .btn.ghost{color:var(--paper)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}.tip{z-index:70;background:var(--ink);max-width:280px;color:var(--paper);pointer-events:none;opacity:0;box-shadow:var(--shadow-pop);border-radius:8px;padding:6px 10px;font-size:12.5px;line-height:1.35;transition:opacity .12s;position:fixed;top:0;left:0}.tip[data-on="1"]{opacity:1}.overlay{z-index:100;background:color-mix(in srgb, var(--paper-2) 70%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade .3s var(--ease);place-items:center;padding:20px;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.ring{--ink:#f0ebe0;--paper:#16140f;--card:#16140f;--line:#2e2b26;--hi:#d4ff3f;--hi-ink:#11100e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--paper);width:min(480px,100%);color:var(--ink);box-shadow:var(--shadow-pop);animation:rise .45s var(--ease);border-radius:28px;gap:6px;padding:34px 30px 28px;display:grid;position:relative;overflow:hidden}.ring .kicker,.ring .muted{color:color-mix(in srgb, var(--ink) 60%, transparent)}.ring-time{letter-spacing:-.05em;color:var(--hi);margin:8px 0 4px;font-size:96px}.ring-label{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:26px;font-weight:700;line-height:1.15}.ring-actions{gap:8px;margin-top:18px;display:grid}.ring-actions .btn:not(.hi){color:var(--ink);border-color:color-mix(in srgb, var(--ink) 25%, transparent);background:0 0}.ring-pulse{border:2px solid var(--hi);opacity:0;width:220px;height:220px;animation:ripple 1.8s var(--ease) infinite;border-radius:50%;position:absolute;top:-80px;right:-80px}@keyframes ripple{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}.strip{display:none}@media (max-width:1100px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat:nth-child(4){border-left:0;padding-left:0}.stat:nth-child(n+4){border-top:1px solid var(--line)}.viz-pair{grid-template-columns:1fr}}@media (max-width:900px){.app{grid-template:"top""main"1fr/minmax(0,1fr)}.side{display:none}.topbar{gap:12px}.topbar-run{padding-left:12px}.save-t{display:none}.tabs{z-index:30;max-width:none;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--card) 90%, transparent);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border-top:1px solid var(--hair);justify-content:space-around;gap:0;position:fixed;bottom:0;left:0;right:0}.tabs button{border-radius:14px;flex-direction:column;flex:1;gap:3px;height:52px;padding:0 8px;font-size:11px}.tabs button[aria-current=page]{color:var(--ink);background:0 0}.tabs button[aria-current=page] svg{background:var(--hi);color:var(--hi-ink);border-radius:10px;width:44px;height:24px;padding:2px 10px}.main{padding-bottom:calc(110px + env(safe-area-inset-bottom));padding-top:12px}.strip{scroll-snap-type:x proximity;margin:0 calc(-1 * var(--pad)) 18px;padding:4px var(--pad) 8px;scrollbar-width:none;gap:6px;display:flex;position:relative;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.strip-day{scroll-snap-align:center;background:var(--card);width:52px;box-shadow:inset 0 0 0 1px var(--hair);border:0;border-radius:14px;flex:none;justify-items:center;gap:4px;padding:8px 0 9px;display:grid}.strip-day:disabled{opacity:.5;background:0 0}.strip-w{color:var(--muted);font-size:11px}.strip-n{letter-spacing:-.03em;font-size:22px;line-height:1}.strip-marks{gap:2px;display:flex}.strip-marks .mk{--sz:6px;border-radius:1.5px}.strip-day[data-today] .strip-n{background:var(--hi);color:var(--hi-ink);border-radius:6px;padding:1px 5px}.strip-day[data-sel]{background:var(--ink);color:var(--paper);box-shadow:none}.strip-day[data-sel] .strip-w{color:color-mix(in srgb, var(--paper) 65%, transparent)}.strip-day[data-sel] .mk:not([data-s]){box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--paper) 30%, transparent)}.strip-day[data-sel] .mk[data-s=done]{background:var(--paper)}.strip-day[data-sel] .mk[data-s=partial]{background:repeating-linear-gradient(135deg, var(--paper) 0 1.2px, transparent 1.2px 3px);box-shadow:inset 0 0 0 1px var(--paper)}}@media (max-width:640px){.topbar-rail{max-width:none}.topbar-logo .logo-word{display:none}.day-head{align-items:flex-start}.day-nav{display:none}.goal{padding:16px 14px 12px}.goal-main{grid-template-columns:auto minmax(0,1fr)}.seg{grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.seg button{justify-content:center;height:40px}.goal .note,.skipbox{width:100%;margin-left:0}.addrow,.addrow-alarm{grid-template-columns:1fr}.proj-grid{grid-template-columns:minmax(0,1fr)}.proj,.sect,.reflect,.viz{padding:16px}.goal-edit li{grid-template-columns:auto minmax(0,1fr)}.goal-edit-tools{grid-column:2;justify-self:end;padding-top:0}.phases span{display:none}.phases button[aria-checked=true] span{display:block;position:absolute}.phases{padding-bottom:18px;position:relative}.phases button[aria-checked=true] span{bottom:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(n){border-left:1px solid var(--line);border-top:0;padding-left:16px}.stat:nth-child(odd){border-left:0;padding-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}.alarm{grid-template-columns:1fr auto}.alarm-body{grid-area:2/1/auto/-1}.alarm-side{grid-area:1/2}.form-grid,.form-grid.three{grid-template-columns:1fr}.onb-steps li:not([data-state=cur]){gap:0;font-size:0}.onb-steps{gap:8px}.big-chips{grid-template-columns:repeat(3,minmax(0,1fr))}.remind{grid-template-columns:auto 1fr}.remind .field{grid-column:1/-1;width:100%}.banner{padding:20px}}.avatar{background:var(--card);width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:50%;place-items:center;padding:2px;font-weight:700;display:grid;overflow:hidden}.avatar img{border-radius:50%;width:30px;height:30px}.avatar:hover{box-shadow:inset 0 0 0 2px var(--ink)}.save[data-state=offline] i{background:var(--muted);opacity:1}.acct{align-items:center;gap:12px;display:flex}.acct img,.acct-ph{border-radius:50%;width:40px;height:40px}.acct-ph{background:var(--ink);color:var(--paper);place-items:center;font-weight:700;display:grid}.acct div{display:grid}.acct .muted{margin:0}.sync-line{color:var(--ink-2);align-items:center;gap:8px;font-size:14px;display:inline-flex}.sync-line i{background:var(--ink);border-radius:50%;width:8px;height:8px}.sync-line[data-state=syncing] i{animation:.9s infinite breathe}.sync-line[data-state=offline] i{background:var(--muted)}.sync-line[data-state=error]{color:var(--skip)}.sync-line[data-state=error] i{background:var(--skip)}.small{font-size:13px}.drive{border-radius:var(--r);background:var(--paper);box-shadow:inset 0 0 0 1px var(--hair);gap:12px;padding:16px;display:grid}.drive-head{align-items:flex-start;gap:12px;display:flex}.drive-head svg{flex:none;margin-top:2px}.drive-head div{gap:2px;display:grid}.drive-head .muted,.drive .note-err{margin:0}.drive>.btn.ghost{justify-self:start}.drive-files ul{border-top:1px solid var(--hair);max-height:320px;margin:8px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.drive-files li{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.drive-files li span{gap:2px;display:grid}.drive-files small{font-size:11.5px}.onb-signin{border-radius:var(--r-lg);background:var(--card);box-shadow:inset 0 0 0 1px var(--hair);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.onb-signin p{margin:2px 0 0}.merge{max-width:760px}.merge-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.merge-side{border-radius:var(--r-lg);background:var(--card);box-shadow:inset 0 0 0 1px var(--hair);gap:6px;padding:18px;display:grid}.merge-side b{font-size:26px;line-height:1.05}@media (max-width:640px){.merge-grid{grid-template-columns:1fr}.topbar .btn.sm{padding:0 10px}}
