.bottom-nav{gap:var(--space-3);display:flex}.nav-tab{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);color:var(--color-text-dim);transition:color var(--transition-fast);display:flex}.nav-tab--active{color:var(--color-accent-b)}.nav-tab-icon{font-size:.9rem;line-height:1}.nav-tab-label{font-family:var(--font-body);letter-spacing:.08em;font-size:.72rem}.in-app-notification{top:max(var(--space-4), env(safe-area-inset-top));background:var(--color-surface-2);border:1px solid var(--color-accent-b);color:var(--color-text);font-family:var(--font-body);letter-spacing:.05em;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);cursor:pointer;z-index:100;white-space:nowrap;align-items:center;gap:var(--space-2);font-size:.85rem;animation:.3s ease-out slide-in;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #7b4fa066}.notification-icon{color:var(--color-accent-b);font-size:.75rem}@keyframes slide-in{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.familiar-wrap{justify-content:center;align-items:flex-end;width:160px;height:160px;display:flex;position:relative}.familiar-img{filter:drop-shadow(0 -4px 4px #7b4fa02e)drop-shadow(-4px -2px 3px #7b4fa026)drop-shadow(4px -2px 3px #7b4fa026)drop-shadow(0 8px 6px #000000e6);width:100%;height:auto;display:block}.familiar-wrap .sleep-zs,.familiar-wrap .happy-stars{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:10%;left:5%}.familiar-wrap .sleep-zs span,.familiar-wrap .happy-stars span{color:#7b4fa0;font-family:serif;line-height:1}.familiar-wrap .sleep-zs span:first-child{font-size:10px}.familiar-wrap .sleep-zs span:nth-child(2){font-size:13px}.familiar-wrap .sleep-zs span:nth-child(3){font-size:16px}.familiar-wrap .happy-stars span{color:#f5e6a3}.familiar-wrap .happy-stars span:first-child{font-size:14px}.familiar-wrap .happy-stars span:nth-child(2){font-size:10px}.familiar-wrap .happy-stars span:nth-child(3){color:#7b4fa0;font-size:8px}.familiar-wrap.state-waking{left:0;transform:none}.familiar-wrap.state-stepping2 .familiar-img{transform-origin:bottom;transition:none;transform:scale(1.2)}.familiar-wrap.state-stepping2{transform:translateY(-10px)}.familiar-wrap.state-idle .familiar-img{animation:4s ease-in-out infinite idle-float}@keyframes idle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.familiar-wrap.state-sleeping .sleep-zs{opacity:1}.familiar-wrap.state-sleeping .sleep-zs span{opacity:0;animation:4s ease-in-out infinite z-float}.familiar-wrap.state-sleeping .sleep-zs span:first-child{animation-delay:0s}.familiar-wrap.state-sleeping .sleep-zs span:nth-child(2){animation-delay:.8s}.familiar-wrap.state-sleeping .sleep-zs span:nth-child(3){animation-delay:1.6s}@keyframes breathe{0%,to{transform:scale(1)}45%,55%{transform:scale(1.04)}}@keyframes z-float{0%{opacity:0;transform:translateY(0)}20%{opacity:.9}80%{opacity:.5}to{opacity:0;transform:translateY(-28px)}}.familiar-wrap.state-stretching .familiar-img{animation:5s ease-in-out forwards big-stretch}@keyframes big-stretch{0%{transform:scaleX(1)translateY(0)}to{transform:scaleX(1.18)translateY(3px)}}.familiar-wrap.state-alarmed .familiar-img{animation:.4s ease-out startle}@keyframes startle{0%{transform:translateY(0)scale(1)}20%{transform:translateY(-12px)scale(1.05)}60%{transform:translateY(-5px)scale(1.02)}to{transform:translateY(0)scale(1)}}.familiar-wrap.state-judgemental .familiar-img{animation:.3s ease-out forwards heavy-settle}@keyframes heavy-settle{0%{transform:translateY(-4px)}to{transform:translateY(0)}}.familiar-wrap.state-happy .familiar-img{animation:.5s ease-in-out 2 happy-bounce}.familiar-wrap.state-happy .happy-stars{opacity:1;animation:.6s ease-in-out infinite alternate stars-twinkle}@keyframes happy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes stars-twinkle{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.familiar-wrap.state-creepy .familiar-img{animation:7s ease-in-out forwards creepy-pulse}@keyframes creepy-pulse{0%,to{filter:drop-shadow(0 -4px 4px #7b4fa02e)drop-shadow(-4px -2px 3px #7b4fa026)drop-shadow(4px -2px 3px #7b4fa026)drop-shadow(0 8px 6px #000000e6)}50%{filter:drop-shadow(0 -4px 4px #7b4fa02e)drop-shadow(-4px -2px 3px #7b4fa026)drop-shadow(4px -2px 3px #7b4fa026)drop-shadow(0 8px 6px #000000e6)drop-shadow(0 0 16px #a0282873)}}.scene-wrapper{justify-content:center;width:100%;display:flex}.scene-svg{width:100%;max-width:min(280px,42svh)}.candle-flame{transform-box:fill-box;transform-origin:bottom;animation:1.8s ease-in-out infinite flicker,2.4s ease-in-out infinite flame-glow}.candle-flame-inner{transform-box:fill-box;transform-origin:bottom;animation:1.4s ease-in-out infinite flicker-inner}.candle-extra .candle-flame{animation:2.1s ease-in-out infinite flicker,2.8s ease-in-out infinite flame-glow}.candle-extra .candle-flame-inner{animation:1.6s ease-in-out infinite flicker-inner}.candle-glow{transform-box:fill-box;transform-origin:bottom;animation:7s ease-in-out infinite flame-glow}@keyframes flame-glow{0%,to{opacity:.18;transform:scale(1.4)}35%{opacity:.32;transform:scale(1.9)}65%{opacity:.22;transform:scale(1.6)}}@keyframes flicker{0%,to{opacity:1;transform:scaleX(1)scaleY(1)rotate(0)}20%{transform:scaleX(.9)scaleY(1.08)rotate(-2deg)}40%{transform:scaleX(1.05)scaleY(.95)rotate(1deg)}60%{transform:scaleX(.95)scaleY(1.05)rotate(-1deg)}80%{transform:scaleX(1.02)scaleY(.98)rotate(2deg)}}@keyframes flicker-inner{0%,to{opacity:.9;transform:scaleY(1)}33%{opacity:1;transform:scaleY(1.1)}66%{opacity:.8;transform:scaleY(.9)}}.cauldron-bubble{animation:2s ease-in-out infinite bubble}@keyframes bubble{0%,to{opacity:.7;transform:scaleY(1)translateY(0)}50%{opacity:.4;transform:scaleY(1.3)translateY(-3px)}}.cauldron-puff{opacity:0;animation:4s ease-in-out infinite cauldron-float}@keyframes cauldron-float{0%{opacity:0;transform:translateY(0)}20%{opacity:.9}80%{opacity:.4}to{opacity:0;transform:translateY(-20px)}}.timer-container{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.timer-mode-label{font-family:var(--font-body);letter-spacing:.25em;text-transform:lowercase;color:var(--color-accent-b);opacity:.8;font-size:.8rem}.timer-display{font-family:var(--font-timer);color:var(--color-text);letter-spacing:.05em;transition:color var(--transition-normal);font-size:4rem;font-weight:400;line-height:1}.timer-display.is-running{color:#f5e6a3;text-shadow:0 0 20px #f5e6a34d}.timer-colon{opacity:.6;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:.6}50%{opacity:.15}}.timer-controls{gap:var(--space-3);align-items:center;display:flex}.timer-btn{font-family:var(--font-body);border-radius:var(--radius-full);transition:all var(--transition-fast);font-size:.9rem}.timer-btn--primary{background:var(--color-accent-b);color:var(--color-text);padding:var(--space-3) var(--space-8);letter-spacing:.15em;font-size:.85rem}.timer-btn--primary:hover{background:#8b5fb0;transform:translateY(-1px)}.timer-btn--primary:active{transform:translateY(0)}.timer-btn--secondary{background:var(--color-surface-2);color:var(--color-text-dim);padding:var(--space-3) var(--space-8);letter-spacing:.15em;font-size:.85rem}.timer-btn--secondary:hover{background:var(--color-surface)}.timer-btn--ghost{color:var(--color-text-dim);padding:var(--space-2) var(--space-3);opacity:.5;background:0 0;font-size:1.2rem}.timer-btn--ghost:hover{opacity:1;color:var(--color-text)}.timer-btn--mute{justify-content:center;align-items:center;display:flex}.timer-btn--muted{opacity:.3}.main-view{padding:0 var(--space-4);align-items:center;gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow:hidden}.main-view-spacer-top{flex:3}.main-view-spacer-bottom{flex:2}.scene-area{flex-shrink:0;width:100%;max-width:280px}.cat-stage{flex-shrink:0;justify-content:center;width:100%;margin-top:-32px;display:flex;position:relative}.cat-area{justify-content:center;width:100%;display:flex}.cat-area:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(#00000073 0%,#0000 70%);border-radius:50%;width:70px;height:14px;transition:opacity .6s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.cat-area--raised:after{opacity:1}.rug-overlay{z-index:0;width:50%;max-width:220px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.crystal-ball-overlay{z-index:2;width:48px;position:absolute;bottom:-8px;left:50%;transform:translate(calc(-50% - 40px))}.cat-area .familiar-wrap{z-index:1;max-width:min(160px,24svh);position:relative}.timer-area{width:100%;padding-top:var(--space-12);flex-shrink:0;justify-content:center;display:flex}.session-count{font-family:var(--font-body);letter-spacing:.12em;color:var(--color-text-dim);opacity:.6;height:1.2em;margin-bottom:var(--space-3);font-size:.72rem}.left-panel,.right-panel{display:contents}@media (height<=640px) and (orientation:landscape){.main-view{padding:var(--space-4) var(--space-8);flex-direction:row;justify-content:center;align-items:center;gap:90px}.left-panel{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.right-panel{justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;flex-shrink:0;padding-top:160px;display:flex}.main-view-spacer-top,.main-view-spacer-bottom{display:none}.scene-area{max-width:220px}.cat-area .familiar-wrap{max-width:120px}.timer-area{padding-top:0}}.shop-view{padding:var(--space-5) var(--space-4);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.shop-header{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.shop-title{font-family:var(--font-body);letter-spacing:.15em;color:var(--color-text);font-size:1.5rem;font-weight:400}.shop-subtitle{letter-spacing:.1em;color:var(--color-text-dim);font-size:.75rem}.shop-focus-total{letter-spacing:.1em;color:var(--color-accent-b);opacity:.8;font-size:.75rem}.shop-about-btn{font-family:var(--font-body);letter-spacing:.1em;color:var(--color-accent-b);opacity:.8;padding:var(--space-1) var(--space-3);border:1px solid var(--color-accent-c);border-radius:var(--radius-full);transition:opacity var(--transition-fast), border-color var(--transition-fast);margin-top:var(--space-1);font-size:.72rem}.shop-about-btn:hover{opacity:1;border-color:var(--color-accent-b)}.shop-about{gap:var(--space-3);border-top:1px solid var(--color-accent-c);border-bottom:1px solid var(--color-accent-c);padding:var(--space-4) 0;flex-direction:column;display:flex}.shop-about p{color:var(--color-text-dim);letter-spacing:.04em;font-size:.78rem;line-height:1.7}.shop-about-tip{margin-top:var(--space-1);border-top:1px solid var(--color-accent-c);padding-top:var(--space-3)}.shop-about-tip a{color:var(--color-accent-b);text-decoration:none}.shop-about-tip a:hover{text-decoration:underline}.shop-about strong{color:var(--color-moon-drop);font-weight:400}.shop-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.shop-card{background:var(--color-surface);border:1px solid var(--color-accent-c);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);transition:border-color var(--transition-fast);flex-direction:column;display:flex}.shop-card--owned{border-color:var(--color-accent-b)}.shop-card--locked{opacity:.45}.shop-card-emoji--locked{filter:grayscale()opacity(.4)}.shop-card--flash{animation:.4s ease-out purchase-flash}@keyframes purchase-flash{0%{background:var(--color-accent-c)}to{background:var(--color-surface)}}.shop-card-emoji{font-size:1.8rem;line-height:1}.shop-card-name{font-family:var(--font-body);color:var(--color-text);letter-spacing:.05em;font-size:.8rem}.shop-card-flavour{color:var(--color-text-dim);flex:1;font-size:.68rem;font-style:italic;line-height:1.4}.shop-card-footer{margin-top:var(--space-1)}.shop-card-btn{background:var(--color-accent-b);color:var(--color-text);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-family:var(--font-body);letter-spacing:.05em;transition:background var(--transition-fast);font-size:.75rem}.shop-card-btn:hover:not(:disabled){background:#8b5fb0}.shop-card-btn--disabled{opacity:.35;cursor:not-allowed}.shop-card-owned-badge{color:var(--color-accent-b);letter-spacing:.1em;font-size:.72rem}.settings-view{padding:var(--space-6) var(--space-5);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.settings-header{text-align:center}.settings-title{font-family:var(--font-body);letter-spacing:.15em;color:var(--color-text);font-size:1.5rem;font-weight:400}.settings-subtitle{letter-spacing:.08em;color:var(--color-text-dim);margin-top:var(--space-1);font-size:.75rem}.settings-section{gap:var(--space-2);flex-direction:column;display:flex}.settings-label{font-family:var(--font-body);letter-spacing:.06em;color:var(--color-text);justify-content:space-between;font-size:.9rem;display:flex}.settings-value{color:var(--color-accent-b);font-family:var(--font-timer)}.settings-slider{border-radius:var(--radius-full);background:var(--color-surface-2);width:100%;height:4px}.settings-ticks{height:1rem;color:var(--color-text-dim);opacity:.5;font-size:.65rem;position:relative}.settings-tick{white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.settings-tick--start{transform:translate(0)}.settings-tick--end{transform:translate(-100%)}.settings-note{color:var(--color-text-dim);text-align:center;font-size:.72rem;font-style:italic}.settings-save-btn{background:var(--color-accent-b);color:var(--color-text);border-radius:var(--radius-full);padding:var(--space-3) var(--space-8);font-family:var(--font-body);letter-spacing:.15em;transition:background var(--transition-fast);align-self:center;min-width:120px;font-size:.85rem}.settings-save-btn:hover{background:#8b5fb0}.settings-theme-toggle{gap:var(--space-2);display:flex}.theme-opt{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-surface-2);background:var(--color-surface-2);color:var(--color-text-dim);font-family:var(--font-body);letter-spacing:.08em;transition:all var(--transition-fast);flex:1;font-size:.78rem}.theme-opt--active{background:var(--color-accent-b);border-color:var(--color-accent-b);color:var(--color-text)}.settings-about{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--color-surface-2);margin-top:auto}.settings-about-name{font-family:var(--font-body);letter-spacing:.15em;color:var(--color-text-dim);font-size:.8rem}.settings-about-sub{color:var(--color-text-dim);opacity:.5;letter-spacing:.08em;font-size:.65rem;font-style:italic}:root{--color-bg:#0d0d1a;--color-surface:#1a1a30;--color-surface-2:#22223a;--color-cat:#0a0a0a;--color-eye:#f5e6a3;--color-pupil:#1a0a00;--color-accent-a:#c77b2e;--color-accent-b:#7b4fa0;--color-accent-c:#3d2b5a;--color-text:#e8dfc8;--color-text-dim:#9a8f7a;--color-moon-drop:#7ec8e3;--color-candle:#ffb347;--color-danger:#c24a4a;--color-success:#6aaa7a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--font-body:"Georgia", serif;--font-timer:"Courier New", Courier, monospace;--font-ui:system-ui, -apple-system, sans-serif;--transition-fast:.12s ease;--transition-normal:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{flex-direction:column;height:100%;display:flex}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input[type=range]{accent-color:var(--color-accent-b)}.app-shell{background:var(--color-bg);height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex}.app-header{padding:var(--space-3) var(--space-5);padding-top:var(--space-3);border-bottom:1px solid var(--color-accent-c);background:var(--color-surface);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.app-title{font-family:var(--font-body);letter-spacing:.2em;color:var(--color-text-dim);font-size:.85rem}.focus-time-badge{font-family:var(--font-body);letter-spacing:.1em;color:var(--color-text-dim);opacity:.7;font-size:.72rem}.header-right{align-items:center;gap:var(--space-3);display:flex}.tip-link{font-family:var(--font-body);letter-spacing:.1em;color:var(--color-text-dim);opacity:.7;font-size:.72rem;text-decoration:none}.tip-link:hover{color:var(--color-accent-b);opacity:1;text-decoration:underline}.app-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pull-indicator{background:var(--color-surface);border:1px solid var(--color-accent-c);width:36px;height:36px;color:var(--color-accent-b);pointer-events:none;z-index:200;will-change:transform, opacity;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:transform .15s,opacity .15s;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)translateY(-48px)}.pull-indicator--refreshing{animation:.6s linear forwards pull-spin}@keyframes pull-spin{to{transform:translate(-50%)rotate(360deg)}}