:root{--bg:#0a0c13;--surface:#ffffff0a;--border:#ffffff14;--text:#e8eaf2;--muted:#8b90a3;--accent:#a78bfa;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{min-height:100%}body{background:radial-gradient(ellipse 80% 50% at 50% -10%, #7c6cff2e, transparent 70%), radial-gradient(ellipse 60% 40% at 100% 100%, #4fd1c514, transparent 70%), var(--bg);background-attachment:fixed;min-height:100lvh;margin:0}.app{max-width:1100px;min-height:100lvh;padding:calc(20px + env(safe-area-inset-top)) 16px calc(110px + env(safe-area-inset-bottom));flex-direction:column;gap:24px;margin:0 auto;display:flex}.header{justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{width:26px;height:26px;color:var(--accent);filter:drop-shadow(0 0 6px #a78bfa99)}.brand-name{letter-spacing:.32em;background:linear-gradient(90deg,#fff,#c4bbff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.intro h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,5vw,2.25rem);font-weight:600}.focus-line{background:linear-gradient(90deg,#c4bbff,#7dd3fc);color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0 0;font-size:1.05rem;font-weight:500}.home{flex:1;place-items:center;display:grid}.map{aspect-ratio:1;width:min(100%,600px,100svh - 290px);min-width:280px;margin:0 auto;position:relative;container-type:inline-size}.map-lines{width:100%;height:100%;position:absolute;inset:0}.orbit{fill:none;stroke:#ffffff17;stroke-width:.25px;stroke-dasharray:.8 1.6}.orbit-inner{fill:none;stroke:#ffffff0d;stroke-width:.2px}.link{stroke-opacity:.22;stroke-width:.3px}.avatar{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#2a2f48,#11131d 70%);border-radius:50%;place-items:center;width:30%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff14,0 0 48px #7c6cff59,inset 0 0 30px #7c6cff2e}.avatar:before{content:"";border:1px solid #a78bfa66;border-radius:50%;animation:3.5s ease-out infinite pulse;position:absolute;inset:-6%}.avatar-inner{color:#c9c3ff;flex-direction:column;align-items:center;gap:1.5cqw;display:flex}.avatar-inner svg{width:10cqw;height:10cqw}.avatar-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:2.8cqw}.avatar.has-photo{box-shadow:none;background:0 0}.avatar-photo{border-radius:50%;width:100%;height:100%;display:block;position:relative;overflow:hidden}.avatar-photo img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.look-sanft img{filter:saturate(.8)contrast(1.05)brightness(.92);-webkit-mask-image:radial-gradient(circle closest-side,#000000e6 10%,#000000b3 45%,#0000001a 100%);mask-image:radial-gradient(circle closest-side,#000000e6 10%,#000000b3 45%,#0000001a 100%)}.look-sanft:after{content:"";border-radius:inherit;mix-blend-mode:soft-light;pointer-events:none;background:radial-gradient(circle at 35% 25%,#0000 30%,#7c6cff73);position:absolute;inset:0;box-shadow:inset 0 0 24px #0a0c138c}.look-sw img{filter:grayscale()contrast(1.1)}.bubble-pos{aspect-ratio:1;width:22.5%;position:absolute;transform:translate(-50%,-50%)}.bubble{text-align:center;width:100%;height:100%;color:var(--text);font:inherit;cursor:pointer;background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--c) 28%, #161927), #0f111a 78%);box-shadow:0 0 0 1px color-mix(in srgb, var(--c) 30%, transparent), 0 0 5cqw color-mix(in srgb, var(--c) 25%, transparent);animation:6s ease-in-out infinite float;animation-delay:var(--delay);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.5cqw;padding:0;transition:scale .3s,box-shadow .3s;display:flex;position:relative}.bubble:hover{scale:1.06}.bubble:active{scale:.97}.bubble:focus-visible{outline:2px solid var(--c);outline-offset:2cqw}.bubble.complete{box-shadow:0 0 0 1px color-mix(in srgb, var(--c) 70%, transparent), 0 0 8cqw color-mix(in srgb, var(--c) 55%, transparent), inset 0 0 4cqw color-mix(in srgb, var(--c) 25%, transparent)}.bubble.flash{animation:6s ease-in-out infinite float,.7s ease-out pop;animation-delay:var(--delay), 0s}.bubble.celebrate{animation:6s ease-in-out infinite float,.9s ease-out pop;animation-delay:var(--delay), 0s}.bubble.celebrate:after{content:"";border:2px solid var(--c);box-shadow:0 0 20px var(--c);pointer-events:none;border-radius:50%;animation:1.2s ease-out forwards burst;position:absolute;inset:0}.bubble svg{width:5.5cqw;height:5.5cqw;color:var(--c)}.bubble-name{padding:0 1cqw;font-size:2.9cqw;font-weight:600;line-height:1.1}.bubble-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:2.4cqw}.bubble.complete .bubble-meta{color:var(--c)}.bubble .ring{pointer-events:none;width:114%;height:114%;color:inherit;position:absolute;inset:-7%;overflow:visible;rotate:-90deg}.ring circle{fill:none;stroke-width:2.4px;stroke-linecap:round;transition:stroke .4s}.ring-seg{stroke:#ffffff1f}.ring-seg.done{stroke:var(--c);filter:drop-shadow(0 0 2px var(--c))}.sheet-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);background:#05060a99;justify-content:center;align-items:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet{width:min(100%,480px);padding:10px 20px calc(20px + env(safe-area-inset-bottom));border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--c) 10%, #141724), #0f111a 40%);border-bottom:none;border-radius:24px 24px 0 0;max-height:90svh;animation:.3s cubic-bezier(.2,.9,.3,1) slide-up;overflow-y:auto;box-shadow:0 -10px 40px #00000080}@media (width>=600px){.sheet-backdrop{align-items:center}.sheet{border-bottom:1px solid var(--border);border-radius:24px;padding-bottom:20px}}.sheet-handle{background:#ffffff26;border-radius:99px;width:40px;height:4px;margin:0 auto 16px}.sheet-head{align-items:center;gap:14px;margin-bottom:20px;display:flex}.sheet-head h2{margin:0;font-size:1.15rem;font-weight:600}.sheet-head p{color:var(--muted);margin:2px 0 0;font-size:.82rem}.sheet-icon{width:46px;height:46px;color:var(--c);background:color-mix(in srgb, var(--c) 16%, transparent);box-shadow:0 0 20px color-mix(in srgb, var(--c) 25%, transparent);border-radius:14px;flex:none;place-items:center;display:grid}.sheet-icon svg{width:24px;height:24px}.sheet-fields{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--muted);font-size:.78rem}.field-input{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;align-items:center;gap:8px;padding:0 14px;transition:border-color .2s;display:flex}.field-input:focus-within{border-color:var(--c)}.field-input input{min-width:0;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:1rem}.field-input input::placeholder{color:#ffffff40}.field-unit{color:var(--muted);font-size:.82rem}.sheet-hint{color:var(--c);margin:14px 0 0;font-size:.9rem}.sheet-note{color:var(--muted);margin:10px 0 0;font-size:.75rem}.sheet-actions{grid-template-columns:1fr 2fr;gap:10px;margin-top:20px;display:grid}.btn{font:inherit;cursor:pointer;border:none;border-radius:14px;padding:14px;font-weight:600;transition:scale .15s,filter .2s}.btn:active{scale:.97}.btn:focus-visible{outline:2px solid var(--c);outline-offset:2px}.btn-ghost{color:var(--muted);background:#ffffff0f}.btn-primary{color:#0a0c13;background:var(--c);box-shadow:0 0 24px color-mix(in srgb, var(--c) 45%, transparent)}.btn-primary:hover{filter:brightness(1.08)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-danger{color:#ff7a8a;background:0 0;width:100%;margin-top:10px}.btn-danger:hover{background:#ff7a8a1a}.field-help{color:var(--muted);font-size:.8rem}.segmented{background:#ffffff0d;border-radius:14px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segmented button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px;font-size:.9rem;transition:background .2s,color .2s}.segmented button.on{color:var(--text);background:color-mix(in srgb, var(--c) 25%, transparent)}.segmented-3{grid-template-columns:repeat(3,1fr)}.stepper{border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;padding:4px;display:flex}.stepper span{color:var(--c);font-weight:600}.stepper button{width:44px;height:40px;color:var(--text);font:inherit;cursor:pointer;background:#ffffff0f;border:none;border-radius:10px;font-size:1.3rem}.stepper button:disabled{opacity:.3;cursor:not-allowed}.icon-choices{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.icon-choice{aspect-ratio:1;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;place-items:center;transition:color .2s,background .2s,border-color .2s;display:grid}.icon-choice svg{width:22px;height:22px}.icon-choice.on{color:var(--c);border-color:var(--c);background:color-mix(in srgb, var(--c) 15%, transparent)}.color-choices{flex-wrap:wrap;gap:10px;display:flex}.color-choice{background:var(--swatch);cursor:pointer;border:none;border-radius:50%;width:34px;height:34px;transition:scale .15s}.color-choice.on{box-shadow:0 0 0 3px #0f111a, 0 0 0 5px var(--swatch), 0 0 14px var(--swatch)}.icon-choice:focus-visible,.color-choice:focus-visible,.segmented button:focus-visible,.stepper button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.page{width:min(100%,640px);margin:0 auto}.empty{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:48px 16px;display:flex}.empty p{margin:0;font-weight:500}.empty .empty-hint{max-width:280px;color:var(--muted);font-size:.88rem;font-weight:400}.empty .btn{margin-top:16px}.empty-icon{width:64px;height:64px;color:var(--accent);background:#a78bfa1a;border-radius:50%;place-items:center;margin-bottom:10px;display:grid;box-shadow:0 0 30px #a78bfa33}.empty-icon svg{width:28px;height:28px}.btn-soft{--c:var(--accent);color:var(--text);background:#a78bfa29;padding:12px 24px}.history{flex-direction:column;gap:28px;display:flex}.week-head,.section-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.week-head h2,.section-head h2{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.8rem;font-weight:600}.week-head span,.section-head span{color:var(--muted);font-size:.78rem}.entry-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.entry{border:1px solid var(--border);background:var(--surface);border-radius:16px;align-items:center;gap:14px;padding:12px 8px 12px 12px;display:flex}.entry-icon{width:40px;height:40px;color:var(--c);background:color-mix(in srgb, var(--c) 15%, transparent);border-radius:12px;flex:none;place-items:center;display:grid}.entry-icon svg{width:20px;height:20px}.entry-main{flex-direction:column;flex:1;min-width:0;display:flex}.entry-title{font-size:.95rem;font-weight:600}.entry-details{color:var(--c);overflow-wrap:anywhere;font-size:.85rem}.entry-when{color:var(--muted);font-size:.75rem}.icon-btn{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:none;place-items:center;transition:color .2s,background .2s;display:grid}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{color:#ff7a8a;background:#ff7a8a1a}.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings{flex-direction:column;gap:36px;display:flex}.avatar-setting{align-items:center;gap:18px;display:flex}.avatar-preview{border-radius:50%;flex:none;width:96px;height:96px}.avatar-preview-empty{color:#c9c3ff;background:#11131d;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.avatar-preview-empty svg{width:40px;height:40px}.avatar-setting-actions{flex-direction:column;flex:1;gap:8px;display:flex}.avatar-looks{margin-top:16px}.crop-viewport{aspect-ratio:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#05060a;border-radius:20px;width:min(100%,320px);margin:0 auto;position:relative;overflow:hidden}.crop-viewport:active{cursor:grabbing}.crop-viewport img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.crop-mask{pointer-events:none;border:2px solid #a78bfad9;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 999px #0a0c13b8}.crop-zoom{width:min(100%,320px);accent-color:var(--accent);margin:18px auto 0;display:block}.entry-button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.entry-button:hover{border-color:color-mix(in srgb, var(--c) 40%, transparent)}.entry-button:focus-visible{outline:2px solid var(--c);outline-offset:2px}.chevron{width:32px;color:var(--muted);flex:none;place-items:center;display:grid}.chevron svg{width:18px;height:18px}.add-btn{width:100%;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px dashed #ffffff2e;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:14px;transition:color .2s,border-color .2s;display:flex}.add-btn svg{width:18px;height:18px}.add-btn:hover{color:var(--text);border-color:var(--accent)}.add-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-note{color:var(--muted);margin:0 0 16px;font-size:.88rem}.backup-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.backup-actions .btn{justify-content:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.backup-actions svg{width:18px;height:18px}@media (width<=400px){.backup-actions{grid-template-columns:1fr}}.settings-message{color:var(--accent);margin:12px 0 0;font-size:.85rem}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px;font-size:.85rem;transition:color .2s,background .2s,border-color .2s}.chip.on{color:var(--text);background:#a78bfa29;border-color:#a78bfa80}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.checkin-card{--c:var(--accent);background:linear-gradient(135deg,#a78bfa1a,#60a5fa0a);border:1px solid #a78bfa4d;border-radius:16px;padding:12px}.checkin-card-head{align-items:center;gap:14px;margin:0 -4px 8px 0;display:flex}.checkin-card-line,.checkin-card-note{margin:4px 0 0;font-size:.88rem}.checkin-card-note{color:var(--muted);font-style:italic}.checkin-card .summary-grid{margin-top:12px}.summary-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.summary-item{border:1px solid var(--border);background:#ffffff0a;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.summary-item svg{width:18px;height:18px;color:var(--c);flex:none}.summary-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.85rem;overflow:hidden}.summary-value{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem}.summary-item.reached{border-color:color-mix(in srgb, var(--c) 45%, transparent);background:color-mix(in srgb, var(--c) 10%, transparent)}.summary-item.reached .summary-value{color:var(--c)}.checkin{--c:var(--accent);flex-direction:column;gap:24px;display:flex}.steps{gap:6px;display:flex}.step-dot{background:#ffffff14;border-radius:99px;flex:1;height:4px;transition:background .3s}.step-dot.on{background:linear-gradient(90deg,#a78bfa,#60a5fa);box-shadow:0 0 8px #a78bfa80}.checkin-step{flex-direction:column;gap:16px;animation:.3s ease-out fade-in;display:flex}.checkin-step h2,.checkin-done h2{margin:0;font-size:1.3rem;font-weight:600}.checkin-week{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 -10px;font-size:.78rem;font-weight:600}.checkin-muted{color:var(--muted);margin:0;font-size:.88rem}.energy-scale{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.energy-option{border:1px solid var(--border);color:var(--muted);font:inherit;text-align:center;cursor:pointer;background:0 0;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 2px;font-size:.66rem;line-height:1.2;transition:border-color .2s,background .2s,color .2s;display:flex}.energy-emoji{filter:grayscale(.6);font-size:1.6rem;line-height:1;transition:filter .2s,scale .2s}.energy-option.on{color:var(--text);border-color:var(--accent);background:#a78bfa24}.energy-option.on .energy-emoji{filter:none;scale:1.15}.energy-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field-input textarea{resize:vertical;min-width:0;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:1rem}.field-input textarea::placeholder{color:#ffffff40}.target-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.target-list li{border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:6px 6px 6px 14px;display:flex}.target-name{align-items:center;gap:10px;font-size:.95rem;display:flex}.target-name svg{width:20px;height:20px;color:var(--c)}.target-list .checkin-muted{padding-right:10px}.stepper-small{border:none;gap:4px}.stepper-small span{text-align:center;min-width:32px}.stepper-small button{width:38px;height:36px}.checkin-actions{grid-template-columns:1fr 2fr;gap:10px;display:grid}.checkin-done{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 8px;display:flex}.checkin-done p{margin:0}.checkin-done .btn{margin-top:16px}.done-badge{color:#fff;background:linear-gradient(135deg,#a78bfa,#60a5fa 55%,#4fd1c5);border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:8px;font-size:2rem;display:grid;box-shadow:0 0 40px #7c6cff99}.celebrate-in .done-badge{animation:.8s ease-out pop}.done-focus{color:#c4bbff;font-weight:500}.impuls{--c:var(--accent);flex-direction:column;gap:24px;display:flex}.impuls-question{flex-direction:column;gap:12px;display:flex}.impuls-question h2{margin:0;font-size:1.05rem;font-weight:600}.time-chips{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (width>=600px){.time-chips{grid-template-columns:repeat(6,1fr)}}.time-chip{border:1px solid var(--border);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:14px;flex-direction:column;align-items:center;padding:12px 4px;transition:color .2s,border-color .2s,background .2s;display:flex}.time-chip strong{color:var(--text);font-size:1.2rem;font-weight:600}.time-chip span{font-size:.72rem}.time-chip.on{color:var(--text);background:linear-gradient(135deg,#a78bfa59,#60a5fa40);border-color:#0000;box-shadow:0 0 20px #7c6cff59}.time-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.impuls-result{flex-direction:column;gap:12px;animation:.3s ease-out fade-in;display:flex}.impuls-result .section-head{margin:12px 0 0}.impuls-hero{border:1px solid color-mix(in srgb, var(--c) 40%, transparent);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--c) 28%, transparent), transparent 70%), #10131d;box-shadow:0 0 40px color-mix(in srgb, var(--c) 20%, transparent);color:var(--text);font:inherit;text-align:center;cursor:pointer;border-radius:24px;flex-direction:column;align-items:center;gap:6px;padding:24px 20px;transition:scale .2s;animation:.5s ease-out pop;display:flex}.impuls-hero:active{scale:.98}.impuls-hero:focus-visible{outline:2px solid var(--c);outline-offset:3px}.hero-label{letter-spacing:.16em;text-transform:uppercase;color:var(--c);font-size:.72rem;font-weight:600}.hero-orb{width:76px;height:76px;color:var(--c);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--c) 35%, #161927), #0f111a 78%);box-shadow:0 0 0 2px color-mix(in srgb, var(--c) 60%, transparent), 0 0 30px color-mix(in srgb, var(--c) 45%, transparent);border-radius:50%;place-items:center;margin:8px 0;display:grid}.hero-orb svg{width:34px;height:34px}.hero-name{font-size:1.5rem;font-weight:700}.hero-reason{color:var(--c);font-size:.95rem}.hero-meta{color:var(--muted);font-size:.8rem}.hero-start{justify-content:center;align-items:center;gap:8px;min-width:180px;margin-top:14px;display:flex}.hero-start svg{fill:currentColor;width:18px;height:18px}.chevron.play svg{width:16px;height:16px;fill:var(--c);color:var(--c)}.app.has-active{padding-bottom:calc(180px + env(safe-area-inset-bottom))}.active-bar{z-index:5;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--c) 45%, transparent);background:color-mix(in srgb, var(--c) 14%, #10121ceb);-webkit-backdrop-filter:blur(16px);width:min(100% - 24px,480px);box-shadow:0 10px 30px #0006, 0 0 24px color-mix(in srgb, var(--c) 25%, transparent);border-radius:18px;align-items:center;gap:10px;padding:8px 8px 8px 14px;animation:.3s ease-out slide-up;display:flex;position:fixed;transform:translate(-50%)}.active-dot{background:var(--c);width:8px;height:8px;box-shadow:0 0 8px var(--c);border-radius:50%;flex:none;animation:1.6s ease-in-out infinite shimmer}.active-icon{color:var(--c);flex:none;display:grid}.active-icon svg{width:22px;height:22px}.active-text{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.active-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.active-time{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:600}.active-finish{background:var(--c);color:#0a0c13;font:inherit;cursor:pointer;border:none;border-radius:12px;flex:none;padding:10px 16px;font-weight:600}.active-cancel{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:none;place-items:center;display:grid}.active-cancel svg{width:16px;height:16px}.active-finish:focus-visible,.active-cancel:focus-visible{outline-offset:2px;outline:2px solid #fff}.bottom-nav{left:50%;bottom:calc(12px + env(safe-area-inset-bottom));border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);background:#10121cc7;border-radius:24px;grid-template-columns:repeat(5,1fr);align-items:end;gap:2px;width:min(100% - 24px,480px);padding:8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 10px 40px #00000073}@media (width<=699px){.bottom-nav{width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#10121ceb;border-width:1px 0 0;border-radius:24px 24px 0 0;bottom:0;left:0;transform:none;box-shadow:0 -10px 30px #00000059}.active-bar{bottom:calc(84px + env(safe-area-inset-bottom))}}.nav-item{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:.7rem;transition:color .2s,background .2s;display:flex;position:relative}.nav-item svg{width:22px;height:22px}.nav-item>span:last-child{white-space:nowrap}@media (width<=400px){.nav-item{font-size:.62rem}}.nav-item:hover{color:var(--text)}.nav-dot{background:#4fd1c5;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite shimmer;position:absolute;top:6px;left:calc(50% + 8px);box-shadow:0 0 8px #4fd1c5}.nav-item.active{color:var(--text);background:#a78bfa24}.nav-item.active svg{color:var(--accent);filter:drop-shadow(0 0 6px #a78bfab3)}.nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-special{color:var(--text);padding-top:0}.nav-special:focus-visible{outline:none}.nav-special:focus-visible .special-orb{outline-offset:3px;outline:2px solid #fff}.special-orb{color:#fff;width:58px;height:58px;box-shadow:0 0 0 5px var(--bg), 0 0 24px #7c6cffa6, 0 0 48px #4fd1c540;background:linear-gradient(135deg,#a78bfa 0%,#60a5fa 55%,#4fd1c5 100%);border-radius:50%;place-items:center;margin-top:-30px;transition:scale .2s;animation:3s ease-in-out infinite glow;display:grid}.special-orb svg{filter:drop-shadow(0 0 4px #fff9);width:28px;height:28px}.nav-special:hover .special-orb{scale:1.07}.nav-special:active .special-orb{scale:.95}@keyframes pulse{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.28)}}@keyframes float{0%,to{translate:0}50%{translate:0 -1.2cqw}}@keyframes pop{0%{scale:1}35%{scale:1.14}to{scale:1}}@keyframes burst{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes shimmer{0%,to{opacity:.35}50%{opacity:.75}}@keyframes glow{0%,to{box-shadow:0 0 0 5px var(--bg), 0 0 20px #7c6cff8c, 0 0 40px #4fd1c533}50%{box-shadow:0 0 0 5px var(--bg), 0 0 30px #7c6cffcc, 0 0 60px #4fd1c559}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.bubble,.bubble.flash,.bubble.celebrate,.bubble.celebrate:after,.special-orb,.avatar:before,.sheet,.sheet-backdrop{animation:none}}