:root{--ink-0: #060608;--ink-1: #0c0c10;--ink-2: #14141a;--ink-3: #1c1c24;--ink-4: #2a2a36;--line: rgba(255,255,255,.07);--line-strong: rgba(255,255,255,.13);--gold: #d4a64a;--gold-2: #f3cc6e;--gold-3: #b3852e;--gold-glow: rgba(212, 166, 74, .35);--gold-soft: rgba(212, 166, 74, .08);--text: #f5f1e6;--text-2: #c8c2b1;--muted: #8a8475;--muted-2: #5a5648;--ok: #4ade80;--warn: #f59e0b;--bad: #ef4444;--info: #60a5fa;--ff: -apple-system, "SF Pro Display", "Inter", system-ui, sans-serif;--ff-num: "SF Mono", "JetBrains Mono", ui-monospace, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--r-1: 8px;--r-2: 12px;--r-3: 16px;--r-4: 20px;--r-5: 28px;--sh-1: 0 1px 2px rgba(0,0,0,.4);--sh-2: 0 6px 18px rgba(0,0,0,.55);--sh-3: 0 20px 60px -10px rgba(0,0,0,.7);--sh-glow: 0 0 0 1px var(--gold-glow), 0 8px 32px var(--gold-glow);--sat: env(safe-area-inset-top);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--sar: env(safe-area-inset-right)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--ink-0);color:var(--text);font-family:var(--ff);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:contain;min-height:100vh;min-height:100dvh}body:before{content:"";position:fixed;inset:0;background:radial-gradient(900px 600px at 20% -10%,rgba(212,166,74,.1),transparent 60%),radial-gradient(700px 500px at 110% 110%,rgba(212,166,74,.06),transparent 50%);z-index:-1;pointer-events:none}#app{max-width:540px;margin:0 auto;padding:calc(var(--sat) + var(--sp-4)) calc(var(--sar) + var(--sp-5)) calc(var(--sab) + var(--sp-8)) calc(var(--sal) + var(--sp-5))}.brand{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:var(--sp-6);gap:var(--sp-3)}.brand img{height:28px;width:auto;justify-self:center;filter:drop-shadow(0 0 12px var(--gold-glow))}.brand-icon-btn{background:transparent;border:1px solid var(--line);color:var(--text-2);width:44px;height:44px;border-radius:14px;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,border-color .15s,background .15s}.brand-icon-btn:active{transform:scale(.94);background:var(--ink-2)}.brand-icon-btn:hover{border-color:var(--line-strong)}#update-btn{background:transparent;border:1px solid var(--line);color:var(--text-2);width:44px;height:44px;border-radius:14px;display:grid;place-items:center;cursor:pointer;font-size:18px}#update-btn:before{content:"↻"}#update-btn.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-dots{display:flex;gap:6px;margin-bottom:var(--sp-5);justify-content:center;flex-wrap:wrap}.progress-dot{width:22px;height:4px;background:var(--ink-3);border-radius:99px;transition:background .3s,transform .3s}.progress-dot.done{background:linear-gradient(90deg,var(--gold-3),var(--gold))}.progress-dot.current{background:var(--gold);transform:scaleY(2);box-shadow:0 0 8px var(--gold-glow);animation:pulseDot 1.6s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.55}}.step-card{position:relative;background:linear-gradient(180deg,var(--ink-2),var(--ink-1));border:1px solid var(--line);border-radius:var(--r-5);padding:var(--sp-6) var(--sp-5) var(--sp-5);box-shadow:var(--sh-3);overflow:hidden;animation:cardIn .42s cubic-bezier(.2,.8,.2,1)}.step-card:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 50% -10%,var(--gold-soft),transparent 60%);pointer-events:none}@keyframes cardIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.step-icon{position:absolute;top:14px;right:18px;font-size:36px;opacity:.25;filter:grayscale(.3);pointer-events:none}.step-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-3);position:relative}.step-counter{font-family:var(--ff-num);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.step-icon-inline{margin-right:6px}.target-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--ff-num);font-size:12px;font-weight:600;color:var(--gold-2);background:var(--gold-soft);border:1px solid var(--gold-glow);border-radius:99px;padding:4px 10px}.target-pill.mandatory{background:#ef44441f;border-color:#ef444466;color:#fca5a5}.step-title{font-size:clamp(24px,6.5vw,30px);font-weight:700;letter-spacing:-.02em;margin:var(--sp-2) 0 var(--sp-2);line-height:1.15;background:linear-gradient(180deg,var(--text),var(--text-2));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.step-instruction{font-size:15px;line-height:1.55;color:var(--text-2);margin:0 0 var(--sp-5);position:relative}.step-extras{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-3);padding:var(--sp-4);margin-bottom:var(--sp-5);position:relative}.step-extras h4{margin:0 0 var(--sp-3);font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-2);font-weight:700}.step-extras p{margin:0 0 var(--sp-3);color:var(--text-2);font-size:14.5px;line-height:1.55}.step-extras ul{margin:var(--sp-2) 0 0;padding:0;list-style:none}.step-extras li{padding:8px 0;border-top:1px dashed var(--line);color:var(--text-2);font-size:14px;display:flex;justify-content:space-between;gap:var(--sp-3)}.step-extras li:first-child{border-top:none}.macros{display:flex;gap:8px;flex-wrap:wrap;margin:var(--sp-3) 0}.macros span{font-family:var(--ff-num);font-size:12px;background:var(--ink-3);border:1px solid var(--line);border-radius:99px;padding:4px 10px;color:var(--text)}.meal-fallback{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--ink-3);border-radius:var(--r-2);border-left:3px solid var(--gold);font-size:13px;color:var(--muted)}.meal-fallback strong{color:var(--gold-2)}.mob-muscle{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);margin:var(--sp-3) 0 var(--sp-2)}.timer{background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-3);padding:var(--sp-4);margin:var(--sp-3) 0;text-align:center}.timer-label{font-size:12px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.timer-clock{display:inline-block;font-family:var(--ff-num);font-size:44px;font-weight:700;color:var(--gold);margin:var(--sp-3) 0;letter-spacing:-.02em;text-shadow:0 0 24px var(--gold-glow)}.timer.running .timer-clock{animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.65}}.timer-ctrl{display:flex;gap:var(--sp-2);justify-content:center;margin-bottom:var(--sp-3)}.timer-ctrl button{background:var(--ink-4);color:var(--text);border:1px solid var(--line);border-radius:var(--r-2);padding:10px 18px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .12s,background .12s}.timer-ctrl button:active{transform:scale(.95);background:var(--ink-3)}.timer-bar{height:4px;background:var(--ink-2);border-radius:99px;overflow:hidden}.timer-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-3),var(--gold),var(--gold-2));width:0%;transition:width .25s linear;box-shadow:0 0 12px var(--gold-glow)}.timer.done .timer-clock{color:var(--ok);text-shadow:0 0 24px rgba(74,222,128,.5)}.actions{display:flex;flex-direction:column;gap:var(--sp-2);position:relative}button{font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.btn-primary{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1a1206;border:none;border-radius:var(--r-3);padding:18px 20px;font-weight:700;font-size:16px;letter-spacing:.02em;box-shadow:0 8px 24px -8px var(--gold-glow),inset 0 1px #fff6;transition:transform .12s,box-shadow .25s;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translate(-100%);animation:shimmer 3.5s ease-in-out infinite}@keyframes shimmer{0%,40%{transform:translate(-100%)}70%,to{transform:translate(100%)}}.btn-primary:active{transform:scale(.97);box-shadow:0 4px 12px -4px var(--gold-glow)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-primary.loading{color:transparent}.btn-primary.loading:before{content:"";position:absolute;inset:0;margin:auto;width:22px;height:22px;border:2.5px solid #1a1206;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.btn-secondary{background:var(--ink-3);color:var(--text-2);border:1px solid var(--line);border-radius:var(--r-3);padding:14px 18px;font-weight:600;font-size:14.5px;transition:transform .12s,background .15s,color .15s}.btn-secondary:active{transform:scale(.97);background:var(--ink-4)}.btn-secondary.cheat{color:#fca5a5;border-color:#ef44444d}.btn-secondary.cheat:active{background:#ef44441f}.btn-disabled-hint{text-align:center;font-size:12.5px;color:var(--muted);margin-top:var(--sp-2)}.lock-notice{text-align:center;font-size:12px;letter-spacing:.04em;color:var(--muted);margin-top:var(--sp-5)}.photo-uploader{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-5)}.photo-slot{position:relative;aspect-ratio:3/4;background:var(--ink-3);border:2px dashed var(--line-strong);border-radius:var(--r-3);display:grid;place-items:center;cursor:pointer;overflow:hidden;transition:border-color .15s,background .15s}.photo-slot:active{transform:scale(.98)}.photo-slot.filled{border-style:solid;border-color:var(--gold);padding:0}.photo-slot img{width:100%;height:100%;object-fit:cover}.photo-slot input{position:absolute;inset:0;opacity:0;cursor:pointer}.photo-slot-icon{color:var(--muted);margin-bottom:8px}.photo-slot-label{font-weight:700;font-size:13px;letter-spacing:.14em;color:var(--text-2)}.photo-slot-hint{font-size:11px;color:var(--muted);margin-top:4px}.recap{text-align:center;padding:var(--sp-6) 0;animation:recapIn .6s cubic-bezier(.2,.8,.2,1)}@keyframes recapIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.recap .score{font-family:var(--ff-num);font-size:clamp(72px,22vw,110px);font-weight:800;line-height:1;background:linear-gradient(180deg,var(--gold-2),var(--gold-3));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px var(--gold-glow);display:inline-block;position:relative}.recap .score small{display:block;font-size:11px;letter-spacing:.26em;margin-top:var(--sp-3);color:var(--muted);background:none;-webkit-text-fill-color:var(--muted)}.recap .streak{font-size:13px;color:var(--text-2);margin:var(--sp-3) 0 var(--sp-2);letter-spacing:.04em}.recap .streak .flame{color:var(--gold);animation:flameFlick 1.4s ease-in-out infinite;display:inline-block}@keyframes flameFlick{0%,to{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-2px) scale(1.08);opacity:.85}}.recap-bonus{color:var(--muted);font-size:13px;margin:0 0 var(--sp-4)}.collage{width:100%;border-radius:var(--r-4);border:1px solid var(--line);box-shadow:var(--sh-3);margin-top:var(--sp-4)}.medal-pop{margin:var(--sp-5) auto;max-width:320px;padding:var(--sp-5);background:linear-gradient(180deg,var(--ink-2),var(--ink-1));border:1px solid var(--gold-glow);border-radius:var(--r-4);box-shadow:var(--sh-glow);text-align:center;animation:medalIn .6s cubic-bezier(.2,.8,.2,1) both}@keyframes medalIn{0%{opacity:0;transform:scale(.85) translateY(20px)}60%{transform:scale(1.04) translateY(-2px)}to{opacity:1;transform:none}}.medal-emoji{font-size:56px;margin-bottom:var(--sp-3);display:block;filter:drop-shadow(0 4px 24px var(--gold-glow))}.medal-title{font-size:18px;font-weight:800;letter-spacing:.02em;margin-bottom:4px;color:var(--gold-2)}.medal-sub{font-size:13px;color:var(--text-2)}.share-row{display:flex;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-5);flex-wrap:wrap}.share-btn{background:var(--ink-3);border:1px solid var(--line);color:var(--text);border-radius:var(--r-2);padding:12px 16px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:transform .12s,background .15s,border-color .15s}.share-btn:active{transform:scale(.95)}.share-btn:hover{background:var(--ink-4);border-color:var(--gold-glow)}.share-btn.primary{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#1a1206;border-color:transparent}.stats-view{animation:cardIn .35s ease both}.back-btn{background:transparent;border:none;color:var(--text-2);display:inline-flex;align-items:center;gap:6px;font-size:14px;padding:8px 0;margin-bottom:var(--sp-3);cursor:pointer}.back-btn:active{color:var(--gold)}.stats-title{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0 0 var(--sp-5)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-6)}.stat-card{background:linear-gradient(180deg,var(--ink-2),var(--ink-1));border:1px solid var(--line);border-radius:var(--r-3);padding:var(--sp-4);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;background:radial-gradient(200px 100px at 100% 0%,var(--gold-soft),transparent 60%);pointer-events:none}.stat-num{font-family:var(--ff-num);font-size:32px;font-weight:700;background:linear-gradient(180deg,var(--gold-2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em}.of-total{font-size:16px;color:var(--muted);-webkit-text-fill-color:var(--muted)}.stat-lbl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:4px}.stats-sub{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:var(--sp-6) 0 var(--sp-3);font-weight:700}.chart-card{background:linear-gradient(180deg,var(--ink-2),var(--ink-1));border:1px solid var(--line);border-radius:var(--r-3);padding:var(--sp-4);margin-bottom:var(--sp-5)}.chart-card canvas{width:100%;height:120px;display:block}.heat-grid{display:grid;grid-template-columns:repeat(15,1fr);gap:5px;margin-bottom:var(--sp-3)}.heat-cell{aspect-ratio:1;border-radius:5px;background:var(--ink-3);transition:transform .12s;cursor:pointer}.heat-cell.empty{background:var(--ink-2)}.heat-cell.zero{background:var(--ink-4)}.heat-cell.half{background:#d4a64a59}.heat-cell.full{background:linear-gradient(135deg,var(--gold-3),var(--gold),var(--gold-2));box-shadow:0 0 6px var(--gold-glow)}.heat-cell:active{transform:scale(.85)}.heat-legend{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted);flex-wrap:wrap;margin-bottom:var(--sp-5)}.heat-legend em{font-style:normal}.heat-legend .heat-cell{width:12px;height:12px;cursor:default}.medals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);margin-bottom:var(--sp-5)}.medal-tile{aspect-ratio:1;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-2);display:grid;place-items:center;font-size:28px;position:relative;filter:grayscale(1) opacity(.35);transition:filter .3s,transform .15s}.medal-tile.unlocked{filter:none;border-color:var(--gold-glow);background:linear-gradient(180deg,var(--ink-2),var(--ink-1));box-shadow:0 0 12px var(--gold-glow)}.medal-tile:active{transform:scale(.92)}.medal-tile .lbl{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.medal-tile.unlocked .lbl{color:var(--gold-2)}.timeline{display:flex;overflow-x:auto;gap:var(--sp-2);padding-bottom:var(--sp-3);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.timeline::-webkit-scrollbar{display:none}.timeline-item{flex:0 0 70%;scroll-snap-align:center;border-radius:var(--r-3);overflow:hidden;border:1px solid var(--line);background:var(--ink-2);position:relative}.timeline-item img{width:100%;display:block}.timeline-date{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);color:var(--gold-2);font-family:var(--ff-num);font-size:12px;letter-spacing:.04em}.modal-backdrop{position:fixed;inset:0;background:#060608b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;z-index:1000;padding:var(--sp-4);animation:fadeIn .2s ease}.modal-backdrop.closing{animation:fadeOut .18s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal{background:linear-gradient(180deg,var(--ink-2),var(--ink-1));border:1px solid var(--line-strong);border-radius:var(--r-4);padding:var(--sp-6);max-width:380px;width:100%;box-shadow:var(--sh-3);animation:modalIn .25s cubic-bezier(.2,.8,.2,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:none}}.modal h3{margin:0 0 var(--sp-2);font-size:19px;font-weight:700;letter-spacing:-.01em}.modal p{color:var(--text-2);font-size:14.5px;margin:0 0 var(--sp-5);line-height:1.55}.modal-actions{display:flex;gap:var(--sp-2)}.modal-actions button{flex:1}.toast{position:fixed;bottom:calc(var(--sab) + 24px);left:50%;transform:translate(-50%);background:var(--ink-3);border:1px solid var(--line-strong);color:var(--text);padding:12px 18px;border-radius:99px;font-size:13.5px;font-weight:600;box-shadow:var(--sh-2);z-index:2000;animation:toastIn .3s cubic-bezier(.2,.8,.2,1),toastOut .3s ease 2.2s forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%) translateY(20px)}}.toast.success{border-color:#4ade8059}.toast.warn{border-color:#f59e0b59}.install-hint{position:fixed;bottom:calc(var(--sab) + 12px);left:12px;right:12px;background:linear-gradient(180deg,var(--ink-2),var(--ink-1));border:1px solid var(--line-strong);border-radius:var(--r-3);padding:var(--sp-3);display:grid;grid-template-columns:36px 1fr 24px;gap:var(--sp-3);align-items:center;font-size:12.5px;box-shadow:var(--sh-3);z-index:999;animation:toastIn .3s ease}.install-hint .ih-icon{color:var(--gold)}.install-hint .ih-body{color:var(--text-2);line-height:1.45}.install-hint strong{color:var(--gold-2)}.install-hint .ih-close{background:transparent;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:4px}.skel{background:linear-gradient(90deg,var(--ink-2),var(--ink-3),var(--ink-2));background-size:200% 100%;animation:skel 1.2s ease-in-out infinite;border-radius:var(--r-2)}@keyframes skel{0%{background-position:100% 0}to{background-position:-100% 0}}.skel-card{height:280px;margin-bottom:var(--sp-4)}.confetti-host{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:1500}.confetti-piece{position:absolute;top:-10vh;width:8px;height:14px;background:var(--gold);opacity:0;border-radius:2px;animation:confettiFall 2.6s cubic-bezier(.4,.7,.7,1) forwards}@keyframes confettiFall{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}to{opacity:0;transform:translateY(110vh) rotate(720deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button,[role=button]{min-height:44px}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9000;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1.2 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:220px 220px}#brice-splash{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#14141a,#060608 70%);transition:opacity .6s ease,visibility .6s}#brice-splash.hide{opacity:0;visibility:hidden}#brice-splash .bs-core{display:flex;flex-direction:column;align-items:center;gap:14px}#brice-splash .bs-monogram{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#f3cc6e,#d4a64a 40%,#8a6520);box-shadow:0 0 0 1px #ffffff14,0 0 60px 6px #d4a64a73,inset 0 -8px 24px #00000073;font:700 38px/1 -apple-system,SF Pro Display,Inter,sans-serif;color:#1a1208;letter-spacing:-.02em;animation:bsPulse 1.6s ease-in-out infinite}#brice-splash .bs-title{font:700 22px/1 -apple-system,SF Pro Display,Inter,sans-serif;letter-spacing:.18em;color:#f5f1e6;text-transform:uppercase}#brice-splash .bs-sub{font:500 12px/1 -apple-system,Inter,sans-serif;letter-spacing:.3em;color:#8a8475;text-transform:uppercase}@keyframes bsPulse{0%,to{transform:scale(1);box-shadow:0 0 0 1px #ffffff14,0 0 60px 6px #d4a64a59,inset 0 -8px 24px #00000073}50%{transform:scale(1.05);box-shadow:0 0 0 1px #ffffff1f,0 0 80px 12px #d4a64a99,inset 0 -8px 24px #00000073}}.view-enter{animation:viewIn .42s cubic-bezier(.2,.7,.2,1) both}@keyframes viewIn{0%{opacity:0;transform:translateY(8px) scale(.992);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}.hero-num{font-family:var(--ff-num);font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#f3cc6e,#d4a64a 60%,#8a6520);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 0 rgba(0,0,0,.3);filter:drop-shadow(0 6px 24px rgba(212,166,74,.25))}.btn-primary:active{transform:translateY(1px) scale(.985)}.step-card{position:relative;overflow:hidden}.step-card:after{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(212,166,74,.06) 50%,transparent 100%);transform:skew(-12deg);animation:stepSheen 7s ease-in-out infinite;pointer-events:none}@keyframes stepSheen{0%,30%{left:-60%}60%,to{left:140%}}@media (prefers-reduced-motion: reduce){#brice-splash .bs-monogram,.view-enter{animation:none}.step-card:after{animation:none;opacity:0}}*:focus{outline:none}*:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px;border-radius:6px}button:focus-visible{box-shadow:0 0 0 3px #f3cc6e59}::selection{background:var(--gold-glow);color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d4a64a2e;border-radius:99px;border:2px solid var(--ink-0)}::-webkit-scrollbar-thumb:hover{background:#d4a64a52}html,body{font-feature-settings:"ss01","cv11","calt","kern";font-variant-ligatures:common-ligatures}.hero-num,.stat-num,.recap .score,.timer-clock{font-variant-numeric:tabular-nums slashed-zero;font-feature-settings:"tnum","zero","ss01"}.brand img{transition:filter .4s ease,transform .4s ease}.brand img:hover{filter:drop-shadow(0 0 18px var(--gold-2));transform:scale(1.04)}.brand-icon-btn:focus-visible{border-color:var(--gold)}.step-title:after{content:"";display:block;width:36px;height:2px;margin-top:10px;background:linear-gradient(90deg,var(--gold),transparent);border-radius:2px;opacity:.9}.step-card{background:linear-gradient(180deg,var(--ink-2),var(--ink-1)),linear-gradient(135deg,rgba(212,166,74,.18),transparent 50%);background-clip:padding-box,border-box;border:1px solid transparent;background-origin:border-box}.step-card{position:relative}.step-card:after{content:"";position:absolute;left:-60%;top:0;width:50%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(212,166,74,.08) 50%,transparent 100%);transform:skew(-12deg);animation:stepSheen 9s ease-in-out infinite;pointer-events:none}.btn-primary{will-change:transform;position:relative}.btn-primary:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 100%,rgba(255,255,255,.25),transparent 60%);opacity:0;transition:opacity .35s;pointer-events:none}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(2px) scale(.985)}.btn-secondary{background:linear-gradient(180deg,var(--ink-3),var(--ink-2));transition:transform .12s,background .15s,color .15s,border-color .15s}.btn-secondary:hover{border-color:var(--gold-glow);color:var(--text)}.btn-secondary.cheat:hover{border-color:#ef44448c;color:#fecaca}.progress-dot{animation:dotIn .35s cubic-bezier(.2,.8,.2,1) both}@keyframes dotIn{0%{opacity:0;transform:translateY(-4px) scaleX(.4)}to{opacity:1;transform:none}}.progress-dot:nth-child(1){animation-delay:0ms}.progress-dot:nth-child(2){animation-delay:30ms}.progress-dot:nth-child(3){animation-delay:60ms}.progress-dot:nth-child(4){animation-delay:90ms}.progress-dot:nth-child(5){animation-delay:.12s}.progress-dot:nth-child(6){animation-delay:.15s}.progress-dot:nth-child(7){animation-delay:.18s}.progress-dot:nth-child(8){animation-delay:.21s}.progress-dot:nth-child(9){animation-delay:.24s}.progress-dot:nth-child(n+10){animation-delay:.27s}.stats-grid .stat-card{animation:statCardIn .45s cubic-bezier(.2,.8,.2,1) both}.stats-grid .stat-card:nth-child(1){animation-delay:40ms}.stats-grid .stat-card:nth-child(2){animation-delay:90ms}.stats-grid .stat-card:nth-child(3){animation-delay:.14s}.stats-grid .stat-card:nth-child(4){animation-delay:.19s}@keyframes statCardIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.stat-card{transition:transform .25s ease,border-color .25s}.stat-card:hover{transform:translateY(-2px);border-color:var(--gold-glow)}.medals-grid .medal-tile{animation:medalTileIn .4s cubic-bezier(.2,.8,.2,1) both}.medals-grid .medal-tile:nth-child(1){animation-delay:30ms}.medals-grid .medal-tile:nth-child(2){animation-delay:70ms}.medals-grid .medal-tile:nth-child(3){animation-delay:.11s}.medals-grid .medal-tile:nth-child(4){animation-delay:.15s}.medals-grid .medal-tile:nth-child(5){animation-delay:.19s}.medals-grid .medal-tile:nth-child(6){animation-delay:.23s}.medals-grid .medal-tile:nth-child(7){animation-delay:.27s}.medals-grid .medal-tile:nth-child(8){animation-delay:.31s}@keyframes medalTileIn{0%{opacity:0;transform:translateY(8px) rotate(-3deg)}to{opacity:1;transform:none}}.medal-tile.unlocked{animation:medalTileUnlock 2.4s ease-in-out infinite}@keyframes medalTileUnlock{0%,to{box-shadow:0 0 12px var(--gold-glow)}50%{box-shadow:0 0 22px var(--gold-glow),0 0 36px #d4a64a40}}.medal-tile.unlocked:hover{transform:translateY(-3px) scale(1.04);transition:transform .2s ease}.heat-grid .heat-cell{animation:heatCellIn .3s ease both}.heat-grid .heat-cell:nth-child(15n+1){animation-delay:0ms}.heat-grid .heat-cell:nth-child(15n+2){animation-delay:18ms}.heat-grid .heat-cell:nth-child(15n+3){animation-delay:36ms}.heat-grid .heat-cell:nth-child(15n+4){animation-delay:54ms}.heat-grid .heat-cell:nth-child(15n+5){animation-delay:72ms}.heat-grid .heat-cell:nth-child(15n+6){animation-delay:90ms}.heat-grid .heat-cell:nth-child(15n+7){animation-delay:108ms}.heat-grid .heat-cell:nth-child(15n+8){animation-delay:126ms}.heat-grid .heat-cell:nth-child(15n+9){animation-delay:144ms}.heat-grid .heat-cell:nth-child(15n+10){animation-delay:162ms}@keyframes heatCellIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.heat-cell.full{position:relative}.heat-cell:hover{transform:scale(1.18);transition:transform .15s}.timer{position:relative}.timer.running:before{content:"";position:absolute;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:timerSweep 1.8s linear infinite;border-radius:99px}@keyframes timerSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.share-btn.primary{box-shadow:0 6px 20px -6px var(--gold-glow),inset 0 1px #fff6;position:relative;overflow:hidden}.share-btn.primary:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translate(-100%);animation:shimmer 4s ease-in-out 1s infinite}.recap{position:relative}.recap:before{content:"";position:absolute;top:60px;left:50%;transform:translate(-50%);width:340px;height:340px;background:radial-gradient(circle,var(--gold-glow),transparent 60%);filter:blur(40px);z-index:-1;pointer-events:none;animation:recapHalo 4.5s ease-in-out infinite}@keyframes recapHalo{0%,to{opacity:.55;transform:translate(-50%) scale(1)}50%{opacity:.85;transform:translate(-50%) scale(1.08)}}.medal-emoji{animation:medalFloat 2.6s ease-in-out infinite;display:inline-block}@keyframes medalFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.timeline{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}.modal{background:linear-gradient(180deg,var(--ink-2),var(--ink-1)),linear-gradient(135deg,rgba(212,166,74,.16),transparent 60%);background-origin:border-box;background-clip:padding-box,border-box;border:1px solid transparent;position:relative}.modal:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:140px;height:80px;background:radial-gradient(circle,var(--gold-glow),transparent 70%);filter:blur(24px);pointer-events:none}.empty-poetic{text-align:center;padding:var(--sp-7) var(--sp-4);color:var(--muted);font-size:13.5px;line-height:1.6}.empty-poetic .ep-icon{font-size:38px;opacity:.35;display:block;margin-bottom:var(--sp-3);filter:grayscale(.2)}.toast{display:inline-flex;align-items:center;gap:8px}.toast.success:before{content:"✓";color:var(--ok);font-weight:800}.toast.warn:before{content:"!";color:var(--warn);font-weight:800}.photo-slot{transition:transform .15s,border-color .2s,background .2s,box-shadow .25s}.photo-slot:hover{border-color:var(--gold);background:var(--ink-3);box-shadow:inset 0 0 30px #d4a64a1f}.photo-slot.filled:after{content:"✓";position:absolute;top:8px;right:8px;width:26px;height:26px;background:var(--gold);color:#1a1206;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;box-shadow:0 4px 10px var(--gold-glow);animation:photoCheckIn .35s cubic-bezier(.2,.8,.2,1) .1s both}@keyframes photoCheckIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.stats-title{position:relative;padding-left:14px}.stats-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:linear-gradient(180deg,var(--gold-2),var(--gold-3));border-radius:99px;box-shadow:0 0 12px var(--gold-glow)}.stats-sub{position:relative;padding-left:12px}.stats-sub:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:12px;background:var(--gold);border-radius:2px}.chart-card{position:relative;overflow:hidden}.chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}.recap-bonus{font-family:var(--ff-num);font-variant-numeric:tabular-nums;letter-spacing:.04em}.lock-notice{font-style:italic;opacity:.8}.step-counter span.sep{opacity:.35;margin:0 6px}.step-extras h4{position:relative;padding-bottom:6px}.step-extras h4:after{content:"";position:absolute;left:0;bottom:0;width:20px;height:1.5px;background:var(--gold);border-radius:2px}.macros span{transition:background .2s,border-color .2s}.macros span:hover{border-color:var(--gold-glow);background:var(--ink-4)}.confetti-piece:nth-child(odd){background:var(--gold-2)}.confetti-piece:nth-child(3n){background:var(--gold-3);border-radius:50%;width:6px;height:6px}.confetti-piece:nth-child(5n){background:var(--text)}.chart-card.empty{display:grid;place-items:center;min-height:120px;font-size:13px;color:var(--muted);font-style:italic}.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}@media (min-resolution: 2dppx){.step-card{box-shadow:0 24px 70px -10px #000000bf}}@media (max-width: 380px){.step-title{font-size:22px}.recap .score{font-size:clamp(68px,20vw,90px)}.stats-grid{gap:var(--sp-2)}.stat-card{padding:var(--sp-3)}.stat-num{font-size:26px}}@media (max-height: 480px) and (orientation: landscape){#app{padding-top:calc(var(--sat) + var(--sp-2))}.step-card{padding:var(--sp-4)}.step-title{font-size:22px;margin:0 0 var(--sp-2)}.step-icon{font-size:28px}}@media (min-width: 768px){#app{max-width:600px;padding-left:var(--sp-7);padding-right:var(--sp-7)}.step-card{padding:var(--sp-7) var(--sp-6) var(--sp-6)}.step-title{font-size:32px}}@media (min-width: 1024px){#app{max-width:640px}body:before{background:radial-gradient(1200px 700px at 20% -10%,rgba(212,166,74,.14),transparent 60%),radial-gradient(900px 600px at 110% 110%,rgba(212,166,74,.08),transparent 50%)}}@media (prefers-color-scheme: light){html{color-scheme:dark}}@media print{body:after,body:before,#brice-splash{display:none!important}.step-card,.modal{box-shadow:none;border-color:#888}}.timeline-empty{padding:28px 22px;background:linear-gradient(180deg,#d4a64a0d,#d4a64a05);border:1px solid rgba(212,166,74,.18);border-radius:16px;text-align:center;margin:8px 0 22px}.timeline-empty p{margin:0 0 10px;font:500 14px/1.5 -apple-system,SF Pro Text,Inter,sans-serif;color:#c8c2b1}.timeline-empty p:last-child{margin-bottom:0}.timeline-empty .hint{font-size:12.5px;color:#8a8475}.timeline-empty strong{color:#f3cc6e;font-weight:600}.timeline-item.incomplete{border:1px dashed rgba(212,166,74,.35);background:#d4a64a0a}.timeline-pair{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:100%;aspect-ratio:2 / 1}.timeline-pair img{width:100%;height:100%;object-fit:cover;border-radius:8px}.timeline-pair img:only-child{grid-column:1 / -1}.timeline-incomplete{font:600 10.5px/1 -apple-system,Inter,sans-serif;color:#d4a64a;letter-spacing:.05em;text-transform:uppercase;margin-top:4px}.timeline-diag{font:600 11px -apple-system,Inter,sans-serif;color:#d4a64a;letter-spacing:.05em;padding:8px 12px;background:#d4a64a14;border:1px solid rgba(212,166,74,.2);border-radius:8px;display:inline-block;margin:4px 0 14px}.timeline-add{background:linear-gradient(180deg,#d4a64a12,#d4a64a05);border:1px solid rgba(212,166,74,.22);border-radius:14px;margin:14px 0 18px;overflow:hidden}.timeline-add summary{cursor:pointer;padding:14px 16px;font:600 13.5px -apple-system,Inter,sans-serif;color:#f3cc6e;list-style:none;letter-spacing:.02em}.timeline-add summary::-webkit-details-marker{display:none}.timeline-add summary:after{content:"+";float:right;font-size:18px;color:#d4a64a;transition:transform .2s}.timeline-add[open] summary:after{transform:rotate(45deg)}.timeline-add-body{padding:4px 16px 18px}.timeline-add-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.timeline-add-row span{font:500 13px -apple-system,Inter,sans-serif;color:#c8c2b1}.timeline-add-row input[type=date]{background:#ffffff0f;color:#f5f1e6;border:1px solid rgba(212,166,74,.25);border-radius:10px;padding:10px 12px;font:500 14px -apple-system,Inter,sans-serif;flex:1}.timeline-add-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.timeline-add-slot{aspect-ratio:1}.timeline-add-status{margin-top:12px;text-align:center;font:600 12px -apple-system,Inter,sans-serif;min-height:16px}:root{--bg-0: #050918;--bg-1: #0a1024;--bg-2: #101a36;--bg-3: #16244a;--bg-4: #1f3066;--line: rgba(120,180,255,.1);--line-strong: rgba(120,180,255,.22);--line-glow: rgba(80,200,255,.4);--cyan: #4fd6ff;--cyan-2: #00b8ff;--cyan-3: #0096dc;--cyan-glow: rgba(79,214,255,.55);--cyan-soft: rgba(79,214,255,.1);--violet: #8b5cf6;--violet-glow: rgba(139,92,246,.45);--magenta: #f472e0;--mint: #4ade9f;--text: #f1f6ff;--text-2: #b8c8e3;--muted: #7a8aa8;--muted-2: #4f5d7a;--ff: "Geist", "Inter", -apple-system, system-ui, sans-serif;--ff-display: "Space Grotesk", "Geist", sans-serif;--ff-mono: "Geist Mono", "SF Mono", ui-monospace, monospace;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.22, 1, .36, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}html,body{background:var(--bg-0)!important;color:var(--text)!important;font-family:var(--ff)!important;font-weight:500;letter-spacing:-.005em}body:before{content:"";position:fixed;inset:-10%;background:radial-gradient(45% 35% at 18% 12%,rgba(79,214,255,.32),transparent 60%),radial-gradient(50% 40% at 85% 28%,rgba(139,92,246,.3),transparent 60%),radial-gradient(55% 45% at 60% 95%,rgba(0,184,255,.22),transparent 60%),radial-gradient(40% 30% at 12% 78%,rgba(244,114,224,.18),transparent 60%)!important;filter:blur(20px) saturate(140%);z-index:-2;pointer-events:none;animation:auroraDrift 28s ease-in-out infinite alternate}@keyframes auroraDrift{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(2%,-2%) scale(1.05) rotate(2deg)}to{transform:translate(-2%,1%) scale(1.02) rotate(-1.5deg)}}body:after{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(180,210,255,.06) 1px,transparent 1px);background-size:32px 32px;z-index:-1;pointer-events:none;opacity:.7;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 50%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 50%,transparent 100%)}#app{padding-top:calc(env(safe-area-inset-top) + 18px)!important}.brand{margin-bottom:30px!important}.brand img{filter:drop-shadow(0 0 16px rgba(79,214,255,.55)) drop-shadow(0 0 32px rgba(139,92,246,.3))!important;height:32px!important}.brand-icon-btn,#update-btn,#stats-btn{background:linear-gradient(180deg,#283c6e8c,#141e3c8c)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(120,180,255,.28)!important;color:var(--cyan)!important;box-shadow:inset 0 1px #b4dcff33,inset 0 -1px #0000004d,0 6px 18px -6px #0096dc73,0 0 0 1px #4fd6ff0f!important;transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-smooth),border-color .3s!important}.brand-icon-btn:hover,#update-btn:hover,#stats-btn:hover{border-color:#4fd6ff8c!important;box-shadow:inset 0 1px #b4dcff40,inset 0 -1px #0000004d,0 8px 24px -4px #00b4ff8c,0 0 0 3px #4fd6ff1a!important}.brand-icon-btn:active,#update-btn:active,#stats-btn:active{transform:scale(.92)!important}#update-btn:before{content:none!important}#update-btn svg,#stats-btn svg{stroke:currentColor;stroke-width:2;filter:drop-shadow(0 0 8px var(--cyan-glow))}#stats-btn:after{color:var(--cyan)!important;font:600 9.5px/1 Space Grotesk!important;letter-spacing:.14em!important;margin-top:5px!important;text-shadow:0 0 12px var(--cyan-glow)}.progress-dots{margin-bottom:28px!important;padding:4px 6px!important;position:relative}.progress-dot{width:28px!important;height:4px!important;border-radius:4px!important;background:#78b4ff1a!important;transition:all .4s var(--ease-spring)!important;box-shadow:inset 0 1px 1px #0006}.progress-dot.done{background:linear-gradient(90deg,var(--cyan-2),var(--cyan))!important;box-shadow:0 0 8px var(--cyan-glow),inset 0 1px #ffffff4d!important}.progress-dot.current{background:linear-gradient(90deg,var(--cyan),var(--violet))!important;width:40px!important;box-shadow:0 0 0 3px #4fd6ff2e,0 0 16px var(--cyan-glow),0 0 32px var(--violet-glow),inset 0 1px #fff6!important}.step-card,.recap-card,.timeline-pair,.timeline-incomplete{background:linear-gradient(180deg,#1e32648c,#0f1937a6)!important;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(120,180,255,.18)!important;border-radius:28px!important;box-shadow:inset 0 1px #b4dcff2e,inset 0 -1px #0000004d,inset 0 0 0 1px #ffffff08,0 1px #78b4ff0d,0 30px 80px -20px #001e5a99,0 10px 30px -10px #0096dc2e!important;padding:30px 26px!important;color:var(--text)!important;position:relative!important;overflow:hidden!important;animation:cardIn .7s var(--ease-out)!important}.step-card:before,.recap-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(79,214,255,.6) 30%,rgba(139,92,246,.6) 70%,transparent 100%)}.step-card:after{content:"";position:absolute;top:-50%;right:-30%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(139,92,246,.18) 0%,transparent 60%);pointer-events:none}@keyframes cardIn{0%{opacity:0;transform:translateY(20px) scale(.96);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.step-num,.order-label,.recap-line{color:var(--cyan)!important;font:600 10.5px/1 var(--ff-mono)!important;letter-spacing:.22em!important;text-transform:uppercase!important;text-shadow:0 0 12px rgba(79,214,255,.4)}.target-pill{background:linear-gradient(180deg,#4fd6ff2e,#00b8ff1a)!important;color:var(--cyan)!important;border:1px solid rgba(79,214,255,.45)!important;border-radius:999px!important;font:600 11.5px/1 var(--ff-display)!important;letter-spacing:.05em!important;padding:8px 14px!important;box-shadow:inset 0 1px #b4e6ff4d,0 4px 16px -4px #4fd6ff73,0 0 0 1px #4fd6ff26!important;text-shadow:0 0 12px rgba(79,214,255,.6)}.target-pill.mandatory{background:linear-gradient(180deg,#8b5cf64d,#4fd6ff2e)!important;color:#e8d8ff!important;border-color:#8b5cf68c!important;box-shadow:inset 0 1px #dcc8ff59,0 6px 20px -4px #8b5cf68c,0 0 0 1px #8b5cf633!important}.step-icon{background:linear-gradient(180deg,#3250968c,#142350a6)!important;border:1px solid rgba(120,180,255,.3)!important;border-radius:20px!important;box-shadow:inset 0 2px #b4dcff33,inset 0 -1px #0000004d,0 8px 24px -6px #008cdc80,0 0 0 3px #4fd6ff0d!important;filter:drop-shadow(0 0 12px rgba(79,214,255,.25))}.step-title,h1,.recap-title{font-family:var(--ff-display)!important;font-weight:700!important;font-size:34px!important;line-height:1.05!important;letter-spacing:-.025em!important;color:var(--text)!important;margin:14px 0 6px!important;background:linear-gradient(180deg,#fff,#c8dcfa)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 2px 12px rgba(79,214,255,.3))}.step-card p,.step-desc{font-size:16px!important;line-height:1.55!important;color:var(--text-2)!important;font-weight:500!important}.btn-primary{background:linear-gradient(180deg,#5be0ff,#00b8ff,#0086d4)!important;color:#02132a!important;border:1px solid rgba(180,230,255,.45)!important;border-radius:18px!important;font:700 17px/1 var(--ff-display)!important;letter-spacing:-.005em!important;padding:18px 22px!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #00285059,inset 0 0 0 1px #b4e6ff33,0 14px 32px -8px #00b4ffa6,0 6px 14px #0096dc59,0 0 0 3px #4fd6ff1a!important;transition:transform .25s var(--ease-spring),box-shadow .3s var(--ease-smooth)!important}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform:translate(-110%);transition:transform .9s var(--ease-smooth)}.btn-primary:hover:before{transform:translate(110%)}.btn-primary:hover{box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #00285059,inset 0 0 0 1px #b4e6ff33,0 18px 40px -6px #00b4ffbf,0 8px 16px #0096dc73,0 0 0 4px #4fd6ff29!important}.btn-primary:active{transform:scale(.98) translateY(1px)!important;box-shadow:inset 0 1px #fff6,inset 0 -1px #00285040,0 6px 16px -8px #00b4ff8c!important}.btn-secondary{background:linear-gradient(180deg,#283c6e80,#141e3c8c)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text-2)!important;border:1px solid rgba(120,180,255,.22)!important;border-radius:16px!important;font:600 14.5px/1 var(--ff-display)!important;padding:14px 18px!important;box-shadow:inset 0 1px #b4dcff26,0 6px 18px -8px #0050b44d!important;transition:all .25s var(--ease-spring)!important}.btn-secondary:hover{border-color:#4fd6ff73!important;color:var(--cyan)!important}.btn-secondary:active{transform:scale(.97)!important}.btn-secondary.cheat{color:#ffa080!important;border-color:#ff78504d!important}.kpi,.stat-card{background:linear-gradient(165deg,#283c788c,#141e46a6)!important;border:1px solid rgba(120,180,255,.18)!important;border-radius:22px!important;padding:20px 18px!important;position:relative!important;overflow:hidden!important;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:inset 0 1px #b4dcff2e,inset 0 -1px #00000040,inset 0 0 0 1px #ffffff05,0 12px 32px -10px #00286e80,0 4px 12px -4px #0096dc2e!important}.kpi:before,.stat-card:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(79,214,255,.6),transparent)}.kpi-value,.stat-value{font-family:var(--ff-display)!important;font-weight:700!important;font-size:42px!important;background:linear-gradient(180deg,#ffffff 0%,var(--cyan) 60%,var(--cyan-2) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;filter:drop-shadow(0 0 16px rgba(79,214,255,.35))}.kpi-label,.stat-label{font:600 10.5px/1 var(--ff-mono)!important;letter-spacing:.16em!important;color:var(--muted)!important;text-transform:uppercase!important;margin-top:8px!important}h2{font-family:var(--ff-display)!important;font-weight:600!important;font-size:12.5px!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--cyan)!important;margin:32px 0 16px!important;padding-left:14px!important;position:relative!important;text-shadow:0 0 16px var(--cyan-glow)}h2:before{content:"";position:absolute;left:0;top:50%;width:3px;height:18px;transform:translateY(-50%);background:linear-gradient(180deg,var(--cyan),var(--violet))!important;border-radius:2px;box-shadow:0 0 8px var(--cyan-glow)}.chart-wrap,.trend-chart{background:linear-gradient(180deg,#1e326480,#0f193799)!important;border:1px solid rgba(120,180,255,.18)!important;border-radius:22px!important;padding:18px!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #b4dcff26,0 12px 32px -10px #00286e73!important}.chart-wrap:before,.trend-chart:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.hm-cell{border-radius:7px!important;background:linear-gradient(180deg,#283c6e80,#141e3c8c)!important;border:1px solid rgba(120,180,255,.1)!important;box-shadow:inset 0 1px #b4dcff14,inset 0 -1px #0003!important;width:28px!important;height:28px!important}.hm-cell.lvl-0{background:linear-gradient(180deg,#283c6e80,#141e3c8c)!important}.hm-cell.lvl-05{background:linear-gradient(180deg,#4fd6ff4d,#008cc866)!important;box-shadow:inset 0 1px #b4dcff33,0 0 6px #4fd6ff40!important}.hm-cell.lvl-1{background:linear-gradient(180deg,var(--cyan),var(--cyan-2))!important;box-shadow:inset 0 1px #ffffff73,0 0 12px var(--cyan-glow),0 0 4px var(--cyan-glow)!important}.medal-card{background:linear-gradient(165deg,#283c7880,#0f193ca6)!important;border:1px solid rgba(120,180,255,.16)!important;border-radius:22px!important;padding:16px 10px!important;text-align:center!important;transition:transform .35s var(--ease-spring),box-shadow .3s!important;box-shadow:inset 0 1px #b4dcff24,0 8px 22px -10px #00286e73!important;position:relative!important;overflow:hidden!important}.medal-card.unlocked{background:linear-gradient(165deg,#4fd6ff40,#8b5cf633)!important;border:1px solid rgba(79,214,255,.45)!important;box-shadow:inset 0 1px #dcf0ff4d,0 14px 32px -8px #00b4ff8c,0 0 0 3px #4fd6ff1a!important}.medal-card.unlocked:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.medal-card.locked{opacity:.35;filter:grayscale(.7) brightness(.8)}.medal-label{font:600 10.5px/1 var(--ff-mono)!important;letter-spacing:.14em!important;color:var(--text-2)!important;text-transform:uppercase!important;margin-top:8px!important}.lock-notice{background:linear-gradient(180deg,#283c6e80,#141e3c8c)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(120,180,255,.18)!important;color:var(--muted)!important;border-radius:18px!important;padding:20px!important;text-align:center!important;box-shadow:inset 0 1px #b4dcff1a,0 8px 22px -10px #00286e66!important}.foot-note,.helper-text{color:var(--muted)!important;font-weight:500!important;font-style:normal!important}.timeline-empty{background:linear-gradient(180deg,#1e326473,#0f19378c)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px dashed rgba(79,214,255,.35)!important;color:var(--muted)!important;border-radius:18px!important;padding:22px!important;text-align:center!important}.timeline-diag{background:linear-gradient(180deg,#4fd6ff33,#008cdc2e)!important;color:var(--cyan)!important;border:1px solid rgba(79,214,255,.4)!important;border-radius:14px!important;padding:10px 14px!important;font:700 13px/1 var(--ff-display)!important;display:inline-block!important;box-shadow:inset 0 1px #b4dcff33,0 0 16px #4fd6ff33!important}.timeline-add{background:linear-gradient(180deg,#1e326480,#0f193799)!important;border:1px solid rgba(79,214,255,.3)!important;border-radius:20px!important;box-shadow:inset 0 1px #b4dcff26,0 12px 32px -10px #00286e73!important;margin:18px 0 22px!important}.timeline-add summary{color:var(--cyan)!important;font:600 14px/1 var(--ff-display)!important;padding:16px 18px!important;letter-spacing:-.005em!important;text-shadow:0 0 12px var(--cyan-glow)}.timeline-add summary:after{color:var(--cyan)!important;font-weight:700!important}.timeline-add-row span{color:var(--text-2)!important;font-weight:600!important}.timeline-add-row input[type=date]{background:#141e3c99!important;color:var(--text)!important;border:1px solid rgba(79,214,255,.3)!important;border-radius:12px!important}.photo-slot{background:linear-gradient(180deg,#283c6e80,#141e3c8c)!important;border:2px dashed rgba(79,214,255,.35)!important;color:var(--cyan)!important;border-radius:18px!important;aspect-ratio:1!important;display:grid;place-items:center;cursor:pointer!important;transition:all .3s var(--ease-spring)!important;box-shadow:inset 0 1px #b4dcff1f,inset 0 -1px #00000040!important}.photo-slot:hover{border-color:var(--cyan)!important;transform:scale(1.02)!important;box-shadow:inset 0 1px #b4dcff33,0 0 0 3px #4fd6ff26,0 0 24px var(--cyan-glow)!important}.photo-slot.has-photo{border-style:solid!important;border-color:#4fd6ff80!important}.install-hint{background:linear-gradient(180deg,#1e3264d9,#0f1937eb)!important;border:1px solid rgba(79,214,255,.4)!important;color:var(--text)!important;border-radius:22px!important;box-shadow:inset 0 1px #b4dcff40,0 24px 60px -16px #00286ea6,0 0 0 1px #4fd6ff1f,0 0 32px -8px #4fd6ff4d!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);font-size:13.5px!important}.install-hint .ih-icon{color:var(--cyan)!important}.install-hint .ih-body{color:var(--text-2)!important}.install-hint strong{color:var(--cyan)!important;text-shadow:0 0 12px var(--cyan-glow)}.install-hint .ih-close{color:var(--muted)!important}.toast{background:linear-gradient(180deg,#1e3264d9,#0f1937eb)!important;color:var(--text)!important;border:1px solid rgba(79,214,255,.3)!important;box-shadow:0 20px 50px -12px #00286e8c,inset 0 1px #b4dcff33!important;border-radius:18px!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}#brice-splash{background:radial-gradient(ellipse 60% 40% at 50% 35%,rgba(79,214,255,.18),transparent 70%),linear-gradient(180deg,var(--bg-1),var(--bg-0))!important;color:var(--cyan)!important}input,textarea,select{background:#141e3c99!important;color:var(--text)!important;border:1px solid rgba(120,180,255,.22)!important;border-radius:12px!important;padding:12px 14px!important;font:500 15px/1 var(--ff)!important}input:focus,textarea:focus,select:focus{outline:none!important;border-color:var(--cyan)!important;box-shadow:0 0 0 4px #4fd6ff2e,0 0 16px var(--cyan-glow)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--cyan-glow),rgba(139,92,246,.3));border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01s!important;transition-duration:.01s!important}}.stats-title{font:800 28px/1.05 "Space Grotesk",var(--ff)!important;letter-spacing:-.02em!important;background:linear-gradient(135deg,var(--cyan) 0%,var(--violet) 60%,var(--magenta) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;text-shadow:none!important;margin:18px 0 22px!important}.stats-sub{font:700 11px/1 "Space Grotesk",var(--ff)!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:var(--cyan)!important;text-shadow:0 0 14px var(--cyan-glow)!important;margin:32px 0 14px!important;padding-bottom:10px!important;border-bottom:1px solid rgba(79,214,255,.18)!important;position:relative!important}.stats-sub:after{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:2px;box-shadow:0 0 12px var(--cyan-glow)}.stats-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin-bottom:8px!important}.stat-card{position:relative!important;padding:22px 18px!important;border-radius:22px!important;background:linear-gradient(180deg,#1e2d5a8c,#0f1937c7)!important;border:1px solid rgba(120,180,255,.18)!important;box-shadow:0 22px 50px -16px #001e648c,inset 0 1px #b4dcff38,inset 0 -1px #001e5080!important;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);overflow:hidden!important}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-glow),transparent)}.stat-card:after{content:"";position:absolute;inset:-40% -40% auto auto;width:160px;height:160px;background:radial-gradient(circle,var(--violet-glow),transparent 60%);filter:blur(30px);opacity:.42;pointer-events:none}.stat-num{font:800 38px/1 "Space Grotesk",var(--ff)!important;letter-spacing:-.04em!important;background:linear-gradient(135deg,var(--cyan) 0%,#aafcff 45%,var(--violet) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;text-shadow:none!important;filter:drop-shadow(0 0 18px var(--cyan-glow));margin-bottom:6px!important;display:block!important}.stat-num .of-total{font-size:.55em!important;background:none!important;-webkit-text-fill-color:rgba(180,200,240,.55)!important;color:#b4c8f08c!important;filter:none!important;margin-left:4px;font-weight:600!important}.stat-lbl{font:600 10.5px/1.2 "Space Grotesk",var(--ff)!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#bed2f5c7!important}.chart-card{padding:18px 14px!important;border-radius:24px!important;background:linear-gradient(180deg,#14234b9e,#0a122dd1)!important;border:1px solid rgba(120,180,255,.18)!important;box-shadow:0 24px 56px -18px #001e6e99,inset 0 1px #b4dcff38!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;overflow:hidden}.chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-glow),transparent)}.heat-grid{display:grid!important;grid-template-columns:repeat(15,1fr)!important;gap:6px!important;padding:16px!important;border-radius:20px!important;background:linear-gradient(180deg,#14234b8c,#0a122dbf)!important;border:1px solid rgba(120,180,255,.15)!important;box-shadow:inset 0 1px #b4dcff2e,0 20px 40px -16px #001e6e80!important}.heat-cell{aspect-ratio:1 / 1!important;border-radius:6px!important;width:auto!important;height:auto!important;transition:transform .18s ease,box-shadow .18s ease!important}.heat-cell.empty{background:#78b4ff0f!important;border:1px solid rgba(120,180,255,.08)!important}.heat-cell.zero{background:#78b4ff29!important;border:1px solid rgba(120,180,255,.12)!important}.heat-cell.half{background:linear-gradient(135deg,#4fd6ff61,#8b5cf659)!important;border:1px solid rgba(79,214,255,.3)!important;box-shadow:0 0 6px #4fd6ff40!important}.heat-cell.full{background:linear-gradient(135deg,var(--cyan),var(--violet))!important;border:1px solid rgba(170,252,255,.5)!important;box-shadow:0 0 14px var(--cyan-glow),inset 0 1px #ffffff4d!important}.heat-cell:hover{transform:scale(1.15);z-index:2}.heat-cell:active{transform:scale(.88)}.heat-legend{margin:14px 0 8px!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px 14px!important;font:500 11px/1 "Space Grotesk",var(--ff)!important;color:#bed2f5b8!important;letter-spacing:.04em!important}.heat-legend em{font-style:normal!important;font-size:11px!important}.heat-legend .heat-cell{width:12px!important;height:12px!important;aspect-ratio:auto!important}.medals-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.medal-tile{position:relative!important;padding:16px 8px!important;border-radius:18px!important;background:linear-gradient(180deg,#141e3c99,#0a122dcc)!important;border:1px solid rgba(120,180,255,.14)!important;box-shadow:inset 0 1px #b4dcff2e,0 12px 28px -10px #001e5073!important;text-align:center!important;opacity:.42!important;filter:grayscale(.6)!important;transition:all .25s ease!important}.medal-tile.unlocked{opacity:1!important;filter:none!important;background:linear-gradient(180deg,#28376eb3,#141e50d9)!important;border:1px solid var(--cyan-glow)!important;box-shadow:inset 0 1px #b4dcff52,0 0 18px var(--cyan-glow),0 16px 38px -12px #001e6ea6!important}.medal-tile.unlocked:before{content:"";position:absolute;inset:0;border-radius:18px;padding:1px;background:linear-gradient(135deg,var(--cyan),var(--violet),var(--magenta));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.medal-tile .lbl{display:block!important;margin-top:8px!important;font:600 10px/1.25 "Space Grotesk",var(--ff)!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#bed2f5a6!important}.medal-tile.unlocked .lbl{background:linear-gradient(90deg,var(--cyan),var(--violet))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}.share-row{display:flex!important;flex-direction:column!important;gap:12px!important;margin-top:30px!important}.share-btn{padding:16px 22px!important;border-radius:16px!important;font:700 14px/1 "Space Grotesk",var(--ff)!important;letter-spacing:.04em!important;background:linear-gradient(180deg,#1e3264b3,#0f1937d9)!important;color:var(--text)!important;border:1px solid rgba(120,180,255,.22)!important;box-shadow:inset 0 1px #b4dcff38,0 12px 28px -10px #001e5080!important;cursor:pointer!important;transition:all .2s ease!important}.share-btn:active{transform:scale(.97)}.share-btn.primary{background:linear-gradient(135deg,var(--cyan-2),var(--cyan) 50%,var(--violet))!important;color:#fff!important;border:1px solid rgba(170,252,255,.5)!important;box-shadow:inset 0 1px #ffffff4d,0 0 24px var(--cyan-glow),0 16px 40px -10px #0050b48c!important}.recap .score,.hero-num{background:linear-gradient(135deg,var(--cyan) 0%,#aafcff 50%,var(--violet) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;text-shadow:none!important;filter:drop-shadow(0 0 20px var(--cyan-glow))}.recap .streak{color:var(--cyan)!important;text-shadow:0 0 10px var(--cyan-glow)}#brice-splash{background:radial-gradient(ellipse 70% 50% at 50% 35%,rgba(79,214,255,.22),transparent 65%),radial-gradient(circle at 50% 110%,rgba(139,92,246,.2),transparent 55%),linear-gradient(180deg,#0a1024,#050918)!important}#brice-splash .bs-core{display:flex!important;flex-direction:column!important;align-items:center!important;gap:22px!important}#brice-splash .bs-orb{position:relative!important;width:160px!important;height:160px!important;display:grid!important;place-items:center!important;animation:bsBreath 3.2s ease-in-out infinite!important}#brice-splash .bs-orb:before{content:"";position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,rgba(79,214,255,.45) 0%,rgba(139,92,246,.18) 35%,transparent 70%);filter:blur(20px);animation:bsHalo 3.2s ease-in-out infinite;pointer-events:none}#brice-splash .bs-orb:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(79,214,255,.6) 90deg,transparent 180deg,rgba(139,92,246,.5) 270deg,transparent 360deg);-webkit-mask:radial-gradient(circle,transparent 64px,#000 65px,#000 70px,transparent 71px);mask:radial-gradient(circle,transparent 64px,#000 65px,#000 70px,transparent 71px);animation:bsSpin 6s linear infinite;filter:drop-shadow(0 0 8px rgba(79,214,255,.5))}#brice-splash .bs-logo{position:relative;z-index:2;filter:drop-shadow(0 0 14px rgba(79,214,255,.6)) drop-shadow(0 0 32px rgba(139,92,246,.35))}#brice-splash .bs-logo .bs-ring-1{animation:bsSpin 14s linear infinite;transform-origin:70px 70px}#brice-splash .bs-logo .bs-ring-2{animation:bsSpinR 22s linear infinite;transform-origin:70px 70px}#brice-splash .bs-logo .bs-ring-3{animation:bsSpin 34s linear infinite;transform-origin:70px 70px}#brice-splash .bs-title{font:800 26px/1 Space Grotesk,-apple-system,Inter,sans-serif!important;letter-spacing:.32em!important;text-transform:uppercase!important;background:linear-gradient(135deg,#aafcff,#4fd6ff,#8b5cf6)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;filter:drop-shadow(0 0 18px rgba(79,214,255,.55));margin:0!important}#brice-splash .bs-title .bs-plus{display:inline-block;font-weight:900;letter-spacing:0;margin-left:4px}#brice-splash .bs-sub{font:600 11px/1 Space Grotesk,-apple-system,Inter,sans-serif!important;letter-spacing:.42em!important;text-transform:uppercase!important;color:#aac8f0a6!important;position:relative!important}#brice-splash .bs-sub:before,#brice-splash .bs-sub:after{content:"";display:inline-block;width:28px;height:1px;vertical-align:middle;margin:0 12px;background:linear-gradient(90deg,transparent,rgba(79,214,255,.6),transparent)}@keyframes bsBreath{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bsHalo{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes bsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bsSpinR{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){#brice-splash .bs-orb,#brice-splash .bs-orb:before,#brice-splash .bs-orb:after,#brice-splash .bs-logo .bs-ring-1,#brice-splash .bs-logo .bs-ring-2,#brice-splash .bs-logo .bs-ring-3{animation:none!important}}