.theme-beautiful{--bg-gradient:linear-gradient(135deg, #f5f3f0 0%, #ebe7e0 100%);--glow-1:#b4a0960a;--glow-2:#969baa0a;--panel-bg:#ffffffb8;--panel-border:#1e19140d;--panel-border-focus:#1e191429;--text-primary:#2d2a26;--text-secondary:#6e675f;--text-muted:#9e978d;--accent:#8e8072;--accent-secondary:#a39281;--accent-glow:0 0 15px #8e807226;--success:#6e8477;--warning:#bda287;--card-bg:#ffffffa6;--xp-bar-bg:#0000000a;--xp-fill:#8e8072;--blob-opacity:.04;--panel-shadow:0 12px 30px #1e191408, inset 0 1px 0 #fff9;--panel-glow:0 0 20px #8e807205}.theme-thoughtful{--bg-gradient:radial-gradient(circle at 50% 50%, #1c1815 0%, #0f0c0a 100%);--glow-1:#dfaf7005;--glow-2:#d4af3703;--panel-bg:#16120fc7;--panel-border:#ffffff0a;--panel-border-focus:#dfaf7038;--text-primary:#f2ede4;--text-secondary:#c2aa8a;--text-muted:#7c6c5a;--accent:#c2aa8a;--accent-secondary:#9c8466;--accent-glow:0 0 25px #dfaf7059;--success:#9fa89f;--warning:#d4a373;--card-bg:#201a1673;--xp-bar-bg:#ffffff08;--xp-fill:#c2aa8a;--blob-opacity:.22;--panel-shadow:0 20px 45px #00000073, inset 0 1px 0 #ffffff0a;--panel-glow:0 0 25px #dfaf7012}.theme-mindful{--bg-gradient:radial-gradient(circle at 50% 50%, #121815 0%, #070908 100%);--glow-1:#81c78405;--glow-2:#8fbc8b03;--panel-bg:#121815c7;--panel-border:#ffffff08;--panel-border-focus:#81c78433;--text-primary:#e2ede6;--text-secondary:#9abfa7;--text-muted:#5e7365;--accent:#8eab97;--accent-secondary:#74917d;--accent-glow:0 0 25px #81c7844d;--success:#74917d;--warning:#c2a88e;--card-bg:#161f1a6b;--xp-bar-bg:#ffffff05;--xp-fill:#8eab97;--blob-opacity:.2;--panel-shadow:0 20px 45px #0000007a, inset 0 1px 0 #ffffff08;--panel-glow:0 0 25px #81c7840f}.theme-deepwork{--bg-gradient:linear-gradient(135deg, #0d0d0f 0%, #060608 100%);--glow-1:#ffffff03;--glow-2:#ffffff03;--panel-bg:#0f0f11d9;--panel-border:#ffffff0a;--panel-border-focus:#ffffff26;--text-primary:#e1e1e6;--text-secondary:#a1a1a6;--text-muted:#515156;--accent:#f0f5ff26;--accent-secondary:#f0f5ff14;--accent-glow:0 0 30px #f0f5ff40;--success:#f0f5ff1f;--warning:#f0f5ff1a;--card-bg:#16161a80;--xp-bar-bg:#ffffff05;--xp-fill:#f0f5ff26;--blob-opacity:.08;--panel-shadow:0 20px 50px #0000008c, inset 0 1px 0 #ffffff05;--panel-glow:0 0 30px #f0f5ff08}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body,.glass-panel,.tactile-card,.sensory-button,.sensory-button-secondary,.sidebar,.main-content,.app-container{transition:background-color .4s,border-color .4s,color .4s}body{min-height:100vh;color:var(--text-primary);background:var(--bg-gradient);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,.outfit-font{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:500}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(35px);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow,0 15px 35px #0000002e), var(--panel-glow,none);z-index:1;border-radius:16px;transition:background-color .4s,border-color .4s,box-shadow .4s;position:relative;overflow:hidden}.glass-panel:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000 0%,#ffffff1f 30%,#ffffff2e 50%,#ffffff1f 70%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.glass-panel:hover{border-color:var(--panel-border-focus)}.tactile-card{background:var(--card-bg);cursor:pointer;transform-origin:50%;border:1px solid #ffffff08;border-radius:12px;padding:16px;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 4px 12px #0000000d}.tactile-card:hover{border-color:var(--panel-border-focus);transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.tactile-card:active{transform:translateY(0)}.sensory-input{border:1px solid var(--panel-border);color:var(--text-primary);background:#00000026;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:15px;transition:border-color .25s,box-shadow .25s}.sensory-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0000000d, 0 0 12px color-mix(in srgb, var(--accent) 20%, transparent);background:#0003}.theme-beautiful .sensory-input{background:#00000008}.sensory-input:focus{border-color:var(--accent)}.sensory-button{background:var(--accent);color:var(--theme-beautiful) ? #fff : var(--bg-gradient);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-weight:500;transition:transform .1s,filter .2s;display:inline-flex}.theme-beautiful .sensory-button{color:#fff}.sensory-button:hover{filter:brightness(1.08)}.sensory-button:active{transform:scale(.98)}.sensory-button-secondary{border:1px solid var(--panel-border);color:var(--text-primary);cursor:pointer;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-weight:500;display:inline-flex}.theme-beautiful .sensory-button-secondary{background:#00000005}.sensory-button-secondary:hover{border-color:var(--accent);background:#ffffff0f}.app-container{z-index:10;gap:24px;max-width:1300px;min-height:100vh;margin:0 auto;padding:24px;display:flex;position:relative}.sidebar{flex-direction:column;width:280px;height:calc(100vh - 48px);padding:24px;display:flex;position:sticky;top:24px}.main-content{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}.plant-grow-stage{transform-origin:bottom;animation:6s ease-in-out infinite alternate plantSway}@keyframes plantSway{0%{transform:rotate(-1.5deg)scaleY(1)}50%{transform:rotate(.5deg)scaleY(1.01)}to{transform:rotate(1.5deg)scaleY(1)}}.bloom-pop{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards bloomPop}@keyframes bloomPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.dopamine-confetti{pointer-events:none;z-index:9999;border-radius:2px;width:8px;height:8px;animation:2.5s cubic-bezier(.25,.46,.45,.94) both confettiFall;position:fixed}@keyframes confettiFall{0%{opacity:.9;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(105vh)rotate(540deg)}}.timer-pulse-layer{background:radial-gradient(circle, var(--accent) 0%, transparent 65%);opacity:0;z-index:-1;pointer-events:none;border-radius:50%;position:absolute;inset:-10px}.timer-running .timer-pulse-layer{animation:3s ease-in-out infinite radialPulse}@keyframes radialPulse{0%{opacity:0;transform:scale(.95)}50%{opacity:.12}to{opacity:0;transform:scale(1.05)}}@media (width<=900px) and (width>=769px){.app-container{flex-direction:column;gap:16px;padding:12px}.sidebar{width:100%;height:auto;padding:16px;position:static}.main-content{gap:16px}}@media (width<=768px){.sidebar{display:none!important}.app-container{flex-direction:column;gap:12px;min-height:100vh;padding:12px 12px 80px}.main-content{flex:1;gap:12px}.mobile-tab-bar{z-index:3000;background:var(--panel-bg);-webkit-backdrop-filter:blur(24px);padding:6px 8px;padding-bottom:max(6px, env(safe-area-inset-bottom));background:linear-gradient(180deg, color-mix(in srgb, var(--panel-bg) 0%, transparent) 0%, var(--panel-bg) 8px) padding-box, linear-gradient(90deg, transparent 0%, var(--accent) 30%, var(--accent-secondary) 70%, transparent 100%) border-box;border-top:1px solid #0000;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d;display:flex!important}.mobile-tab-bar button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 2px;transition:all .2s;display:flex}.mobile-tab-bar button .tab-icon{font-size:20px;line-height:1}.mobile-tab-bar button .tab-label{letter-spacing:.02em;white-space:nowrap;font-family:Outfit,sans-serif;font-size:9px;font-weight:600}.mobile-tab-bar button.tab-inactive .tab-icon{opacity:.45}.mobile-tab-bar button.tab-inactive .tab-label{color:var(--text-muted);opacity:.6}.mobile-tab-bar button.tab-active{background:#ffffff0d}.mobile-tab-bar button.tab-active .tab-icon{opacity:1}.mobile-tab-bar button.tab-active .tab-label{color:var(--accent);font-weight:700}.overwhelmed-float-btn{bottom:76px!important}}@keyframes overwhelmedPulse{0%,to{box-shadow:0 4px 20px #ff5e6226,0 0 #ff5e6200}50%{box-shadow:0 4px 20px #ff5e6240,0 0 0 6px #ff5e620d}}.plant-breathe-stage{transform-origin:bottom;animation:4s ease-in-out infinite plantBreathe}@keyframes plantBreathe{0%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}to{transform:rotate(-2.5deg)}}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUpReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.slide-up-1{animation:.45s cubic-bezier(.22,1,.36,1) both slideUpReveal}.slide-up-2{animation:.45s cubic-bezier(.22,1,.36,1) 70ms both slideUpReveal}.slide-up-3{animation:.45s cubic-bezier(.22,1,.36,1) .14s both slideUpReveal}.slide-up-4{animation:.45s cubic-bezier(.22,1,.36,1) .21s both slideUpReveal}.sound-active-pulse{animation:2.2s ease-in-out infinite soundPulse}@keyframes soundPulse{0%,to{box-shadow:0 0 #0000,0 0 8px #4facfe40}50%{box-shadow:0 0 0 4px #4facfe1a,0 0 16px #4facfe59}0%,to{box-shadow:0 0 0 0 #0000, 0 0 8px color-mix(in srgb, var(--accent) 25%, transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 10%, transparent), 0 0 16px color-mix(in srgb, var(--accent) 35%, transparent)}}:root{--text-3xl:clamp(26px, 4vw, 36px);--text-2xl:clamp(20px, 3vw, 26px);--text-xl:clamp(17px, 2.5vw, 20px);--text-lg:16px;--text-base:14px;--text-sm:12px;--text-xs:11px;--text-2xs:10px}.focus-idle-halo{background:radial-gradient(circle,#4facfe2e 0%,#0000 65%);background:radial-gradient(circle, color-mix(in srgb, var(--accent) 18%, transparent) 0%, transparent 65%);pointer-events:none;border-radius:50%;animation:5s ease-in-out infinite haloBreath;position:absolute;inset:-30px}@keyframes haloBreath{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@media (width<=768px){.theme-beautiful{--bg-gradient:linear-gradient(135deg, #ede8f5 0%, #ddd7ef 50%, #e8e0f0 100%);--panel-bg:#fffffff7;--accent:#7a6ab0;--accent-secondary:#8c7a9c;--text-primary:#1e1b20;--text-secondary:#5a5260;--text-muted:#8a8295;--xp-fill:#7a6ab0}.theme-thoughtful{--bg-gradient:radial-gradient(circle at 50% 50%, #2a2218 0%, #120f0a 100%);--panel-bg:#1c1610eb;--accent:#d4b87a;--accent-secondary:#b09060;--text-primary:#f5eee0;--text-secondary:#c9b08e;--xp-fill:#d4b87a}.theme-mindful{--bg-gradient:radial-gradient(circle at 50% 50%, #162018 0%, #080a08 100%);--panel-bg:#121a15f0;--accent:#6eb880;--accent-secondary:#5a9a6c;--text-primary:#dff0e5;--text-secondary:#88c49a;--xp-fill:#6eb880}.theme-deepwork{--bg-gradient:linear-gradient(135deg, #0a0a0e 0%, #050508 100%);--panel-bg:#0c0c10fa;--accent:#f0f5ff38;--text-primary:#e8e8f0;--text-secondary:#b0b0bc;--xp-fill:#f0f5ff38}}.ambient-glowing-blob{-webkit-filter:blur(140px);pointer-events:none;z-index:0;opacity:var(--blob-opacity,.12);border-radius:50%;transition:background-color 1.5s,opacity 1.5s;animation:22s ease-in-out infinite alternate floatBlob;position:fixed}.blob-1{background-color:var(--accent);width:55vw;height:55vw;top:-12%;right:-8%}.blob-2{background-color:var(--accent-secondary);width:60vw;height:60vw;animation-duration:28s;animation-delay:-7s;bottom:-15%;left:-12%}@keyframes floatBlob{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(6%,5%)scale(1.1)rotate(90deg)}to{transform:translate(-4%,-6%)scale(.92)rotate(180deg)}}@media (width<=767px){.focus-room-grid{grid-template-columns:1fr!important}.feedback-float-btn{bottom:90px!important}}.focus-room-container{text-align:left!important}