:root{--bg:#08080c;--bg-elevated:#0f0f15;--surface:#131319;--surface-2:#191922;--surface-3:#1e1e2a;--border:#232330;--border-soft:#1a1a22;--border-hover:#ffffff1f;--accent:#ff4d00;--accent-2:#ff8a3d;--accent-soft:#ff4d001f;--amber:#ffb800;--green:#00e676;--purple:#a855f7;--sky:#38bdf8;--text:#f5f5f5;--muted:#6b6b78;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-full:999px;--shadow-card:0 2px 10px #00000059;--shadow-raised:0 8px 24px #00000073;--shadow-glow:0 0 0 1px var(--accent-soft), 0 4px 18px #ff4d0040}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(900px 500px at 50% -10%, #ff4d0014, transparent 60%), var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;transition:transform .12s,filter .12s,opacity .12s}button:active:not(:disabled){transform:scale(.96)}.btn-primary{background:linear-gradient(135deg, var(--accent-2), var(--accent));color:#fff;font-family:var(--font-heading);border-radius:var(--radius-sm);font-weight:700;box-shadow:0 4px 14px #ff4d0040}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:var(--font-heading);border-radius:var(--radius-sm);font-weight:600}.btn-secondary:hover{border-color:var(--muted)}input{font-family:var(--font-body);font-size:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;padding:6px 10px;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.app{border-left:1px solid var(--border-soft);border-right:1px solid var(--border-soft);flex-direction:column;width:100%;max-width:600px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.tab-content{-webkit-overflow-scrolling:touch;flex:1;padding:16px 16px 96px;animation:.32s cubic-bezier(.16,1,.3,1) tab-fade-in;overflow-y:auto}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width>=601px){.tab-content{padding:24px 24px 100px}}.card{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card), inset 0 1px 0 #ffffff08;padding:16px;transition:transform .15s,box-shadow .15s,border-color .15s}@media (hover:hover){.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-raised), inset 0 1px 0 #ffffff0a;transform:translateY(-1px)}}.checkbox{appearance:none;border:2px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:8px;flex-shrink:0;width:24px;min-width:24px;height:24px;transition:all .15s cubic-bezier(.34,1.56,.64,1);position:relative}.checkbox:checked{background:linear-gradient(135deg, var(--accent-2), var(--accent));border-color:var(--accent);box-shadow:var(--shadow-glow);transform:scale(1.05)}.checkbox:checked:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:6px;height:12px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.checkbox:hover:not(:checked){border-color:var(--muted)}.checkbox:active{transform:scale(.88)}.completed-label{color:var(--muted);text-decoration:line-through}.section-title{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:600}.progress-bar{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width .3s}.bottom-nav{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);z-index:20;background:#131319d9;justify-content:space-around;align-items:center;padding:6px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.bottom-nav-btn{border-radius:var(--radius-md);color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 2px;transition:all .2s;display:flex}.bottom-nav-btn.active{color:var(--accent);background:var(--accent-soft);transform:scale(1.04)}.bottom-nav-btn span{font-family:var(--font-heading);letter-spacing:.02em;font-size:9.5px;font-weight:600}.set-input{text-align:center;width:52px;font-family:var(--font-mono);padding:4px}.list-row{border-radius:var(--radius-md);background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border);align-items:center;gap:12px;padding:12px 14px;transition:border-color .18s,box-shadow .18s,transform .18s,opacity .2s;display:flex;position:relative}.list-row.is-featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft), 0 8px 26px #ff4d002e}.list-row.is-done{opacity:.62}.tl-item{align-items:stretch;gap:10px;display:flex;position:relative}.tl-rail{flex-shrink:0;justify-content:center;width:14px;display:flex;position:relative}.tl-rail:before{content:"";background:var(--border);width:2px;position:absolute;top:-8px;bottom:-8px;left:50%;transform:translate(-50%)}.tl-item:first-child .tl-rail:before{top:50%}.tl-item:last-child .tl-rail:before{bottom:50%}.tl-dot{z-index:1;background:var(--surface);border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:16px;position:relative}.tl-dot.dot-done{background:var(--green);border-color:var(--green)}.tl-dot.dot-now{background:var(--accent);border-color:var(--accent);animation:1.8s ease-in-out infinite tl-pulse}.tl-dot.dot-next{border-color:var(--accent);background:0 0}@keyframes tl-pulse{0%,to{box-shadow:0 0 #ff4d008c}50%{box-shadow:0 0 0 7px #ff4d0000}}.row-start-ghost{font-family:var(--font-heading);letter-spacing:.06em;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #0000;padding:6px 12px;font-size:11px;font-weight:700}.row-start-ghost:hover{border-color:var(--accent)}.row-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.panel{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:14px}.steps-reveal{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius-sm);margin-top:6px;padding:14px 16px;animation:.22s steps-open}@keyframes steps-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.confetti-piece{opacity:.9;pointer-events:none;z-index:3000;width:8px;height:14px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-fill-mode:forwards;position:fixed;top:-20px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:.3;transform:translateY(105vh)rotate(540deg)}}