:root{--bg:#f4f4f2;--surface:#fff;--ink:#16161a;--muted:#6e6e76;--faint:#a3a3aa;--line:#e6e5e1;--soft:#f2f2ef;--accent:#d63a24;--accent-soft:#fbe9e5;--worked:#2f8f5b;--needs:#b98612;--failed:#8a8a92;--radius:16px;--font:"Readex Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;margin:0;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{text-wrap:balance;margin:0}h1{letter-spacing:-.025em;font-size:clamp(28px,6vw,40px);font-weight:650;line-height:1.05}p{margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:13px}.pre{white-space:pre-wrap}.boot{background:var(--bg);min-height:100vh}.shell{min-height:100vh}.sidebar{display:none}.topbar{z-index:20;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar-right{gap:4px;display:flex}.main{padding:8px 16px calc(96px + env(safe-area-inset-bottom,0px));max-width:1100px;margin-inline:auto;animation:.28s cubic-bezier(.2,.8,.2,1) enter}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tabbar{z-index:30;padding:6px 8px calc(env(safe-area-inset-bottom,0px) + 8px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#fffffff0;grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;inset:auto 0 0}.tabbar button{color:var(--muted);background:0 0;border:0;justify-items:center;gap:2px;padding:4px 0;font-size:10.5px;display:grid}.tabbar button.on{color:var(--ink);font-weight:600}.tabbar .plus{background:var(--accent);color:#fff;border-radius:16px;justify-self:center;place-items:center;width:48px;height:48px;transition:transform .15s;position:relative}.tabbar .plus:active{transform:scale(.94)}.badge{top:-4px;background:var(--ink);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;line-height:18px;position:absolute;inset-inline-end:-4px}.seg{background:var(--soft);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13.5px}.seg button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #00000014}.ws-work .ws-switch button.on{box-shadow:inset 0 -2px 0 var(--accent), 0 1px 2px #00000014}.icon-btn{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex:none;place-items:center;font-size:18px;display:inline-grid}.icon-btn:hover,.icon-btn.on{background:var(--soft);color:var(--ink)}.icon-btn.lang{font-size:15px;font-weight:600}@media (width>=900px){.shell{grid-template-columns:232px 1fr;display:grid}.topbar,.tabbar{display:none}.sidebar{border-inline-end:1px solid var(--line);background:#f9f9f7;flex-direction:column;gap:14px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{text-align:start;letter-spacing:-.02em;background:0 0;border:0;padding:0 10px;font-size:20px;font-weight:700}.sidebar .ws-switch{align-self:flex-start;margin-inline:6px}.side-nav{gap:2px;display:grid}.side-nav button{color:var(--muted);text-align:start;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:9px 10px;display:flex;position:relative}.side-nav button:hover{background:var(--soft);color:var(--ink)}.side-nav button.on{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line);font-weight:600}.side-nav .new{background:var(--accent);color:#fff;margin-top:10px;font-weight:600}.side-nav .new:hover,.side-nav .new.on{background:var(--accent);color:#fff;filter:brightness(.95)}.side-nav .badge{background:#ffffff40;margin-inline-start:auto;position:static}.side-foot{gap:4px;margin-top:auto;display:flex}.main{width:100%;padding:36px 40px 64px}}.stack{flex-direction:column;gap:22px;display:flex}.section{flex-direction:column;gap:12px;display:flex}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-head h2,.label{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.empty{color:var(--faint);font-size:14px}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row-actions.end{justify-content:flex-end}.btn{background:var(--accent);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:11px 18px;font-size:14.5px;font-weight:600;text-decoration:none;transition:transform .12s,background-color .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.ghost{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);font-weight:500}.btn.ghost:hover{background:var(--soft)}.btn.small{border-radius:10px;padding:7px 12px;font-size:13px}.btn.big{flex:1;padding:16px 22px;font-size:17px}.btn.danger:not(.ghost){background:var(--ink)}.btn.ghost.danger,.btn.star.on{color:var(--accent)}.link{color:var(--muted);text-align:start;background:0 0;border:0;padding:0;font-size:14px}.confirm{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:inline-flex}.input{border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;padding:10px 12px;font-size:16px}.input:focus{border-color:var(--ink);outline:none}.input.big{padding:13px 14px;font-size:18px}textarea.input{resize:vertical;line-height:1.45}label{color:var(--muted);gap:6px;font-size:13px;display:grid}label.inline{align-items:center;gap:8px;display:flex}label.inline .input{width:auto}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--soft);color:var(--ink);border-radius:999px;align-items:center;gap:5px;width:max-content;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.chip-btn{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);border:0;border-radius:999px;padding:6px 13px;font-size:13px}.chip-btn.on{background:var(--ink);color:#fff;box-shadow:none}.stage-dev{background:#fdf3dc}.stage-final{background:var(--accent-soft);color:var(--accent)}.stage-archived{color:var(--muted)}.result-worked{color:var(--worked)}.result-needs{color:var(--needs)}.result-failed{color:var(--failed)}.chip.result-worked{background:#e4f2ea}.chip.result-needs{background:#faf0d7}.chip.result-failed{background:var(--soft)}.chip-btn.result-worked.on{background:var(--worked);color:#fff}.chip-btn.result-needs.on{background:var(--needs);color:#fff}.chip-btn.result-failed.on{background:var(--failed);color:#fff}.tabs,.variant-tabs,.versions{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.tabs button,.variant-tabs button,.versions button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:14px}.tabs button.on,.variant-tabs button.on,.versions button.on{background:var(--ink);color:#fff;font-weight:600}.variant-tabs .add{color:var(--accent)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.toolbar .input{max-width:320px}.grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:16px 14px;display:grid}.card{text-align:start;background:0 0;border:0;align-content:start;gap:8px;padding:0;transition:transform .2s cubic-bezier(.2,.8,.2,1);display:grid}.card:hover{transform:translateY(-2px)}.card-img,.thumb{aspect-ratio:1;border-radius:var(--radius);object-fit:cover;background:var(--soft);width:100%;display:block}.thumb.initial{color:#16161a8c;place-items:center;font-size:34px;font-weight:600;display:grid}.card-body{gap:1px;display:grid}.card-body b{font-size:15px;font-weight:600;line-height:1.25}.card-body small{color:var(--muted);font-size:12.5px}.photo-empty{background:var(--soft)}.welcome{gap:14px;max-width:520px;margin:12vh auto 0;display:grid}.welcome p{color:var(--muted);font-size:16px}.continue{gap:10px;display:grid}.continue-card{background:var(--surface);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.continue-main{text-align:start;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.continue-main .thumb{border-radius:12px;flex:none;width:56px;height:56px;font-size:22px}.continue-text{gap:3px;min-width:0;display:grid}.continue-text b{font-weight:600}.continue-text small{color:var(--muted);font-size:12.5px}.spark{text-align:start;background:var(--surface);border-radius:var(--radius);border:0;gap:4px;width:100%;padding:16px;display:grid}.spark b{font-size:18px;font-weight:600}.spark small{color:var(--muted)}.board{grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px;display:grid;overflow-x:auto}.board-col{border-radius:var(--radius);background:#ededea;align-content:start;gap:12px;min-height:200px;padding:12px;display:grid}.board-col.droppable{outline:2px dashed var(--line)}.board-col h3{justify-content:space-between;font-size:13px;display:flex}.board-col .count{color:var(--muted);font-weight:400}.board-col .card-img{aspect-ratio:16/10}.card-form{background:var(--surface);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;padding:16px;display:grid}.inbox{gap:10px;display:grid}.inbox-item{background:var(--surface);border-radius:var(--radius);gap:8px;padding:14px;display:grid}.inbox-photos{gap:6px;display:flex;overflow-x:auto}.inbox-photo{object-fit:cover;border-radius:10px;width:84px;height:84px}.recipe{flex-direction:column;gap:20px;display:flex}.recipe-head{gap:8px;display:grid}.recipe-meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.lead{color:var(--muted);max-width:60ch;font-size:16px}.facts{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px 28px;padding-top:12px;display:flex}.facts>*{min-width:0;text-decoration:none;display:grid}.facts small{color:var(--muted);font-size:11.5px}.facts b{font-size:16px;font-weight:600}.ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.action-bar{flex-wrap:wrap;gap:8px;display:flex}.more-panel{background:var(--surface);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.promote-final{background:var(--ink);align-self:flex-start}.final-hero{background:var(--soft);border-radius:22px;animation:.6s cubic-bezier(.2,.8,.2,1) grow;position:relative;overflow:hidden}@keyframes grow{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.final-photo{aspect-ratio:4/3;object-fit:cover;border-radius:0;width:100%;max-height:460px;font-size:80px;display:block}.final-text{color:#fff;background:linear-gradient(#0000,#0000009e);gap:6px;padding:60px 18px 18px;display:grid;position:absolute;inset:auto 0 0}.final-text h1{font-size:clamp(34px,8vw,56px);font-weight:700}.final-text p{opacity:.9}.final-text .chip{background:#fff}.recipe-cols{gap:28px;display:grid}@media (width>=900px){.recipe-cols{grid-template-columns:1.3fr 1fr;align-items:start}}.changes{background:var(--surface);border-radius:var(--radius);gap:2px;margin:0;padding:6px 14px;list-style:none;display:grid}.change{border-bottom:1px solid var(--soft);justify-content:space-between;gap:16px;padding:8px 0;font-size:14.5px;display:flex}.change:last-child{border-bottom:0}.change-val{text-align:end}.change s{color:var(--faint)}.change em{color:var(--accent);font-style:normal;font-weight:600}.change.added .change-name:before{content:"+ ";color:var(--accent)}.change.removed .change-name{color:var(--muted);text-decoration:line-through}.ing-table{border-collapse:collapse;background:var(--surface);border-radius:var(--radius);width:100%;overflow:hidden}.ing-table td{border-bottom:1px solid var(--soft);padding:10px 14px;font-size:15px}.ing-table tr:last-child td{border-bottom:0}.ing-table .num{white-space:nowrap;text-align:end;width:1%;font-weight:600}.steps{gap:12px;margin:0;padding-inline-start:22px;font-size:16px;line-height:1.55;display:grid}.steps li::marker{color:var(--accent);font-weight:600}.test-list{gap:8px;display:grid}.test-row{background:var(--surface);text-align:start;border:0;border-radius:14px;gap:8px;padding:12px 14px;display:grid}.test-title small{color:var(--muted)}.test-variants{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vchip{background:var(--soft);border-radius:999px;padding:2px 9px;font-size:12px}.vchip.best{background:var(--ink);color:#fff}.gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:0;display:grid}.gallery figure{gap:6px;margin:0;display:grid}.gallery img,.gallery .photo-empty{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.gallery .is-cover img{outline:3px solid var(--accent);outline-offset:-3px}.edit-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.lines{gap:6px;display:grid}.line-row{grid-template-columns:76px 74px 1fr auto auto;align-items:center;gap:6px;display:grid}.line-row input,.line-row select{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;min-width:0;padding:9px 8px;font-size:16px}.line-row .qty{text-align:end}.line-row.changed .qty,.line-row.changed .name{border-color:var(--accent);background:var(--accent-soft)}.line-row .was{color:var(--faint);white-space:nowrap;font-size:12px;text-decoration:line-through}.lines>.btn,.steps-edit .btn{justify-self:start}.steps-edit{gap:8px;margin:0;padding-inline-start:22px;display:grid}.steps-edit li{grid-template-columns:1fr auto;align-items:start;gap:6px;display:grid}.steps-edit li.add{margin-inline-start:-22px;list-style:none}.steps-edit textarea{border:1px solid var(--line);resize:vertical;border-radius:10px;width:100%;padding:9px 10px;font-size:16px}.paste{background:var(--surface);border-radius:var(--radius);gap:10px;padding:14px;display:grid}.paste textarea{border:1px solid var(--line);border-radius:10px;padding:10px;font-size:16px}.paste .btn{justify-self:start}.hint{color:var(--muted);font-size:14px}.capture-box{min-height:180px;font-size:17px}.compare{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.compare-card{background:var(--surface);border-radius:var(--radius);text-align:start;border:0;gap:4px;padding:12px;transition:box-shadow .15s;display:grid;box-shadow:inset 0 0 0 1px #0000}.compare-card.on{box-shadow:inset 0 0 0 2px var(--ink)}.compare-card.best .big-num{color:var(--accent)}.compare-card small{color:var(--muted);font-size:12px}.big-num{font-size:32px;font-weight:600;line-height:1}.score-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.dots{gap:6px;display:flex}.dots button{background:var(--soft);width:38px;height:38px;color:var(--muted);border:0;border-radius:12px;font-weight:600;transition:background-color .15s,transform .1s}.dots button.on{background:var(--ink);color:#fff}.dots button:active{transform:scale(.92)}.log{gap:8px;margin:0;padding:0;list-style:none;display:grid}.log li{align-items:flex-start;gap:10px;font-size:14px;display:flex}.log small{color:var(--muted);min-width:44px}.log-photo{object-fit:cover;border-radius:10px;width:90px;height:90px}.kitchen{background:var(--surface);min-height:100vh;padding:calc(env(safe-area-inset-top,0px) + 12px) 18px calc(env(safe-area-inset-bottom,0px) + 16px);flex-direction:column;gap:18px;max-width:820px;margin-inline:auto;display:flex}.km-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.km-title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.km-timers{gap:8px;display:grid}.km-timer{background:var(--soft);border-radius:16px;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex}.km-timer span{flex:1;font-size:14px}.km-timer b{font-size:28px;font-weight:500}.km-timer.done{background:var(--accent);color:#fff;animation:1s infinite pulse}.km-timer.done .icon-btn{color:#fff}@keyframes pulse{50%{opacity:.75}}.km-step{flex-direction:column;flex:1;gap:16px;display:flex}.km-count{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:13px}.km-text{font-size:clamp(24px,6.4vw,36px);font-weight:400;line-height:1.3}.time-btn{background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:inherit;line-height:inherit;border:0;border-radius:10px;padding:0 8px}.km-nav{gap:10px;margin-top:auto;display:flex}.km-check{flex:1;gap:4px;margin:0;padding:0;list-style:none;display:grid}.km-check label{color:var(--ink);border-bottom:1px solid var(--soft);align-items:center;gap:12px;padding:12px 4px;font-size:19px;display:flex}.km-check label.on{color:var(--faint);text-decoration:line-through}.km-check input{width:24px;height:24px;accent-color:var(--accent)}.km-log{grid-template-columns:1fr auto auto;gap:8px;display:grid}.km-quick{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.quick-btn{background:var(--soft);border:0;border-radius:16px;padding:18px 6px;font-size:15px;font-weight:500}.quick-btn:active{transform:scale(.97)}.toast{bottom:calc(env(safe-area-inset-bottom,0px) + 100px);background:var(--ink);color:#fff;border-radius:999px;padding:8px 16px;font-size:15px;position:fixed;left:50%;transform:translate(-50%)}.settings{max-width:620px}.note{background:var(--surface);color:var(--muted);border-radius:12px;padding:12px 14px;font-size:14px}.note.warn{color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.suggest{width:100%;min-width:0;position:relative}.toolbar .suggest{max-width:320px}.suggest-list{z-index:40;inset-inline-start:0;background:var(--surface);width:max(100%,240px);max-height:320px;box-shadow:0 10px 30px #16161a24, 0 0 0 1px var(--line);border-radius:14px;margin:0;padding:4px;list-style:none;animation:.14s ease-out enter;position:absolute;top:calc(100% + 4px);overflow-y:auto}.suggest-list li{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;font-size:15px;display:flex}.suggest-list li:hover,.suggest-list li.on{background:var(--soft)}.suggest-label{color:var(--muted)}.suggest-label b{color:var(--ink);font-weight:600}.suggest-kind{color:var(--faint);white-space:nowrap;font-size:11.5px}.line-row .suggest-list{width:100%}.line-row .suggest-list li{padding:10px}input[type=search]{appearance:none}.suggest-ghost{pointer-events:none;white-space:pre;color:var(--faint);align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.suggest-ghost .typed{color:#0000}.line-row .suggest-ghost{border:1px solid #0000;border-radius:10px;padding:9px 8px;font-size:16px}svg{flex:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[dir=rtl] .flip-rtl{transform:scaleX(-1)}.inline-icon{vertical-align:-1px;margin-inline-end:2px}.h-icon{vertical-align:-3px;color:var(--accent);margin-inline-end:10px}.seg button,.tabs button,.variant-tabs button,.versions button,.chip-btn,.vchip{align-items:center;gap:6px;display:inline-flex}.tab-count{background:var(--accent);color:#fff;border-radius:999px;padding:0 7px;font-size:11px;line-height:18px}.section-head h2{align-items:center;gap:7px;display:inline-flex}.section-head h2 svg{color:var(--ink);opacity:.75}.chip.icon-only{padding:5px}.chip.fav{color:var(--accent)}.stage-idea{color:#3a55b8;background:#eef1fb}.stage-dev{color:#8a6200}.card-media{display:block;position:relative}.card-badges{top:8px;gap:4px;display:flex;position:absolute;inset-inline-start:8px}.card-badges .chip{box-shadow:0 1px 3px #16161a29}.card-badges .chip:not(.stage-idea):not(.stage-dev):not(.stage-final){background:var(--surface)}.thumb-icon{color:#16161a6b;width:40%;height:40%}.continue-main .thumb-icon,.row .thumb-icon{width:50%;height:50%}.backbar{color:var(--muted);background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;padding:4px 8px 4px 0;font-size:14px;display:inline-flex}.backbar:hover{color:var(--ink)}.recipe-head .backbar{margin-bottom:2px}.empty-state{text-align:center;background:var(--surface);border-radius:var(--radius);color:var(--muted);justify-items:center;gap:10px;padding:28px 18px;font-size:14.5px;display:grid}.empty-icon{background:var(--soft);width:48px;height:48px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.facts small{align-items:center;gap:4px;display:inline-flex}.versions button svg{opacity:.8}.vchip.best svg{color:#ffd66b}.compare-card b{justify-content:space-between;align-items:center;display:flex}.trophy{color:var(--accent)}.dots button.on.s1,.dots button.on.s2{background:var(--failed)}.dots button.on.s3{background:var(--needs)}.dots button.on.s4,.dots button.on.s5{background:var(--worked)}.spark{grid-template-columns:auto 1fr;align-items:start;column-gap:12px}.spark>:not(.spark-icon){grid-column:2}.spark-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;grid-row:span 3;place-items:center;display:grid}.inbox-head{justify-content:space-between;align-items:center;display:flex}.inbox-kind{background:var(--soft);width:32px;height:32px;color:var(--ink);border-radius:10px;place-items:center;display:grid}.log-text{align-items:flex-start;gap:6px;display:inline-flex}.log-text svg{color:var(--muted);margin-top:2px}.ing-head{align-items:center;gap:14px;display:flex}.ing-badge{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:16px;flex:none;place-items:center;display:grid}.welcome-icon{background:var(--accent-soft);width:60px;height:60px;color:var(--accent);border-radius:18px;place-items:center;display:grid}.note{align-items:flex-start;gap:10px;display:flex}.note svg{margin-top:1px}.suggest-label{align-items:center;gap:10px;display:inline-flex}.suggest-icon{color:var(--faint)}.km-progress{gap:4px;display:flex}.km-progress span{background:var(--soft);border-radius:2px;flex:1;height:4px;transition:background-color .25s}.km-progress span.done{background:var(--ink)}.km-progress span.on{background:var(--accent)}.km-timer svg{color:var(--muted)}.km-timer.done svg{color:#fff}.time-btn{vertical-align:baseline;align-items:center;gap:4px;display:inline-flex}.time-btn svg{width:.8em;height:.8em}.quick-btn{justify-items:center;gap:6px;display:grid}.final-hero .thumb.initial{place-items:start center;padding-top:9%}.final-hero .thumb-icon{width:26%;height:26%}