@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/comfortaa.woff2) format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/quicksand.woff2) format("woff2")}:root{--radius-sheet: 22px;--radius-card: 16px;--radius-pill: 999px;--blur-glass: 14px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 20px;--dur-fast: .14s;--dur-base: .24s;--dur-slow: .42s;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--tabbar-h: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--z-status: 30;--z-tabbar: 40;--z-sheet: 35;--z-sheet-backdrop: 34}[data-theme=aurora]{--accent: #b9a7ff;--accent-strong: #9b8bff;--accent-glow: rgba(155,139,255,.55);--text-primary: #ece6ff;--text-secondary: #cfc6ee;--text-muted: #9088c0;--pill-bg: rgba(255,255,255,.12);--pill-border: rgba(255,255,255,.2);--sheet-bg: rgba(26,22,52,.94);--sheet-border: rgba(150,130,225,.34);--tabbar-bg: rgba(20,18,44,.78);--tabbar-border: rgba(150,130,225,.18);--surface-card: rgba(255,255,255,.1);--surface-card-border: rgba(180,160,255,.22);--checkbox-border: #8b7ff0;--checkbox-fill: #9b8bff;--danger: #ff7a8a;--meta-color: #1b2452}[data-theme=sunset]{--accent: #e0743c;--accent-strong: #f0a35e;--accent-glow: rgba(240,163,94,.5);--text-primary: #5a3d3a;--text-secondary: #6a4a3c;--text-muted: #9a6a52;--pill-bg: rgba(255,255,255,.66);--pill-border: rgba(255,255,255,.5);--sheet-bg: rgba(255,249,245,.97);--sheet-border: rgba(224,116,60,.28);--tabbar-bg: rgba(255,248,244,.92);--tabbar-border: rgba(224,116,60,.15);--surface-card: rgba(255,255,255,.7);--surface-card-border: rgba(120,70,50,.08);--checkbox-border: #e08a4c;--checkbox-fill: #f0a35e;--danger: #d8453f;--meta-color: #ffcaa0}[data-theme=day]{--accent: #3aa86a;--accent-strong: #2f9d5c;--accent-glow: rgba(58,168,106,.45);--text-primary: #2e4a3a;--text-secondary: #3f5a4e;--text-muted: #7aa88e;--pill-bg: rgba(255,255,255,.72);--pill-border: rgba(255,255,255,.6);--sheet-bg: rgba(250,255,250,.97);--sheet-border: rgba(60,140,90,.24);--tabbar-bg: rgba(250,255,250,.94);--tabbar-border: rgba(60,140,90,.12);--surface-card: rgba(255,255,255,.8);--surface-card-border: rgba(60,110,80,.08);--checkbox-border: #5cc08a;--checkbox-fill: #6ecf94;--danger: #d8453f;--meta-color: #1a1f5c}[data-theme=night]{--accent: #8fb6ff;--accent-strong: #6f9dff;--accent-glow: rgba(111,157,255,.5);--text-primary: #e4ecff;--text-secondary: #c6d3f0;--text-muted: #8090c0;--pill-bg: rgba(255,255,255,.1);--pill-border: rgba(255,255,255,.18);--sheet-bg: rgba(14,18,40,.94);--sheet-border: rgba(120,150,230,.32);--tabbar-bg: rgba(10,11,34,.8);--tabbar-border: rgba(120,150,230,.16);--surface-card: rgba(255,255,255,.1);--surface-card-border: rgba(150,180,255,.22);--checkbox-border: #6f9dff;--checkbox-fill: #6f9dff;--danger: #ff7a8a;--meta-color: #0a0b22}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms}}:root{--font-heading: "Comfortaa", cursive, system-ui;--font-body: "Quicksand", sans-serif;--color-bg-space: #070817;--color-panel-bg: var(--sheet-bg);--color-panel-border: var(--sheet-border);--color-panel-border-focus: var(--accent);--color-glass-shadow: rgba(0, 0, 0, .4);--color-primary: var(--accent-strong);--color-primary-glow: var(--accent-glow);--color-accent: #ffd275;--color-accent-glow: rgba(255, 210, 117, .35);--color-cat-nature: #63d683;--color-cat-garden: #ff7fb6;--color-cat-camp: #ff9d63;--color-cat-animal: #b28eff;--color-text-main: var(--text-primary);--color-text-muted: var(--text-muted);--color-success: #63d683;--color-danger: var(--danger);--color-white: #ffffff;--reward-gold: #ffd275;--reward-gold-soft: rgba(255, 210, 117, .16);--reward-gold-border: rgba(255, 210, 117, .36);--aqua-accent: #66d5ff;--aqua-soft: rgba(102, 213, 255, .14);--radius-sm: 8px;--radius-md: var(--radius-card);--radius-lg: var(--radius-sheet);--transition-fast: var(--dur-fast) var(--ease-out);--transition-normal: var(--dur-base) var(--ease-out);--transition-slow: var(--dur-slow) var(--ease-out)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--color-bg-space);font-family:var(--font-body);color:var(--color-text-main)}canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px;transition:var(--transition-fast)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-panel{background:var(--color-panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-panel-border);box-shadow:0 8px 32px 0 var(--color-glass-shadow);border-radius:var(--radius-md);transition:var(--transition-normal)}.glass-panel:hover{border-color:#ffffff1f}.hidden{display:none!important;opacity:0;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);border:none;font-family:var(--font-body);font-weight:700;font-size:14px;cursor:pointer;transition:var(--transition-fast);outline:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--accent));color:var(--color-white);box-shadow:0 4px 15px var(--color-primary-glow)}.btn-primary:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b8eff99}.btn-primary:active:not(.disabled){transform:translateY(0)}.btn-soft{background:#ffffff14;color:var(--color-text-main);border:1px solid var(--color-panel-border)}.btn-soft:hover:not(:disabled){background:#ffffff24;border-color:#fff3}.btn-icon{background:#ffffff14;color:var(--color-text-main);padding:12px;border-radius:var(--radius-md);border:1px solid var(--color-panel-border)}.btn-icon:hover{background:#ffffff26;border-color:#fff3}.btn-icon-only{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:var(--transition-fast)}.btn-icon-only:hover{color:var(--color-white);background:#ffffff14}.btn.disabled,button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.text-danger{color:var(--color-danger)!important}.text-danger:hover{color:#ff859d!important;background:#ff63841f!important}.text-accent{color:var(--color-accent)!important}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-pulse{animation:pulse 2s infinite ease-in-out}.animate-float{animation:float 6s infinite ease-in-out}.animate-bounce{animation:bounce 1.5s infinite ease-in-out}.icon-glow{filter:drop-shadow(0 0 6px var(--color-accent-glow))}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#0f1026,#03040c);transition:opacity var(--transition-slow)}.loader-card{width:480px;max-width:90vw;background:#0c0e1ecc;border:1px solid var(--color-panel-border);border-radius:var(--radius-lg);box-shadow:0 20px 50px #0009;overflow:hidden;display:flex;flex-direction:column;z-index:101;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.loader-bg-image{width:100%;height:220px;background-size:cover;background-position:center;position:relative;border-bottom:1px solid var(--color-panel-border)}.loader-bg-image:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(to top,#0c0e1e,#0c0e1e00)}.loader-content{padding:30px;display:flex;flex-direction:column;align-items:center;gap:20px}.loader-header{text-align:center}.loader-header h1{font-family:var(--font-heading);font-weight:700;font-size:26px;margin-bottom:6px;letter-spacing:-.5px;background:linear-gradient(135deg,var(--color-white),var(--color-text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.loader-header p{font-size:14px;color:var(--color-text-muted)}.loader-spinner-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin:10px 0}.loader-spinner{width:40px;height:40px;border:3px solid rgba(139,142,255,.15);border-top-color:var(--color-primary);border-radius:50%;animation:spin-slow 1s linear infinite}.loader-text{font-size:13px;font-weight:600;color:var(--color-text-muted)}.loader-tips{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:12px 16px;border-radius:var(--radius-md);font-size:12px;line-height:1.5;text-align:center;width:100%}.tip-label{font-weight:700;color:var(--color-accent);margin-right:4px}.tip-content{color:var(--color-text-main)}.loader-content .btn{width:100%;padding:14px;font-size:15px}#game-ui{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;padding:24px}#game-ui *{pointer-events:auto}.growth-meter{display:flex;flex-direction:column;gap:6px;width:240px}.level-indicator{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.level-indicator .label{color:var(--color-text-muted)}.level-indicator .level-value{color:var(--color-accent);font-weight:700}.progress-bar-container{width:100%;height:8px;background:#ffffff14;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.progress-bar-fill{height:100%;background:linear-gradient(to right,var(--color-success),#52ebdf);border-radius:10px;transition:width .8s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px #63d68380}.xp-text{font-size:10px;color:var(--color-text-muted);font-weight:700;text-align:right}.panel-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-panel-border);padding-bottom:12px}.panel-header h2{font-family:var(--font-heading);font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}.panel-header h2 i{color:var(--color-primary)}#add-task-form{display:flex;flex-direction:column;gap:10px}.input-group{display:flex;gap:8px}#task-input{flex:1;background:#ffffff0a;border:1px solid var(--color-panel-border);border-radius:var(--radius-md);padding:12px 16px;font-family:var(--font-body);font-size:13px;color:var(--color-text-main);outline:none;transition:var(--transition-fast)}#task-input:focus{border-color:var(--color-primary);background:#ffffff12;box-shadow:0 0 10px #8b8eff26}.btn-add{background:#ffffff14;border:1px solid var(--color-panel-border);color:var(--color-white);padding:12px}.btn-add:hover{background:var(--color-primary);box-shadow:0 0 15px var(--color-primary-glow)}.category-selectors{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.cat-radio-label{cursor:pointer}.cat-radio-label input{position:absolute;opacity:0;width:0;height:0}.cat-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;border-radius:var(--radius-sm);font-size:9px;font-weight:700;background:#ffffff0a;border:1px solid var(--color-panel-border);color:var(--color-text-muted);transition:var(--transition-fast);text-align:center}.cat-chip i{width:14px;height:14px}.cat-radio-label input:checked+.cat-chip{background:#ffffff1a;color:var(--color-white)}.cat-radio-label input:checked+.nature-chip{border-color:var(--color-cat-nature);box-shadow:inset 0 0 6px #63d68333}.cat-radio-label input:checked+.garden-chip{border-color:var(--color-cat-garden);box-shadow:inset 0 0 6px #ff7fb633}.cat-radio-label input:checked+.camp-chip{border-color:var(--color-cat-camp);box-shadow:inset 0 0 6px #ff9d6333}.cat-radio-label input:checked+.animal-chip{border-color:var(--color-cat-animal);box-shadow:inset 0 0 6px #b28eff33}.goals-container{flex:1;overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:12px}.section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:4px}.tasks-list{list-style:none;display:flex;flex-direction:column;gap:8px}.task-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffff05;border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);border-top:1px solid rgba(255,255,255,.01);border-right:1px solid rgba(255,255,255,.01);border-bottom:1px solid rgba(255,255,255,.01);transition:var(--transition-fast)}.task-item:hover{background:#ffffff0d;transform:translate(2px)}.task-item.nature-task{border-left-color:var(--color-cat-nature)}.task-item.garden-task{border-left-color:var(--color-cat-garden)}.task-item.camp-task{border-left-color:var(--color-cat-camp)}.task-item.animal-task{border-left-color:var(--color-cat-animal)}.task-main{display:flex;align-items:center;gap:10px;flex:1;cursor:pointer}.custom-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);background:transparent;color:transparent}.custom-checkbox i{width:12px;height:12px;stroke-width:3.5px}.task-item:hover .custom-checkbox{border-color:#fff6}.task-item.checked{opacity:.55;background:#ffffff03}.task-item.checked .task-text{text-decoration:line-through;color:var(--color-text-muted)}.task-item.checked .custom-checkbox{background:var(--color-success);border-color:var(--color-success);color:var(--color-white)}.task-text{font-size:13px;font-weight:600;line-height:1.4;transition:var(--transition-fast);word-break:break-word}.sidebar-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-panel-border);padding-top:12px}.stat-bubble{font-size:11px;font-weight:700;padding:6px 12px;background:#ffffff0a;border-radius:20px;border:1px solid var(--color-panel-border);display:inline-flex;align-items:center;gap:6px;color:var(--color-accent)}.stat-bubble i{width:12px;height:12px}.toolbar-section{display:flex;align-items:center;gap:12px}.sound-controls{border-right:1px solid var(--color-panel-border);padding-right:20px}.sound-sliders{display:flex;flex-direction:column;gap:6px}.slider-group{display:flex;align-items:center;gap:8px;position:relative}.slider-group:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(5px);background:#121544b8;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);color:#fff;font-family:var(--font-body);font-size:11px;font-weight:600;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;box-shadow:0 4px 20px #0000004d,0 0 10px #66d5ff26;z-index:1000}.slider-group:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(5px);border-width:6px 6px 0 6px;border-style:solid;border-color:rgba(18,21,68,.72) transparent transparent transparent;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;z-index:1000}.slider-group:hover:after,.slider-group:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.slider-icon{width:14px;height:14px;color:var(--color-text-muted)}.slider-icon.fire{color:var(--color-cat-camp)}.slider-icon.wind{color:var(--aqua-accent)}.mini-slider{-webkit-appearance:none;width:70px;height:4px;border-radius:2px;background:#ffffff1a;outline:none;cursor:pointer}.mini-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--color-white);transition:var(--transition-fast)}.mini-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.btn-time{background:transparent;border:none;color:var(--color-text-muted);font-family:var(--font-body);font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-md);transition:var(--transition-fast)}.btn-time:hover{color:var(--color-white);background:#ffffff0d}.btn-time.active{color:var(--color-white);background:#ffffff1a;box-shadow:inset 0 0 8px #ffffff0d}.btn-time[data-time=day].active{color:var(--color-accent)}.btn-time[data-time=sunset].active{color:var(--color-cat-camp)}.btn-time[data-time=night].active{color:var(--color-primary)}.btn-toggle{background:#ffffff0a;border:1px solid var(--color-panel-border);color:var(--color-text-muted);padding:8px 14px}.btn-toggle:hover{color:var(--color-white);background:#ffffff14}.btn-toggle.active{color:var(--color-white);background:#8b8eff26;border-color:var(--color-primary);box-shadow:0 0 10px #8b8eff33}#decor-mode-btn.active{color:var(--color-white);background:#63d68326;border-color:var(--color-success);box-shadow:0 0 10px #63d68333}#decor-instruction{position:absolute;bottom:90px;left:50%;transform:translate(-50%);z-index:20;padding:16px 24px;border-radius:var(--radius-lg);border-color:#63d68340;display:flex;flex-direction:column;align-items:center;gap:12px;width:max-content;max-width:90vw}.decor-info{text-align:center}.decor-info p{font-size:13px;margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.decor-subtext{font-size:11px;color:var(--color-text-muted);margin-top:4px;display:block}#decor-tray{display:flex;gap:10px;justify-content:center;width:100%}.decor-tray-item{background:#ffffff0a;border:1px solid var(--color-panel-border);border-radius:var(--radius-md);padding:10px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all var(--transition-fast) cubic-bezier(.25,.8,.25,1);color:var(--color-text-muted);width:72px}.decor-tray-item:hover{background:#ffffff14;border-color:#ffffff40;color:var(--color-white);transform:translateY(-2px)}.decor-tray-item.active{background:#63d68326;border-color:var(--color-success);color:var(--color-white);box-shadow:0 0 10px #63d68340;transform:translateY(-2px) scale(1.03)}.decor-icon{font-size:20px}.decor-label{font-size:10px;font-weight:700}.cat-chip{transition:all var(--transition-fast) cubic-bezier(.25,.8,.25,1)}.cat-chip:hover{background:#ffffff14;color:var(--color-white);transform:translateY(-1px)}.cat-radio-label input:checked+.cat-chip{transform:scale(1.05)}@keyframes checkBounce{0%{transform:scale(1)}50%{transform:scale(1.28)}to{transform:scale(1)}}.task-item.checked .custom-checkbox{animation:checkBounce .35s cubic-bezier(.175,.885,.32,1.35) forwards}@keyframes slide-up{0%{transform:translate(-50%,15px);opacity:0}to{transform:translate(-50%);opacity:1}}.animate-slide-up{animation:slide-up var(--transition-normal) forwards}#dialogue-box{position:absolute;bottom:100px;right:24px;width:320px;z-index:30;display:flex;gap:16px;padding:16px;border-radius:var(--radius-md);animation:slide-up var(--transition-normal) forwards}.avatar-container{width:42px;height:42px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.dialogue-content{display:flex;flex-direction:column;gap:4px}.dialogue-name{font-family:var(--font-heading);font-size:13px;font-weight:700;color:var(--color-accent)}.dialogue-content p{font-size:13px;line-height:1.4;color:var(--color-text-main)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in var(--transition-fast) forwards}@media (max-width: 900px){.growth-meter{width:140px}.sound-controls{border-right:none;padding-right:0}.hidden-mobile{display:none!important}}.sidebar-tabs{display:flex;gap:8px;background:#ffffff0d;padding:3px;border-radius:12px;border:1px solid rgba(255,255,255,.04)}.sidebar-tab{background:none;border:none;color:var(--color-text-muted);font-family:var(--font-body);font-weight:700;font-size:14px;padding:6px 14px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-fast)}.sidebar-tab:hover{color:var(--color-white);background:#ffffff0d}.sidebar-tab.active{color:var(--color-white);background:var(--color-primary);box-shadow:0 2px 10px #6c5ce766}.sidebar-content-wrapper{display:flex;flex-direction:column;flex:1;overflow:hidden;transition:all .3s ease}.sidebar-content-wrapper.hidden{display:none!important}.coin-display{display:flex;align-items:center;gap:8px;padding:6px 16px;border-radius:20px;background:var(--reward-gold-soft);border:1.5px solid var(--reward-gold-border);box-shadow:0 4px 15px #ffd27514;color:var(--reward-gold);font-family:var(--font-body);font-weight:700;font-size:16px;cursor:default;transition:var(--transition-fast)}.coin-display:hover{background:#ffd27538;border-color:#ffd27585;transform:scale(1.05);box-shadow:0 4px 20px #ffd2752e}.coin-display i{width:20px;height:20px;filter:drop-shadow(0 0 4px rgba(255,210,117,.42))}.shop-header{padding:10px 0;border-bottom:1.5px solid rgba(255,255,255,.06);margin-bottom:12px}.shop-subtitle{font-size:13px;color:var(--color-text-muted);margin:0;line-height:1.4}.shop-container{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.shop-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:var(--transition-normal);position:relative;overflow:hidden}.shop-item:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translateY(-2px)}.shop-item.unlocked{background:var(--aqua-soft);border-color:#66d5ff3d}.shop-item-icon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px;flex-shrink:0}.shop-item.unlocked .shop-item-icon{background:var(--aqua-soft)}.shop-item-details{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.shop-item-name{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--color-white)}.shop-item-desc{font-size:12px;color:var(--color-text-muted);line-height:1.3}.shop-item-action{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.btn-buy{font-family:var(--font-body);font-weight:700;font-size:12px;padding:6px 12px;border-radius:8px;border:none;cursor:pointer;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;gap:4px;transition:var(--transition-fast)}.btn-buy:hover:not(:disabled){background:var(--accent);transform:scale(1.03)}.btn-buy:disabled{background:#ffffff0f;color:#fff3;cursor:not-allowed}.btn-buy.purchased{background:var(--aqua-soft)!important;color:var(--aqua-accent)!important;border:1px solid rgba(102,213,255,.34);cursor:default}.shop-item-price{font-size:11px;font-weight:700;color:var(--reward-gold);display:flex;align-items:center;gap:3px}#toast-notification{position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:12px;padding:12px 24px;border-radius:30px;background:#141423d9;border:1.5px solid var(--reward-gold-border);box-shadow:0 8px 32px #00000080,0 0 20px #ffd2752e;font-family:var(--font-body);font-weight:700;font-size:1.1rem;color:#fff;pointer-events:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}#toast-notification.hidden{top:50px;opacity:0!important;pointer-events:none;transform:translate(-50%) scale(.9)}#toast-notification i{width:20px;height:20px;filter:drop-shadow(0 0 4px rgba(255,210,117,.42))}#decorate-shop-panel{position:fixed;top:50%;right:24px;transform:translateY(-50%);width:380px;max-width:calc(100vw - 48px);max-height:80vh;padding:18px 20px 22px;z-index:90;display:flex;flex-direction:column;gap:14px;overflow:hidden}#decorate-shop-panel.hidden{display:none}.decorate-shop-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.decorate-shop-header h2{font-size:20px;margin:0;display:flex;align-items:center;gap:8px}.decorate-shop-emoji{font-size:22px}.decorate-shop-subtitle{font-size:12px;opacity:.7;margin-top:-4px}#decorate-shop-body{overflow-y:auto;padding-right:4px;display:flex;flex-direction:column;gap:14px}.decorate-shop-section h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.decorate-shop-grid{display:grid;grid-template-columns:1fr;gap:8px}.decorate-shop-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:var(--transition-normal)}.decorate-shop-item:hover{background:#ffffff12;border-color:#ffffff1a}.decorate-shop-item.maxed{opacity:.55}.decorate-shop-item-icon{font-size:26px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:10px}.decorate-shop-item-text{display:flex;flex-direction:column;min-width:0}.decorate-shop-item-name{font-weight:600;font-size:14px}.decorate-shop-item-desc{font-size:11px;opacity:.65;line-height:1.35}.decorate-shop-item-action{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.decorate-shop-price{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.7;color:var(--color-success)}.btn-add{padding:6px 12px;border-radius:999px;border:1px solid rgba(102,213,255,.4);background:var(--aqua-soft);color:var(--text-primary);font-weight:600;font-size:12px;cursor:pointer;transition:var(--transition-normal)}.btn-add:hover:not(:disabled){background:#66d5ff3d;transform:translateY(-1px)}.btn-add:disabled{cursor:not-allowed;opacity:.5}.btn-add.owned{background:#ffffff0f;border-color:#ffffff1a;color:#fff9}.decorate-shop-balance{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:var(--reward-gold-soft);border:1px solid var(--reward-gold-border);font-size:13px;color:var(--reward-gold)}.decorate-shop-item.cant-afford .decorate-shop-price{color:#f88}#placement-instructions{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:10px 16px;z-index:95;font-size:13px}#placement-instructions.hidden{display:none}.placement-instructions-text strong{color:var(--aqua-accent);background:var(--aqua-soft);padding:1px 6px;border-radius:6px;margin:0 2px}#placement-cancel-btn{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--color-white);font-weight:600;font-size:12px;cursor:pointer}#placement-cancel-btn:hover{background:#ffffff1f}#tab-shop,#shop-panel,#decor-instruction{display:none!important}.reward-float{position:absolute;left:50%;bottom:0;pointer-events:none;font-weight:700;font-size:16px;color:var(--reward-gold);text-shadow:0 2px 8px rgba(0,0,0,.6);white-space:nowrap;z-index:120;animation:reward-float-up 1.4s ease-out forwards}@keyframes reward-float-up{0%{opacity:0;transform:translate(-50%,10px)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-60px)}}#auth-screen{z-index:200}.auth-card{width:min(94vw,430px);max-height:calc(100vh - 28px);padding:36px 30px;display:flex;flex-direction:column;gap:20px;text-align:center;overflow-y:auto}.auth-header h1{font-family:var(--font-heading);font-size:1.9rem;margin:8px 0 4px;color:var(--color-text-main)}.auth-header p{color:var(--color-text-muted);font-size:1rem}.auth-header i{font-size:1.9rem}.clerk-auth-panel{display:grid;gap:10px}.clerk-auth-panel[hidden]{display:none}.clerk-auth-btn{width:100%;min-height:48px;border-radius:16px;font-size:1rem}.clerk-auth-btn i{width:18px;height:18px}.auth-divider{display:flex;align-items:center;gap:10px;color:var(--color-text-muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:2px 0 -2px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--color-panel-border)}.auth-tabs{display:flex;gap:6px;background:#00000040;padding:4px;border-radius:var(--radius-md)}.auth-tab{flex:1;padding:13px 0;font-size:1rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-family:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.auth-tab.active{background:var(--color-primary);color:var(--color-white);box-shadow:0 0 14px var(--color-primary-glow)}#auth-form,.modal-card{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px;text-align:left}.auth-field span{font-size:.92rem;color:var(--color-text-muted);font-weight:600}.auth-field em{color:var(--color-text-muted);font-style:italic;opacity:.8}.auth-field input,.modal-card input{width:100%;padding:15px 16px;border-radius:14px;border:1px solid var(--color-panel-border);background:#0000004d;color:var(--color-text-main);font-family:var(--font-body);font-size:1.05rem;box-sizing:border-box}.auth-field input:focus,.modal-card input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.auth-error{color:var(--color-danger);font-size:.85rem;background:#ff63841f;border:1px solid rgba(255,99,132,.3);border-radius:var(--radius-sm);padding:9px 12px;text-align:left}#island-name-modal,#animal-name-modal,#reset-confirm-modal{z-index:210}.modal-card.reset-modal{width:min(92vw,420px);padding:28px 24px;text-align:left;gap:14px;border:1.5px solid rgba(255,99,99,.55);box-shadow:0 12px 40px #0000008c,0 0 30px #ff63632e}.reset-modal-title{font-family:var(--font-heading);font-size:1.35rem;color:#ff8b8b;text-align:center;margin:0}.reset-modal-warning{color:var(--color-text-muted);font-size:.9rem;text-align:center;margin:-4px 0 6px}.reset-mode-btn{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:14px;border:1.5px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--color-text-main);cursor:pointer;text-align:left;transition:transform .12s ease,border-color .15s ease,background .15s ease}.reset-mode-btn:hover:not(:disabled){transform:translateY(-1px);background:#ffffff12}.reset-mode-btn:disabled{opacity:.55;cursor:progress}.reset-mode-btn.reset-mode-planet{border-color:#ffb2668c}.reset-mode-btn.reset-mode-planet:hover:not(:disabled){border-color:#ffb266d9;box-shadow:0 0 18px #ffb2662e}.reset-mode-btn.reset-mode-full{border-color:#ff6363a6}.reset-mode-btn.reset-mode-full:hover:not(:disabled){border-color:#ff6363f2;box-shadow:0 0 22px #ff636338}.reset-mode-icon{font-size:1.7rem;line-height:1;flex-shrink:0}.reset-mode-body{display:flex;flex-direction:column;gap:3px;min-width:0}.reset-mode-label{font-family:var(--font-heading);font-size:1rem;color:var(--color-text-main)}.reset-mode-full .reset-mode-label{color:#f99}.reset-mode-planet .reset-mode-label{color:#ffc788}.reset-mode-caption{color:var(--color-text-muted);font-size:.82rem;line-height:1.35}.reset-cancel-btn{margin-top:4px;padding:10px 16px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:.92rem;align-self:center}.reset-cancel-btn:hover{color:var(--color-text-main);background:#ffffff0d}.reset-cancel-btn:focus-visible{outline:2px solid rgba(255,255,255,.4);outline-offset:2px}.modal-card{width:min(92vw,360px);padding:28px 26px;text-align:center}.modal-card h2{font-family:var(--font-heading);font-size:1.3rem;color:var(--color-text-main)}.modal-card p{color:var(--color-text-muted);font-size:.9rem}.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1}.btn-small{padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--color-panel-border);background:#ffffff0f;color:var(--color-text-main);font-family:var(--font-body);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-small:hover{background:#ffffff1f}.is-hidden-field{display:none}.auth-card{position:relative;z-index:1}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.ink-doodle{position:absolute;opacity:.13;will-change:transform}.ink-doodle :is(circle,ellipse,path,rect,line,polyline){fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ink-doodle .filled{fill:#fff;stroke:none}.ink-doodle.star{opacity:.22}.d1{top:9%;left:8%;width:168px;animation:driftA 62s ease-in-out infinite;animation-delay:-4s}.d2{top:13%;left:80%;width:98px;animation:driftB 54s ease-in-out infinite;animation-delay:-11s}.d3{top:71%;left:5%;width:210px;animation:driftC 74s ease-in-out infinite;animation-delay:-7s}.d4{top:30%;left:25%;width:40px;animation:driftD 46s ease-in-out infinite,doodleTwinkle 6s ease-in-out infinite}.d5{top:69%;left:82%;width:66px;animation:driftA 50s ease-in-out infinite;animation-delay:-9s}.d6{top:73%;left:60%;width:126px;animation:driftB 66s ease-in-out infinite;animation-delay:-3s}.d7{top:61%;left:33%;width:32px;animation:driftC 44s ease-in-out infinite,doodleTwinkle 4.5s ease-in-out infinite}.d8{top:9%;left:39%;width:54px;animation:driftD 58s ease-in-out infinite;animation-delay:-13s}.d9{top:55%;left:84%;width:96px;animation:driftC 60s ease-in-out infinite;animation-delay:-6s}.d10{top:21%;left:64%;width:30px;animation:driftA 42s ease-in-out infinite,doodleTwinkle 5.5s ease-in-out infinite}.d11{top:40%;left:87%;width:80px;animation:driftB 56s ease-in-out infinite;animation-delay:-20s}.d12{top:46%;left:11%;width:44px;animation:driftC 48s ease-in-out infinite;animation-delay:-5s}.d13{top:84%;left:44%;width:30px;animation:driftA 40s ease-in-out infinite,doodleTwinkle 5s ease-in-out infinite}.d14{top:16%;left:53%;width:58px;animation:driftD 52s ease-in-out infinite;animation-delay:-16s}.d15{top:79%;left:23%;width:72px;animation:driftB 64s ease-in-out infinite;animation-delay:-8s}.d16{top:31%;left:73%;width:52px;animation:driftA 47s ease-in-out infinite;animation-delay:-22s}.d17{top:38%;left:3%;width:104px;animation:driftC 70s ease-in-out infinite;animation-delay:-2s}.d18{top:66%;left:70%;width:28px;animation:driftD 43s ease-in-out infinite,doodleTwinkle 6.5s ease-in-out infinite}.d19{top:85%;left:88%;width:66px;animation:driftA 57s ease-in-out infinite;animation-delay:-14s}.d20{top:24%;left:12%;width:104px;animation:driftB 68s ease-in-out infinite;animation-delay:-18s}.d21{top:5%;left:24%;width:70px;animation:driftC 55s ease-in-out infinite;animation-delay:-25s}.d22{top:58%;left:6%;width:50px;animation:driftD 49s ease-in-out infinite;animation-delay:-12s}.d23{top:11%;left:90%;width:54px;animation:driftA 53s ease-in-out infinite;animation-delay:-30s}.d24{top:38%;left:41%;width:26px;animation:driftB 41s ease-in-out infinite,doodleTwinkle 5.5s ease-in-out infinite}.d25{top:89%;left:58%;width:60px;animation:driftC 63s ease-in-out infinite;animation-delay:-10s}.d26{top:68%;left:90%;width:58px;animation:driftD 59s ease-in-out infinite;animation-delay:-27s}.d27{top:7%;left:67%;width:66px;animation:driftA 45s ease-in-out infinite,doodleTwinkle 7s ease-in-out infinite}.d28{top:51%;left:21%;width:70px;animation:driftB 61s ease-in-out infinite;animation-delay:-15s}.d29{top:87%;left:8%;width:50px;animation:driftC 51s ease-in-out infinite;animation-delay:-33s}.d30{top:30%;left:5%;width:72px;animation:driftD 67s ease-in-out infinite;animation-delay:-21s}@keyframes driftA{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(13vw,6vh) rotate(14deg)}45%{transform:translate(5vw,21vh) rotate(-8deg)}70%{transform:translate(-10vw,12vh) rotate(10deg)}}@keyframes driftB{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-14vw,9vh) rotate(-12deg)}55%{transform:translate(-6vw,-12vh) rotate(8deg)}80%{transform:translate(10vw,-5vh) rotate(-6deg)}}@keyframes driftC{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(15vw,-9vh) rotate(10deg)}60%{transform:translate(6vw,15vh) rotate(-11deg)}85%{transform:translate(-9vw,7vh) rotate(6deg)}}@keyframes driftD{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(8vw,13vh) rotate(-10deg)}50%{transform:translate(-12vw,6vh) rotate(12deg)}75%{transform:translate(-4vw,-13vh) rotate(-6deg)}}@keyframes doodleTwinkle{0%,to{opacity:.1}50%{opacity:.3}}@media (prefers-reduced-motion: reduce){.ink-doodle{animation:none!important}}.status-bar{position:fixed;top:0;left:0;right:0;z-index:var(--z-status);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:calc(var(--safe-top) + var(--space-2)) var(--space-3) var(--space-2);pointer-events:none}.status-bar>*{pointer-events:auto}#status-bar{pointer-events:none}#status-bar>*{pointer-events:auto}.status-bar .title{font-family:Comfortaa,cursive;font-weight:700;font-size:15px;color:var(--text-primary);text-shadow:0 1px 8px rgba(0,0,0,.35);flex:1 1 auto;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{display:inline-flex;align-items:center;gap:6px;background:var(--pill-bg);border:1px solid var(--pill-border);color:var(--text-primary);border-radius:var(--radius-pill);padding:6px 12px;backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));font-family:Quicksand,sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring)}.status-pill:active{transform:scale(.94)}.status-pill i{width:16px;height:16px}.status-pill .xp-text{display:none}.status-pill .level-ring{position:relative;width:18px;height:4px;border-radius:99px;background:#fff3;overflow:hidden}.status-pill .level-ring-fill{position:absolute;inset:0 auto 0 0;background:var(--accent)}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-tabbar);display:flex;justify-content:space-around;align-items:stretch;height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--tabbar-bg);border-top:1px solid var(--tabbar-border);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass))}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;position:relative;color:var(--text-muted);font-family:Quicksand,sans-serif;font-weight:700;font-size:10px;transition:color var(--dur-fast) var(--ease-out)}.tab-item i{width:22px;height:22px}.tab-item.active{color:var(--accent)}.tab-item.active i{filter:drop-shadow(0 0 6px var(--accent-glow))}.tab-badge{position:absolute;top:6px;left:56%;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--accent-strong);color:var(--meta-color);font-size:10px;line-height:16px;text-align:center}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sheet-backdrop);background:#00000047;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-h) + var(--safe-bottom));z-index:var(--z-sheet);max-height:76vh;background:var(--sheet-bg);border:1px solid var(--sheet-border);border-bottom:none;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));box-shadow:0 -10px 40px #00000059;transform:translateY(110%);transition:transform var(--dur-base) var(--ease-spring);display:flex;flex-direction:column;overflow:hidden}.sheet.open{transform:translateY(0)}.sheet-grab{width:40px;height:5px;border-radius:99px;background:var(--text-muted);opacity:.6;margin:10px auto 4px;cursor:grab;flex:none;touch-action:none}.sheet-inner{padding:6px var(--space-4) calc(var(--space-4) + 10px);overflow-y:auto}.sheet-title{color:var(--text-primary);font-family:Comfortaa,cursive;font-weight:700;font-size:22px;margin:6px 0 14px}.you-section{margin-bottom:18px}.you-label{color:var(--text-muted);font:700 11px Quicksand,sans-serif;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.you-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.theme-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface-card);border:1px solid var(--surface-card-border);border-radius:var(--radius-card);padding:10px 6px;cursor:pointer;color:var(--text-secondary);font:700 11px Quicksand,sans-serif;transition:transform var(--dur-fast) var(--ease-spring),border-color var(--dur-fast)}.theme-swatch:active{transform:scale(.94)}.theme-swatch.active{border-color:var(--accent);color:var(--text-primary)}.theme-dot{width:30px;height:30px;border-radius:50%;box-shadow:0 2px 10px #0000004d}@media (min-width: 768px){.tab-bar{top:50%;bottom:auto;left:16px;right:auto;transform:translateY(-50%);height:auto;width:76px;flex-direction:column;gap:6px;border:1px solid var(--tabbar-border);border-radius:var(--radius-sheet);padding:10px 6px}.tab-item{padding:10px 0}.sheet{left:110px;right:auto;top:84px;bottom:24px;width:412px;max-height:none;border:1px solid var(--sheet-border);border-radius:var(--radius-sheet);transform:translate(-120%);transition:transform var(--dur-base) var(--ease-spring)}.sheet.open{transform:translate(0)}#sheet-shop{left:auto;right:24px;transform:translate(120%)}#sheet-shop.open{transform:translate(0)}.sheet-backdrop{display:none}.sheet-grab{cursor:default}}#add-task-form .input-group{display:flex;gap:8px;margin-bottom:10px}#task-input{flex:1;background:var(--surface-card);border:1px solid var(--surface-card-border);color:var(--text-primary);border-radius:var(--radius-card);padding:15px 16px;font:600 15.5px Quicksand,sans-serif;outline:none}#task-input::placeholder{color:var(--text-muted)}.btn-add{background:var(--accent);color:var(--meta-color);border:none;border-radius:var(--radius-card);width:46px;display:grid;place-items:center;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring)}.btn-add:active{transform:scale(.92)}.category-selectors{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.cat-radio-label input{position:absolute;opacity:0}.cat-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:var(--radius-pill);background:var(--surface-card);border:1px solid var(--surface-card-border);color:var(--text-secondary);font:700 11px Quicksand,sans-serif;cursor:pointer}.cat-radio-label input:checked+.cat-chip{border-color:var(--accent);color:var(--text-primary)}.section-title{color:var(--text-secondary);font:700 12px Quicksand,sans-serif;text-transform:uppercase;letter-spacing:.04em;margin:14px 0 8px}.tasks-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.task-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-card);border:1px solid var(--surface-card-border);border-radius:var(--radius-card);padding:15px 16px;transition:opacity var(--dur-base),transform var(--dur-fast) var(--ease-spring)}.task-item .task-main{display:flex;align-items:center;gap:12px;flex:1}.task-item .custom-checkbox{cursor:pointer}.task-item .task-text{color:var(--text-primary);font:600 15.5px Quicksand,sans-serif;cursor:pointer}.custom-checkbox{width:26px;height:26px;border-radius:8px;border:2px solid var(--checkbox-border);display:grid;place-items:center;flex:none;color:transparent;transition:background var(--dur-fast),color var(--dur-fast)}.custom-checkbox i{width:16px;height:16px}.task-item.checked .custom-checkbox{background:var(--checkbox-fill);border-color:var(--checkbox-fill);color:var(--meta-color)}.task-item.checked .task-text{color:var(--text-muted);text-decoration:line-through}.task-item.checked{opacity:.7}.task-empty-state{list-style:none;display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--radius-card);background:color-mix(in srgb,var(--surface-card) 70%,transparent);border:1px dashed var(--surface-card-border);color:var(--text-secondary)}.task-empty-state i{width:22px;height:22px;color:var(--accent);flex:none}.task-empty-state div{min-width:0;display:flex;flex-direction:column;gap:3px}.task-empty-state strong{color:var(--text-primary);font:800 13px Quicksand,sans-serif}.task-empty-state span{color:var(--text-muted);font:600 12px/1.35 Quicksand,sans-serif}#decorate-shop-panel .decorate-shop-header h2{color:var(--text-primary);font-family:Comfortaa,cursive}.decorate-shop-subtitle{color:var(--text-muted);font:600 12px Quicksand,sans-serif;margin-bottom:12px}.decorate-shop-balance{color:var(--text-secondary);font:700 13px Quicksand,sans-serif;margin-bottom:10px}.decorate-shop-section h3{color:var(--text-secondary);font:700 12px Quicksand,sans-serif;margin:12px 0 6px}.decorate-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.decorate-shop-item{background:var(--surface-card);border:1px solid var(--surface-card-border);border-radius:var(--radius-card);padding:10px;display:flex;flex-direction:column;gap:6px}.decorate-shop-item.cant-afford{opacity:.55}.decorate-shop-item-icon{font-size:26px}.decorate-shop-item-name{color:var(--text-primary);font:700 13px Quicksand,sans-serif}.decorate-shop-item-desc{color:var(--text-muted);font:600 11px Quicksand,sans-serif}.decorate-shop-item .btn-add{width:100%;height:34px;font:700 12px Quicksand,sans-serif}.decorate-shop-price{color:var(--text-secondary);font:700 11px Quicksand,sans-serif}#toast-notification{position:fixed;left:50%;top:calc(var(--safe-top) + 58px);bottom:auto;transform:translate(-50%);z-index:1000;display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:min(360px,calc(100vw - 32px));background:var(--sheet-bg);border:1px solid var(--sheet-border);color:var(--text-primary);border-radius:14px;padding:10px 16px;box-shadow:0 8px 24px #0000004d;text-align:center;white-space:normal;backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));font:700 13px Quicksand,sans-serif}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;background:#03040c47;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.tutorial-card{--tutorial-ink: #172033;--tutorial-muted: #5f6b82;--tutorial-soft: #eef1f7;position:fixed;left:50%;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 18px);transform:translate(-50%);width:min(360px,calc(100vw - 32px));padding:20px;border-radius:18px;background:#fffffff5;border:1px solid rgba(16,28,52,.14);box-shadow:0 20px 56px #04081652,0 0 0 1px #ffffff80 inset;color:var(--tutorial-ink);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:12px;pointer-events:auto}.tutorial-card.is-positioned{top:var(--tutorial-card-top);left:var(--tutorial-card-left);bottom:auto;width:var(--tutorial-card-width);transform:none}.tutorial-topline{display:flex;align-items:center;gap:8px;color:var(--tutorial-muted);font:800 11px Quicksand,sans-serif;text-transform:uppercase;letter-spacing:.05em}.tutorial-icon-wrap{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#8f7cff,#b9a7ff);color:#fff;box-shadow:0 8px 18px #8f7cff4d}.tutorial-icon-wrap i{width:16px;height:16px}.tutorial-card h2{margin:0;font:800 1.12rem Comfortaa,cursive;color:var(--tutorial-ink)}.tutorial-card p{margin:0;color:var(--tutorial-muted);font:650 .93rem/1.45 Quicksand,sans-serif}.tutorial-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;margin-top:2px}.tutorial-actions .btn{min-width:0;padding-inline:10px;border:1px solid rgba(23,32,51,.16);background:#fff;color:var(--tutorial-ink);box-shadow:none}.tutorial-actions .btn:hover:not(:disabled){background:var(--tutorial-soft);transform:none}.tutorial-actions .btn-primary{background:#172033;border-color:#172033;color:#fff;box-shadow:0 10px 22px #17203338}.tutorial-actions .btn-primary:hover:not(:disabled){background:#26324a;border-color:#26324a;box-shadow:0 12px 26px #17203342}.tutorial-actions .btn:disabled{color:#9aa3b5;background:#f4f6fa;border-color:#1720331a}.tutorial-focus{outline:2px solid var(--accent);outline-offset:4px;box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 20%,transparent),0 0 28px var(--accent-glow)}#webgl-canvas.tutorial-focus{outline-offset:-12px}@media (max-width: 480px){.tutorial-card,.tutorial-card.is-positioned{left:16px;right:16px;top:auto;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 14px);width:auto;transform:none}}.fx-pop{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%) scale(.7);z-index:80;pointer-events:none;background:var(--sheet-bg);border:1px solid var(--sheet-border);color:var(--text-primary);border-radius:18px;padding:16px 26px;font:800 20px Comfortaa,cursive;box-shadow:0 12px 40px #00000073;backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass));opacity:0;transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.fx-pop.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.reward-float{position:fixed;top:calc(var(--safe-top) + 52px);left:50%;transform:translate(-50%);color:var(--accent);font:800 15px Quicksand,sans-serif;z-index:50;text-shadow:0 2px 10px var(--accent-glow);pointer-events:none;animation:reward-rise 1.4s var(--ease-out) forwards}@keyframes reward-rise{0%{opacity:0;transform:translate(-50%,8px)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-22px)}}@media (max-width: 640px){.auth-card{width:min(94vw,480px);padding:40px 30px;gap:22px;border-radius:26px}.auth-header h1{font-size:2.2rem}.auth-header p{font-size:1.05rem}.auth-header i{font-size:2.1rem}.auth-tabs{padding:5px}.auth-tab{padding:15px 0;font-size:1.05rem}.auth-field span{font-size:.98rem}.auth-field input,.modal-card input{padding:17px 16px;font-size:1.1rem}#auth-submit{padding:18px 0;font-size:1.12rem;border-radius:16px}#auth-form{gap:18px}}#decorate-shop-panel{position:static;top:auto;right:auto;bottom:auto;left:auto;transform:none;width:100%;max-width:none;max-height:none;height:auto;z-index:auto;padding:0;overflow:visible;gap:12px;background:none;border:none;box-shadow:none}.sheet .sound-controls{border:none;padding:0;display:flex;flex-direction:column;gap:14px;align-items:stretch}.sheet .sound-controls #mute-btn{align-self:flex-start}.sheet .slider-group{display:flex;align-items:center;gap:12px;width:100%}.sheet .slider-icon{width:20px;height:20px;flex:none}.sheet .mini-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:6px;border-radius:99px;background:#7d7d9673;outline:none;cursor:pointer}.sheet .mini-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);box-shadow:0 1px 5px #00000059;cursor:pointer}.sheet .mini-slider::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:var(--accent);box-shadow:0 1px 5px #00000059;cursor:pointer}.category-selectors{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.cat-chip-dyn,.cat-chip-add{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-pill);background:var(--surface-card);border:1.5px solid var(--surface-card-border);color:var(--text-secondary);font:700 12.5px Quicksand,sans-serif;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),border-color var(--dur-fast)}.cat-chip-dyn:active,.cat-chip-add:active{transform:scale(.93)}.cat-chip-dyn i{width:15px;height:15px;color:var(--cat-color)}.cat-chip-dyn.active{border-color:var(--cat-color);color:var(--text-primary);background:color-mix(in srgb,var(--cat-color) 16%,transparent)}.cat-chip-add{width:38px;justify-content:center;color:var(--text-muted)}.cat-edit-label{font:700 11px Quicksand,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:6px 0 2px;text-align:left}.cat-swatch-row,.cat-icon-row{display:flex;flex-wrap:wrap;gap:8px}.cat-swatch{width:30px;height:30px;border-radius:50%;border:3px solid transparent;cursor:pointer}.cat-swatch.active{border-color:var(--color-text-main)}.cat-icon-opt{width:38px;height:38px;border-radius:12px;background:#0000002e;border:1.5px solid transparent;color:var(--color-text-main);cursor:pointer;display:grid;place-items:center}.cat-icon-opt i{width:18px;height:18px}.cat-icon-opt.active{border-color:var(--color-primary);background:var(--color-primary-glow)}.task-editor-card{width:min(94vw,480px);max-height:86vh;overflow-y:auto;text-align:left;gap:14px}.te-title-input{width:100%;box-sizing:border-box;font:700 18px Quicksand,sans-serif}.te-section{display:flex;flex-direction:column;gap:8px}.te-label{font:700 11px Quicksand,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.te-segmented{display:flex;gap:6px;flex-wrap:wrap}.te-segmented button{flex:1;min-width:60px;padding:10px 8px;border-radius:12px;border:1.5px solid var(--color-panel-border);background:#0000002e;color:var(--color-text-main);font:700 12px Quicksand,sans-serif;cursor:pointer}.te-segmented button.active{border-color:var(--color-primary);background:var(--color-primary-glow)}.te-due-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.te-due-row input[type=date],.te-due-row input[type=time]{padding:10px 12px;border-radius:12px;border:1px solid var(--color-panel-border);background:#00000040;color:var(--color-text-main);font-family:Quicksand,sans-serif}.te-allday{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-main);font:600 13px Quicksand,sans-serif}.te-weekdays{display:flex;gap:6px}.te-weekdays button{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--color-panel-border);background:#0000002e;color:var(--color-text-main);font:700 12px Quicksand,sans-serif;cursor:pointer}.te-weekdays button.active{border-color:var(--color-primary);background:var(--color-primary-glow)}.te-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.te-checklist li{display:flex;align-items:center;gap:8px;color:var(--color-text-main);font:600 13px Quicksand,sans-serif}.te-checklist li.done span{text-decoration:line-through;opacity:.6}.te-checklist .te-sub-cb{width:18px;height:18px;cursor:pointer;flex:none}.te-checklist .te-sub-text{flex:1}.te-checklist .te-sub-rm{background:none;border:none;color:var(--color-text-muted);cursor:pointer}.te-add-sub{display:flex;gap:8px}.te-add-sub input{flex:1;padding:10px 12px;border-radius:12px;border:1px solid var(--color-panel-border);background:#00000040;color:var(--color-text-main);font-family:Quicksand,sans-serif}.te-notes{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:1px solid var(--color-panel-border);background:#00000040;color:var(--color-text-main);font-family:Quicksand,sans-serif;resize:vertical}.task-group-header{list-style:none;color:var(--text-muted);font:800 11px Quicksand,sans-serif;text-transform:uppercase;letter-spacing:.05em;margin:14px 2px 4px}.task-group-header.overdue{color:var(--danger)}.task-item{position:relative}.task-item.prio-low:before,.task-item.prio-medium:before,.task-item.prio-high:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0}.task-item.prio-low:before{background:#6f9dff}.task-item.prio-medium:before{background:#e0a23c}.task-item.prio-high:before{background:var(--danger)}.task-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.task-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.task-meta>span{display:inline-flex;align-items:center;gap:4px;font:700 11px Quicksand,sans-serif;color:var(--text-muted)}.task-meta i{width:13px;height:13px}.row-cat{color:var(--cat-color)!important}.row-due.overdue{color:var(--danger)!important}.sheet.sheet-tall{top:calc(var(--safe-top) + 8px);max-height:none}.cal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.cal-nav{width:38px;height:38px;border-radius:12px;background:var(--surface-card);border:1px solid var(--surface-card-border);color:var(--text-primary);cursor:pointer;display:grid;place-items:center}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px}.cal-weekdays span{text-align:center;font:800 10px Quicksand,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-cell{position:relative;aspect-ratio:1 / 1;border-radius:12px;background:var(--surface-card);border:1px solid var(--surface-card-border);color:var(--text-primary);font:700 13px Quicksand,sans-serif;cursor:pointer;display:flex;align-items:flex-start;justify-content:flex-start;padding:6px}.cal-cell.blank{background:none;border:none;cursor:default}.cal-cell.today{border-color:var(--accent)}.cal-cell.selected{background:var(--accent);color:var(--meta-color, #fff)}.cal-cell .cal-dot{position:absolute;right:5px;bottom:5px;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--accent-strong);color:var(--meta-color, #1b2452);font-size:10px;line-height:16px;text-align:center}.cal-cell .cal-dot.all-done{background:var(--text-muted)}.cal-day-detail{margin-top:18px}.cal-day-title{font:800 14px Quicksand,sans-serif;color:var(--text-primary);margin-bottom:10px}.cal-empty{list-style:none;color:var(--text-muted);font:600 13px Quicksand,sans-serif;padding:8px 2px}@media (min-width: 768px){#sheet-calendar{width:min(560px,calc(100vw - 160px));top:84px;bottom:24px}.sheet.sheet-tall{top:84px}}.fx-coin{position:fixed;z-index:70;font-size:20px;pointer-events:none;will-change:transform;transform:translate(0)}.fx-confetti{position:fixed;z-index:70;width:9px;height:9px;border-radius:2px;pointer-events:none;will-change:transform,opacity}.companion-card{display:flex;align-items:center;gap:12px;background:var(--surface-card);border:1px solid var(--surface-card-border);border-radius:var(--radius-card);padding:12px}.comp-avatar{font-size:38px;line-height:1;flex:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.comp-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.comp-name{background:none;border:none;border-bottom:1px dashed var(--surface-card-border);color:var(--text-primary);font:700 15px Quicksand,sans-serif;padding:2px 0;outline:none;width:100%}.comp-name:focus{border-bottom-color:var(--accent)}.comp-meta{color:var(--text-secondary);font:600 12px Quicksand,sans-serif}.comp-bar{height:6px;border-radius:99px;background:var(--surface-card-border);overflow:hidden}.comp-bar span{display:block;height:100%;background:var(--accent);transition:width var(--dur-fast)}.cat-chip-wrap{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.cat-chip-edit{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-card);border:1.5px solid var(--surface-card-border);color:var(--text-muted);cursor:pointer;flex:0 0 auto}.cat-chip-edit i{width:13px;height:13px}.category-selectors{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.category-selectors::-webkit-scrollbar{display:none}.category-selectors>*{flex:0 0 auto}.cat-chip-dyn,.cat-chip-add{white-space:nowrap}.btn-add-detail{background:var(--surface-card);border:1px solid var(--surface-card-border);color:var(--accent)}@media (max-width: 767px){#sheet-today{max-height:50vh}}.auth-legal{margin:16px 0 0;text-align:center;font:600 11px Quicksand,sans-serif;color:var(--text-muted);line-height:1.5}.auth-legal a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.you-danger-zone{margin-top:4px;padding-top:16px;border-top:1px solid rgba(140,130,190,.18)}.you-danger-zone #delete-account-btn{width:100%}.you-danger-caption{margin:8px 2px 0;font:600 11px Quicksand,sans-serif;color:var(--text-muted);line-height:1.5}.btn.text-danger-strong{background:linear-gradient(135deg,var(--danger),#ff5a6e)!important;color:#fff!important}.btn.text-danger-strong:hover:not(.disabled){filter:brightness(1.05)}