@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--paper: #faf7ee;--ink: #1f2923;--ink-light: #718078;--sun: #f59e0b;--sun-light: #fce7d0;--amber: #d97706;--leaf: #2d5a43;--card: rgba(255, 255, 255, .82);--border: rgba(132, 169, 140, .28);--radius: 24px;--nav-h: 68px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{position:relative;background:radial-gradient(circle at 10% 0%,rgba(255,255,255,.72),transparent 30%),radial-gradient(circle at 100% 20%,rgba(218,232,202,.58),transparent 32%),var(--paper);color:var(--ink);font:16px/1.6 Plus Jakarta Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:-webkit-fill-available;overscroll-behavior:none}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}body:before{background-image:radial-gradient(circle at 12% 22%,rgba(245,158,11,.36) 0 1px,transparent 2px),radial-gradient(circle at 78% 16%,rgba(132,169,140,.32) 0 1px,transparent 2px),radial-gradient(circle at 88% 66%,rgba(217,119,6,.24) 0 1px,transparent 2px),radial-gradient(circle at 24% 82%,rgba(132,169,140,.28) 0 1px,transparent 2px),radial-gradient(circle at 58% 44%,rgba(245,158,11,.2) 0 1px,transparent 2px);background-size:240px 260px,300px 320px,360px 380px,280px 300px,420px 440px;animation:sparkleDrift 22s ease-in-out infinite alternate;opacity:.55}body:after{background:radial-gradient(circle at 50% 18%,rgba(245,158,11,.09),transparent 28%),radial-gradient(circle at 8% 72%,rgba(132,169,140,.12),transparent 24%),radial-gradient(circle at 92% 84%,rgba(252,231,208,.22),transparent 28%);animation:haloShift 18s ease-in-out infinite alternate}h1,h2,h3{font-family:Playfair Display,Georgia,serif;font-weight:600}h1{font-size:26px;letter-spacing:1px}h2{font-size:21px}h3{font-size:17px}.sub{color:var(--ink-light);font-size:14px;line-height:1.5}.ok{color:var(--leaf)}.muted{color:var(--ink-light)}.debt-color{color:var(--amber)}#root{display:flex;flex-direction:column;min-height:100vh}#root{position:relative;z-index:1}main{flex:1;position:relative;width:100%;max-width:400px;margin:0 auto;padding:18px 16px calc(var(--nav-h) + 18px + env(safe-area-inset-bottom,0px))}.app-header{text-align:center;padding:4px 0 26px}.app-logo{width:52px;height:52px;margin-bottom:10px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(112,133,94,.2))}.app-header h1{margin-bottom:2px}.brand-art{display:block;width:min(100%,220px);height:auto;margin:0 auto;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(45,90,67,.1));pointer-events:none}.brand-art-earn{width:min(100%,238px);margin:-2px auto -4px}.brand-art-gate{width:min(100%,220px);margin:-4px auto 4px}.brand-art-debrief{width:min(100%,198px);margin:-8px auto 0}.brand-art-spike{width:min(100%,192px);margin:-8px auto -2px}.session-overlay .brand-art{max-height:142px;position:relative;z-index:2}.honesty-note{color:var(--ink-light);font-size:12px;line-height:1.5;text-align:center;margin:-4px auto 2px;max-width:320px}.page-section{display:flex;flex-direction:column;gap:14px;position:relative}.falling-leaves{position:absolute;top:-2%;right:-10%;bottom:0;left:-10%;min-height:100%;overflow:hidden;pointer-events:none;z-index:0}.page-section>*:not(.falling-leaves){position:relative;z-index:1}.falling-leaf,.falling-sparkle{position:absolute;display:block;width:var(--leaf-size, 28px);height:auto;opacity:var(--leaf-opacity, .32);pointer-events:none;will-change:transform,opacity}.falling-leaf{animation:leafFall var(--leaf-duration, 24s) ease-in-out var(--leaf-delay, 0s) infinite}.leaf-a{--leaf-size: 26px;--leaf-opacity: .36;--leaf-duration: 25s;--leaf-delay: -4s;left:4%;top:-8%}.leaf-b{--leaf-size: 34px;--leaf-opacity: .3;--leaf-duration: 31s;--leaf-delay: -17s;left:88%;top:6%}.leaf-c{--leaf-size: 22px;--leaf-opacity: .4;--leaf-duration: 22s;--leaf-delay: -9s;left:14%;top:28%}.leaf-d{--leaf-size: 38px;--leaf-opacity: .28;--leaf-duration: 34s;--leaf-delay: -25s;left:94%;top:42%}.leaf-e{--leaf-size: 29px;--leaf-opacity: .34;--leaf-duration: 28s;--leaf-delay: -12s;left:3%;top:63%}.leaf-f{--leaf-size: 20px;--leaf-opacity: .34;--leaf-duration: 26s;--leaf-delay: -20s;left:82%;top:74%}.leaf-g{--leaf-size: 32px;--leaf-opacity: .27;--leaf-duration: 36s;--leaf-delay: -30s;left:22%;top:84%}.leaf-h{--leaf-size: 24px;--leaf-opacity: .3;--leaf-duration: 29s;--leaf-delay: -15s;left:97%;top:18%}.leaf-i{--leaf-size: 21px;--leaf-opacity: .26;--leaf-duration: 32s;--leaf-delay: -7s;left:7%;top:46%}.leaf-j{--leaf-size: 28px;--leaf-opacity: .24;--leaf-duration: 38s;--leaf-delay: -22s;left:91%;top:82%}.leaf-k{--leaf-size: 19px;--leaf-opacity: .3;--leaf-duration: 27s;--leaf-delay: -13s;left:76%;top:30%}.falling-sparkle{width:18px;opacity:.42;animation:sparkleFade 7s ease-in-out infinite}.sparkle-a{left:8%;top:18%;animation-delay:-2s}.sparkle-b{right:8%;top:61%;animation-delay:-5s}.section-header{text-align:center;margin-bottom:2px}.card{background:var(--card);border-radius:var(--radius);padding:16px;border:1px solid rgba(255,255,255,.8);box-shadow:0 12px 30px #5b695314,inset 0 1px #ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 16px 34px #5b69531f,inset 0 1px #fffc}button{font:600 14px/1.2 Plus Jakarta Sans,sans-serif;border:none;border-radius:100px;padding:14px 20px;cursor:pointer;width:100%;min-height:48px;transition:transform .12s ease,box-shadow .2s ease,background-color .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;-webkit-tap-highlight-color:transparent}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button:focus-visible,input:focus-visible{outline:3px solid rgba(93,135,108,.42);outline-offset:3px}button.primary{background:linear-gradient(135deg,#355b4b,#263f35);color:#fffaf0;box-shadow:0 8px 18px #31483d2e}button.primary:hover{box-shadow:0 12px 24px #31483d3d}button.primary:active{box-shadow:0 2px 10px #4a42382e}button.secondary{background:#ffffff61;color:var(--ink);border:1.5px solid rgba(49,72,61,.15)}button.secondary:hover{background:#ffffffb8;border-color:#5d876c6b}.action-buttons{display:flex;flex-direction:column;gap:10px}.sun-balance-container{display:flex;justify-content:center;padding:10px 0 4px}.sun-orb{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9dc 0%,var(--sun) 62%,#d99261 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 40px -8px #f4d06873;position:relative;animation:orbPulse 6s ease-in-out infinite}.sun-orb:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:1px dashed rgba(212,138,77,.25);animation:spin 80s linear infinite;pointer-events:none}.sun-orb b{font:600 48px/1 Playfair Display,serif;color:var(--ink)}.sun-orb span{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:#4a4238a6;margin-top:2px}.metrics-row{display:flex;justify-content:center;gap:28px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.metric{text-align:center}.metric b{display:block;font-size:18px;font-family:Playfair Display,serif}.metric span{font-size:10px;color:var(--ink-light);text-transform:uppercase;letter-spacing:.5px}.sol-card{display:flex;align-items:center;gap:14px}.sol-avatar{width:60px;height:60px;background:linear-gradient(145deg,#fdf0bd,#dce8c9);border-radius:30px 30px 6px;display:flex;align-items:center;justify-content:center;color:var(--leaf);flex-shrink:0;animation:float 4.5s ease-in-out infinite}.sol-info{flex:1;min-width:0}.sol-info h3{margin-bottom:2px}.sol-info .sub{margin-bottom:6px;font-size:13px}.xp-bar-track{height:3px;background:#4a42380f;border-radius:2px;overflow:hidden}.xp-bar-fill{height:100%;background:var(--sun);border-radius:2px;transition:width .5s cubic-bezier(.16,1,.3,1)}.xp-label{font-size:10px;color:var(--ink-light);margin-top:3px}.mission-card{text-align:center;padding:14px 16px}.mission-heading{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}.mission-tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--leaf);margin-bottom:0;display:block}.source-badge{border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600;letter-spacing:.2px}.source-badge.ai{color:#496f59;background:#e2efd9}.source-badge.fallback{color:#8e6e4b;background:#f6e8c7}.inline-icon{vertical-align:-3px;color:var(--leaf)}.mission-text{font-size:14px;line-height:1.5}.session-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:radial-gradient(circle at 50% 38%,var(--sun-light) 0%,var(--sun) 55%,var(--amber) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 20px;overflow:hidden}.session-overlay:before{content:"";position:absolute;width:250vmax;height:250vmax;top:50%;left:50%;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,transparent 0deg 12deg,rgba(255,255,255,.06) 12deg 24deg);animation:spin 200s linear infinite;pointer-events:none}.session-overlay h1,.session-overlay h2,.session-overlay p,.session-overlay .card,.session-overlay button,.session-overlay video{position:relative;z-index:2}.session-overlay h1{font-size:24px;margin-bottom:8px}.session-overlay h2{font-size:20px;margin-bottom:8px}.session-overlay p{font-size:15px;max-width:280px;color:#4a4238cc}.session-overlay button{background:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.45);color:var(--ink);width:auto;min-width:180px;padding:16px 32px;font-size:15px}.session-overlay button:active{background:#ffffff73}.session-overlay video{border-radius:14px;margin-top:12px}.suncheck-bg{background:radial-gradient(circle at 50% 38%,#fef5d4,#f0e4c8 60%,#e0cfa8)}.session-sun-icon{color:#fff5be;position:relative;z-index:2;filter:drop-shadow(0 0 30px rgba(244,208,104,.6));animation:sunGlow 4s ease-in-out infinite;margin-bottom:20px}.session-timer{font:500 42px/1 Playfair Display,serif;color:#4a423866;position:relative;z-index:2;margin-top:16px;letter-spacing:2px}.gate-apps{display:flex;flex-direction:column;gap:10px}.gate-btn{font-size:16px;padding:18px}.gate-flow{text-align:center}.gate-step-content{padding:32px 0}.breath-circle{width:140px;height:140px;border-radius:50%;background:var(--sun-light);border:1.5px solid rgba(244,208,104,.5);display:flex;align-items:center;justify-content:center;font:500 40px/1 Playfair Display,serif;color:var(--ink);margin:24px auto;transition:transform 4s ease-in-out,background-color 4s ease}.gate-spend-display{font:500 56px/1 Playfair Display,serif;color:var(--ink);margin:20px 0 6px}.gate-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:#4a42381a;border-radius:2px;outline:none}.gate-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--sun);cursor:pointer;box-shadow:0 1px 6px #0000001a}.note{font-size:14px;color:var(--ink-light)}.debrief-hero{text-align:center;padding:8px 0}.debrief-number{font:600 48px/1 Playfair Display,serif;color:var(--ink)}.debrief-number.secondary-number{font-size:36px;margin-top:16px}.debrief-label{font-size:12px;color:var(--ink-light);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;margin-bottom:4px}.debrief-details{display:flex;flex-direction:column;gap:12px}.debrief-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.debrief-row span{color:var(--ink-light)}.debrief-row b{font-weight:500}.spike-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spike-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.spike-intro b{font-size:14px}.spike-intro .sub{margin-top:3px;font-size:12px}.spike-count{color:var(--leaf);font:600 22px/1 Playfair Display,serif;white-space:nowrap}.spike-actions{display:grid;grid-template-columns:1.2fr 1fr;gap:8px}.spike-actions button{padding:11px 12px;font-size:12px}.spike-grid button{font-size:13px;padding:10px 8px;border-radius:14px}.sensor-check{min-height:64px;justify-content:flex-start;text-align:left;gap:9px;padding:10px 12px;border-color:#84a98c38}.sensor-check-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--ink-light);background:#84a98c1f;flex-shrink:0}.sensor-check-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.sensor-check-copy b{font-size:12px;font-weight:600}.sensor-check-copy small{color:var(--ink-light);font-size:10px}.sensor-check.available .sensor-check-icon{color:var(--leaf);background:#e2efd9}.sensor-check.permission .sensor-check-icon,.sensor-check.attention .sensor-check-icon{color:var(--amber);background:#f6e8c7}.sensor-check.unavailable .sensor-check-icon{color:var(--ink-light);background:#7182771a}.spike-log{background:var(--ink);color:#ffffffbf;font:11px/1.6 ui-monospace,SF Mono,monospace;border-radius:12px;padding:12px 14px;max-height:240px;overflow-y:auto;margin-top:12px;white-space:pre-wrap;word-break:break-word}nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));background:#faf7efe0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);display:flex;align-items:flex-start;padding:0;z-index:100}.nav-btn{flex:1;background:transparent;border-radius:0;height:var(--nav-h);padding:10px 0 0;flex-direction:column;gap:2px;color:var(--ink-light);transition:color .2s ease;position:relative}.nav-btn:hover{color:var(--leaf);background:#ffffff40}.nav-btn.on{color:var(--ink)}.nav-btn.on:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:1px;background:var(--sun)}.nav-art{width:42px;height:34px;object-fit:contain;display:block;opacity:.7;filter:saturate(.72);transition:opacity .2s ease,filter .2s ease,transform .2s ease}.nav-btn.on .nav-art{opacity:1;filter:saturate(1);transform:translateY(-1px)}.nav-label{font-size:10px;font-weight:500;letter-spacing:.3px;line-height:1;margin-top:2px}.nav-btn.on .nav-label:after{display:none}.limitations{font-size:11px;color:var(--ink-light);text-align:center;padding:16px 8px;line-height:1.6;opacity:.6;margin-top:4px}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes orbPulse{0%,to{box-shadow:0 0 40px -8px #f4d06873}50%{box-shadow:0 0 50px -4px #f4d0688c}}@keyframes sunGlow{0%,to{filter:drop-shadow(0 0 30px rgba(244,208,104,.5))}50%{filter:drop-shadow(0 0 50px rgba(244,208,104,.75))}}@keyframes sparkleDrift{0%{transform:translate3d(-8px,4px,0) scale(1)}to{transform:translate3d(8px,-6px,0) scale(1.03)}}@keyframes haloShift{0%{transform:scale(1) rotate(0);opacity:.72}to{transform:scale(1.08) rotate(3deg);opacity:1}}@keyframes leafFall{0%{transform:translate3d(0,-8vh,0) rotate(-18deg)}25%{transform:translate3d(calc(22px + var(--pointer-shift, 0px)),24vh,0) rotate(34deg)}52%{transform:translate3d(calc(-18px + var(--pointer-shift, 0px)),54vh,0) rotate(78deg)}76%{transform:translate3d(calc(14px + var(--pointer-shift, 0px)),82vh,0) rotate(122deg)}to{transform:translate3d(calc(-8px + var(--pointer-shift, 0px)),112vh,0) rotate(154deg)}}@keyframes sparkleFade{0%,to{opacity:.08;transform:scale(.78)}45%{opacity:.34;transform:scale(1)}65%{opacity:.14;transform:scale(.9)}}@media (prefers-reduced-motion: reduce){.sun-orb,.sun-orb:after,.sol-avatar,.session-overlay:before,.session-sun-icon,body:before,body:after,.falling-leaf,.falling-sparkle,.breath-circle{animation:none!important;transition:none!important}.falling-leaf:nth-child(n+5){display:none}}@media (max-width: 440px){.falling-leaf{--leaf-size: 20px}.falling-leaf:nth-child(n+7){display:none}.falling-sparkle{width:14px}}@media (min-width: 440px){main{max-width:420px;padding-left:20px;padding-right:20px}}