@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";.error-boundary{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0f7fa,#f3e5f5,#fff9e6);z-index:9999;padding:2rem}.error-boundary-content{max-width:600px;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,133,162,.3);border-radius:16px;padding:3rem 2rem;text-align:center;box-shadow:0 10px 40px #0000001a,0 0 0 1px #ffffff80 inset;animation:errorBounceIn .5s ease-out}@keyframes errorBounceIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}60%{opacity:1;transform:scale(1.05) translateY(0)}to{transform:scale(1)}}.error-icon{font-size:4rem;margin-bottom:1rem;color:#ff85a2;text-shadow:2px 2px 8px rgba(255,133,162,.3);animation:errorPulse 2s ease-in-out infinite}@keyframes errorPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.error-title{font-size:2rem;font-weight:700;color:#ff85a2;margin-bottom:.5rem;font-family:var(--font-display, "Crimson Pro", serif);text-shadow:1px 1px 0 rgba(255,255,255,.8)}.error-message{font-size:1rem;color:#666;margin-bottom:1.5rem;line-height:1.6}.error-details{background:#ff85a20d;border:1px solid rgba(255,133,162,.2);border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:left}.error-name{font-weight:700;color:#d32f2f;margin-bottom:.5rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.error-text{font-family:JetBrains Mono,monospace;font-size:.875rem;color:#333;word-break:break-word}.error-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.error-btn{padding:.75rem 1.5rem;border:2px solid;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-sans, "Quicksand", sans-serif);text-transform:uppercase;letter-spacing:.05em}.error-btn.primary{background:#ff85a2;color:#fff;border-color:#ff85a2;box-shadow:3px 3px #ff85a24d}.error-btn.primary:hover{background:#ff6b8f;border-color:#ff6b8f;transform:translateY(-2px);box-shadow:4px 4px #ff85a24d}.error-btn.primary:active{transform:translateY(0);box-shadow:2px 2px #ff85a24d}.error-btn.secondary{background:#fff;color:#666;border-color:#ddd}.error-btn.secondary:hover{background:#f5f5f5;border-color:#ccc;transform:translateY(-1px)}.error-btn.secondary:active{transform:translateY(0)}.error-stack{margin-top:2rem;text-align:left;background:#00000008;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:1rem}.error-stack summary{cursor:pointer;font-weight:600;font-size:.875rem;color:#666;margin-bottom:.5rem}.error-stack summary:hover{color:#ff85a2}.error-stack pre{margin-top:.5rem;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#333;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.backup-manager{padding:1rem;border-top:1px solid var(--border-subtle);margin-top:auto}.backup-manager.collapsed{padding:.5rem;display:flex;justify-content:center}.backup-header{margin-bottom:.75rem}.backup-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-weight:600}.backup-actions{display:flex;flex-direction:column;gap:.5rem}.backup-btn{padding:.5rem .75rem;border:1px solid var(--border);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease;font-weight:500;text-align:center}.backup-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-strong);transform:translateY(-1px)}.backup-btn:active:not(:disabled){transform:translateY(0)}.backup-btn:disabled{opacity:.5;cursor:not-allowed}.backup-btn.primary{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.backup-btn.primary:hover:not(:disabled){background:var(--accent-blue-dark, #5a9fd4);border-color:var(--accent-blue-dark, #5a9fd4)}.backup-btn.secondary{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.backup-btn.secondary:hover:not(:disabled){background:var(--accent-purple-dark, #a88bc4);border-color:var(--accent-purple-dark, #a88bc4)}.backup-btn.danger{background:var(--bg-primary);color:var(--text-secondary);border-color:var(--border);font-size:.8125rem}.backup-btn.danger:hover:not(:disabled){background:#ffe4e4;color:#c53030;border-color:#c53030}.backup-btn.icon-only{width:2.5rem;height:2.5rem;padding:0;font-size:1.25rem;display:flex;align-items:center;justify-content:center}.backup-message{margin-top:.75rem;padding:.5rem;border-radius:4px;font-size:.8125rem;line-height:1.4}.backup-message.success{background:#e6ffed;color:#1e6f40;border:1px solid #9ae6b4}.backup-message.error{background:#ffe4e4;color:#c53030;border:1px solid #fc8181}.sidebar{width:240px;min-width:240px;height:100vh;position:sticky;top:0;background:var(--glass-background);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1.5px solid var(--glass-border);display:flex;flex-direction:column;transition:width var(--transition-base);z-index:10}.sidebar.collapsed{width:72px}.sidebar-header{padding:var(--space-6);border-bottom:2px solid rgba(255,133,162,.2);display:flex;align-items:center;justify-content:space-between}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:800;color:var(--color-primary);text-transform:uppercase;letter-spacing:.2em;font-family:var(--font-display);text-shadow:2px 2px 0 rgba(255,255,255,1)}.sidebar-toggle{background:#ffffff80;border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;padding:2px 8px;border-radius:var(--radius-sm);font-weight:900}.sidebar-nav{flex:1;padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6)}.nav-section-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.sidebar-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:700;transition:all .2s ease;cursor:pointer}.sidebar-nav-link:hover{background:#ff85a21a;color:var(--color-primary)}.sidebar-nav-link.active{background:var(--color-primary);color:#fff;box-shadow:3px 3px #ff85a266;border:1.5px solid rgba(255,255,255,.5);border-radius:var(--radius-sm)}.sidebar-footer{padding:var(--space-4);border-top:1.5px solid var(--glass-border);display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-shortcuts-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:transparent;border:1.5px dashed var(--color-text-tertiary);border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.sidebar-shortcuts-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ff85a21a}.sidebar-shortcuts-btn .sidebar-nav-icon{font-weight:800;font-size:var(--text-sm)}.sidebar.collapsed .sidebar-shortcuts-btn{padding:var(--space-2)}.sidebar.collapsed .sidebar-shortcuts-btn .sidebar-nav-label{display:none}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#0003}.site-nav{position:fixed;top:40px;left:0;right:0;z-index:999;background:var(--site-nav-bg);border-bottom:3px ridge var(--site-nav-border);box-shadow:0 4px 15px var(--site-nav-shadow)}.site-nav-container{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;max-width:100%;margin:0 auto}.site-nav-links{display:flex;gap:12px;align-items:center}.site-nav-link{padding:6px 16px;background:var(--site-nav-link-bg);border:2px solid var(--site-nav-link-border);border-radius:var(--radius-sm);color:var(--color-text-primary);text-decoration:none;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;transition:all .2s ease;white-space:nowrap}.site-nav-link:hover{background:var(--site-nav-link-hover-bg);transform:translateY(-2px);box-shadow:0 4px 10px #0000004d;border-color:var(--site-nav-link-hover-border)}.site-nav-brand{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--site-nav-brand-color);text-shadow:1px 1px 0px var(--site-nav-brand-shadow);letter-spacing:.05em}@media(max-width:768px){.site-nav-container{padding:6px 12px}.site-nav-links{gap:8px}.site-nav-link{padding:5px 12px;font-size:12px}.site-nav-brand{font-size:12px}}@media(max-width:480px){.site-nav-links{gap:6px}.site-nav-link{padding:4px 8px;font-size:11px}.site-nav-brand{display:none}}.spore-card{display:flex;align-items:center;gap:var(--space-2);background:#fff;border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;transition:all .15s ease;box-shadow:2px 2px #ff85a21f;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:44px}.spore-card:hover{border-color:var(--color-accent-lavender);box-shadow:3px 3px #c8b6ff33}.spore-card:active{transform:scale(.98)}.spore-card.selected{border-color:var(--color-accent-gold);background:linear-gradient(135deg,#fffef5,#fff9e6);box-shadow:3px 3px #ffd60a40,0 0 0 2px #ffd60a26}.spore-card.attached{background:linear-gradient(135deg,#fafffa,#f5fff5);border-color:var(--color-accent-mint)}.spore-card.attached:hover{border-color:#22c55e}.spore-card.stage-archived{opacity:.6;border-style:dashed;background:#fafafa}.type-icon{font-size:.9rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#ff85a21a;flex-shrink:0}.type-icon.type-jot{color:#4a0e2e}.type-icon.type-shout{color:#b45309;background:#b453091a}.type-icon.type-vibe{color:#0077b6;background:#0077b61a}.type-icon.type-tape{color:#2d6a4f;background:#2d6a4f1a}.type-icon.type-pixel{color:#ff0054;background:#ff00541a}.type-icon.type-sketch{color:#7209b7;background:#7209b71a}.type-icon.type-glow{color:#9b5de5;background:#9b5de51a}.type-icon.type-stamp{color:#ff0054;background:#ff00541a}.spore-card-title{flex:1;font-family:var(--font-primary);font-size:.85rem;font-weight:600;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.attachment-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;box-shadow:0 0 4px #22c55e66}@media(max-width:600px){.spore-card{padding:var(--space-2)}.spore-card-title{font-size:.8rem}.type-icon{width:24px;height:24px;font-size:.8rem}}.spore-dashboard-overlay{position:fixed;inset:0 0 0 80px;background:#f0f0ffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;padding:var(--space-4);display:flex;justify-content:center;align-items:center;overflow:hidden}.spore-dashboard-grid{display:grid;grid-template-columns:2fr 1.4fr .6fr;grid-template-rows:100%;gap:var(--space-4);width:100%;height:100%;max-width:1600px}.dashboard-column{height:100%;overflow:hidden}.script-column-hero .spore-window{box-shadow:inset 1px 1px #fff,inset -1px -1px gray,8px 8px 20px #00000026;border-width:3px}.script-column-hero .spore-window-titlebar{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent-lavender) 100%);padding:6px 8px;font-size:.9rem}.spore-canvas-placeholder{width:100%;height:100%;background-color:#f0f0f0;background-image:radial-gradient(#c0c0c0 1px,transparent 1px),radial-gradient(#c0c0c0 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 20px #0000000d}.canvas-empty-state{color:#888;font-family:var(--font-mono);text-align:center;background:#fff;padding:10px;border:1px dashed #ccc;border-radius:4px}.spore-script-stream{display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-tool-btn{background:transparent;border:1px solid white;color:#fff;font-size:.7rem;padding:2px 6px;cursor:pointer;border-radius:2px}.dashboard-add-layer button{width:100%;padding:10px;border:2px dashed #ccc;background:transparent;color:#888;cursor:pointer;font-family:var(--font-mono)}.dashboard-add-layer button:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ffffff80}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;padding-top:8px}.asset-item{aspect-ratio:1;background:#fff;border:2px solid #e0e0e0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:move;box-shadow:2px 2px #0000000d}.asset-item:hover{transform:scale(1.05);border-color:var(--color-accent-lavender)}.asset-item.placeholder{color:#ccc;font-size:.8rem;text-align:center;padding:4px}.spore-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:2px solid white;box-shadow:4px 4px #ff85a226;border-radius:var(--radius-md);cursor:pointer;min-height:120px;transition:all .2s ease}.spore-wrapper:hover{transform:translate(-3px,-3px);box-shadow:8px 8px #ff85a240;border-color:var(--color-primary)}.preview-mode{opacity:.7;pointer-events:none}.growth-aura{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(255,133,162,.4) 0%,rgba(200,182,255,.2) 50%,transparent 80%);filter:blur(25px);z-index:-1;pointer-events:none;border-radius:40% 60% 70% 30%/40% 50% 60%}.spore-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-2);border-bottom:1.5px solid rgba(255,133,162,.2)}.spore-tag{background:var(--color-primary);color:#fff;padding:2px 8px;font-size:.65rem;font-weight:800;text-transform:uppercase;border-radius:var(--radius-sm)}.spore-type-indicator{font-size:1.2rem;color:var(--color-primary)}.type-picker{position:absolute;top:40px;right:10px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:0 10px 30px #0000001a;z-index:200;display:flex;flex-direction:column;gap:4px;padding:8px;min-width:140px}.type-option{background:#fff;border:1px solid transparent;padding:6px 10px;display:flex;align-items:center;gap:8px;cursor:pointer}.type-option:hover{background:var(--color-surface-overlay);border-color:var(--color-accent-lavender)}.type-option.active{background:var(--color-primary);color:#fff}.dirty-indicator{color:#ff0;font-weight:700;font-size:.7rem;margin-left:8px;text-shadow:1px 1px 0 #000}.spore-window{display:flex;flex-direction:column;background:var(--color-surface);border:2px solid #e0e0e0;border-right-color:#404040;border-bottom-color:#404040;box-shadow:inset 1px 1px #fff,inset -1px -1px gray,4px 4px 10px #0000001a;border-radius:2px;overflow:hidden;height:100%}.spore-window-titlebar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent-lavender) 100%);padding:4px 6px;color:#fff;cursor:default;border-bottom:2px solid #808080;border-top:1px solid rgba(255,255,255,.3)}.spore-window-title{display:flex;align-items:center;gap:6px;font-family:var(--font-primary);font-weight:700;font-size:.85rem;text-shadow:1px 1px 0 rgba(0,0,0,.2);letter-spacing:.5px}.title-icon{font-size:.9rem;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.2))}.spore-window-controls{display:flex;gap:4px;align-items:center}.window-control-btn{width:16px;height:16px;background:silver;border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #404040;border-bottom:1px solid #404040;box-shadow:inset -1px -1px gray;display:flex;align-items:center;justify-content:center;font-family:monospace;font-weight:700;font-size:10px;color:#000;cursor:pointer;line-height:1;padding:0}.window-control-btn:active{border-top:1px solid #404040;border-left:1px solid #404040;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;transform:translate(1px,1px);box-shadow:none}.window-control-btn.close{background:#ffb3ba}.window-control-btn.close:hover{background:#ff8090}.spore-window-content{flex:1;background:#fff;overflow:auto;position:relative;padding:var(--space-2)}.spore-window-content::-webkit-scrollbar{width:12px}.spore-window-content::-webkit-scrollbar-track{background:#e0e0e0;border-left:1px solid #ffffff}.spore-window-content::-webkit-scrollbar-thumb{background:silver;border:1px solid;border-color:#ffffff #808080 #808080 #ffffff}.canvas-element{position:absolute;-webkit-user-select:none;user-select:none;transition:box-shadow .2s ease}.canvas-element.dragging{cursor:grabbing!important;z-index:1000}.canvas-element.selected{z-index:999}.selection-border{position:absolute;inset:-4px;border:2px dashed var(--color-primary);border-radius:4px;pointer-events:none;animation:dash 20s linear infinite}@keyframes dash{to{stroke-dashoffset:-100}}.canvas-element.sticker{cursor:grab}.canvas-element.sticker img{display:block;max-width:100%;height:auto}.canvas-element.textbox{min-width:100px;min-height:40px;padding:8px;background:#ffffffe6;border:1px solid #e0e0e0;border-radius:4px;cursor:grab}.canvas-element.textbox.selected{background:#fff;border-color:var(--color-primary)}.textbox-content{width:100%;height:100%;overflow:hidden;cursor:text}.canvas-element.textbox textarea{font-family:inherit;cursor:text}.canvas-element:hover:not(.dragging){filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.canvas-element.stickynote{cursor:grab;filter:drop-shadow(3px 3px 6px rgba(0,0,0,.25))}.canvas-element.stickynote.dragging{filter:drop-shadow(6px 6px 12px rgba(0,0,0,.35))}.stickynote-body{width:100%;height:100%;padding:12px;display:flex;flex-direction:column;position:relative;box-sizing:border-box}.stickynote-body:before{content:"";position:absolute;top:0;right:0;width:20px;height:20px;background:linear-gradient(135deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.05) 50%,transparent 50%);border-bottom-left-radius:4px}.stickynote-body:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:50px;height:12px;background:#ffffff80;border-radius:2px;box-shadow:0 1px 2px #0000001a}.stickynote-content{flex:1;overflow:hidden;white-space:pre-wrap;word-break:break-word;line-height:1.4;padding-top:8px}.stickynote-textarea{flex:1;width:100%;border:none;background:transparent;resize:none;outline:none;line-height:1.4;padding-top:8px}.stickynote-textarea::placeholder{color:#0000004d;font-style:italic}.canvas-element.stickynote.selected .stickynote-body{outline:2px dashed var(--color-primary);outline-offset:2px}.canvas-element.stickynote .selection-border{display:none}.element-context-menu{background:#fff;border:2px solid #666;border-radius:4px;box-shadow:4px 4px 12px #0000004d;min-width:180px;padding:4px 0;font-family:var(--font-sans, system-ui, sans-serif);font-size:.85rem}.element-context-menu button{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:transparent;cursor:pointer;text-align:left;color:#333;font-size:.85rem}.element-context-menu button:hover{background:#f0e6ff}.element-context-menu button span:first-child{width:16px;text-align:center;font-size:.9rem}.element-context-menu button .shortcut{margin-left:auto;font-size:.7rem;color:#999;font-family:monospace}.element-context-menu button.danger{color:#c00}.element-context-menu button.danger:hover{background:#fee}.context-menu-divider{height:1px;background:#ddd;margin:4px 8px}.drawing-canvas{position:absolute;top:0;left:0;z-index:1;touch-action:none}.drawing-canvas.active{z-index:50}.playspace-overlay{position:fixed;inset:0;background:#ff85a24d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:2rem}.playspace-container{width:95vw;height:90vh;background:#fff;border:4px solid var(--color-primary);box-shadow:8px 8px #ff85a266;display:flex;flex-direction:column;overflow:hidden;transform:rotate(-.5deg)}.playspace-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(90deg,var(--color-primary) 0%,#ff5c8a 50%,var(--color-accent-lavender) 100%);border-bottom:3px solid white}.playspace-meta{display:flex;gap:12px;align-items:center}.playspace-type-badge{background:#fff;color:var(--color-primary);padding:4px 12px;font-weight:900;font-size:.85rem;text-transform:uppercase;box-shadow:2px 2px #0000001a}.playspace-date{color:#fff;font-size:.8rem;font-weight:700}.playspace-name{color:#fff;font-size:1rem;font-weight:800;cursor:pointer;padding:2px 8px;border-radius:4px;transition:background .15s ease;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playspace-name:hover{background:#fff3}.playspace-name-input{background:#fff;color:var(--color-text-primary);font-size:1rem;font-weight:800;border:2px solid white;padding:2px 8px;border-radius:4px;min-width:150px;max-width:300px;outline:none;box-shadow:0 2px 8px #0003}.playspace-name-input:focus{border-color:var(--color-accent-mint)}.playspace-close-btn{background:#fff;border:2px solid var(--color-primary);color:var(--color-primary);width:36px;height:36px;font-size:1.2rem;font-weight:900;cursor:pointer;box-shadow:3px 3px #0000001a;transition:all .15s ease}.playspace-close-btn:hover{background:var(--color-primary);color:#fff;transform:translate(-2px,-2px);box-shadow:5px 5px #00000026}.mode-switcher{display:flex;gap:4px;background:#fff3;padding:4px;border-radius:8px}.mode-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:6px;color:#fffc;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.mode-btn:hover{background:#fff3;color:#fff}.mode-btn.active{background:#fff;color:var(--color-primary);box-shadow:2px 2px #0000001a}.mode-icon{font-size:1rem}.mode-label{font-weight:700}.playspace-mode-content{flex:1;overflow:hidden;background:var(--glitter-texture),linear-gradient(180deg,#fff,#fef3f7);background-size:40px 40px,100% 100%}.mode-panel{height:100%;overflow:hidden}.mode-panel.decorate-layout{display:grid;grid-template-columns:1fr 300px;gap:16px;padding:16px}.mode-hint{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--color-text-secondary)}.mode-hint kbd{padding:2px 6px;background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:3px;font-family:var(--font-mono, monospace);font-size:.7rem}.playspace-toolbar{display:flex;flex-wrap:wrap;gap:16px;padding:12px 20px;background:#fef3f7;border-bottom:3px solid var(--color-primary);align-items:flex-end}.toolbar-group{display:flex;flex-direction:column;gap:4px}.toolbar-label{font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary)}.font-picker{background:#fff;border:2px solid var(--color-primary);padding:6px 10px;font-weight:700;font-size:.85rem;color:var(--color-text-primary);cursor:pointer;min-width:140px;box-shadow:inset 2px 2px #0000000d}.font-picker:focus{outline:none;box-shadow:0 0 0 3px #ff85a24d}.size-slider{width:100px;height:8px;appearance:none;background:var(--color-accent-lavender);cursor:pointer}.size-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--color-primary);border:2px solid white;cursor:pointer;box-shadow:2px 2px #0000001a}.size-value{font-weight:900;font-size:.8rem;color:var(--color-primary);min-width:24px;text-align:center}.style-buttons{flex-direction:row;gap:4px}.style-btn{width:32px;height:32px;background:#fff;border:2px solid var(--color-accent-lavender);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:3px 3px #c8b6ff4d;transition:all .1s ease}.style-btn:hover{background:#f0e6ff}.style-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:inset 2px 2px #0003;transform:translate(2px,2px)}.color-swatches{display:flex;gap:4px;flex-wrap:wrap}.color-swatch{width:24px;height:24px;border:2px solid white;cursor:pointer;box-shadow:2px 2px #0000001a;transition:all .1s ease}.color-swatch:hover{transform:scale(1.2);z-index:10}.highlight-swatch.no-color{background:repeating-linear-gradient(45deg,#fff,#fff 3px,#fcc 3px 6px)!important}.playspace-canvas-layout{flex:1;display:grid;grid-template-columns:1fr 300px;gap:16px;padding:16px;background:var(--glitter-texture),linear-gradient(180deg,#fff,#fef3f7);background-size:40px 40px,100% 100%;overflow:hidden}.canvas-main-area,.assets-sidebar{height:100%;overflow:hidden}.script-panel-overlay{position:absolute;top:60px;right:0;bottom:60px;width:450px;max-width:45%;max-height:calc(100vh - 200px);background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:-8px 0 30px #0003;z-index:100;overflow:hidden;display:flex;flex-direction:column}.script-panel-overlay .spore-window{height:100%;border-left:4px solid var(--color-primary);border-radius:0;display:flex;flex-direction:column}.script-panel-overlay .spore-window-content{flex:1;overflow-y:auto;min-height:0}.script-panel-overlay .spore-script-stream{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-3)}.script-panel-overlay .dashboard-add-layer button{width:100%;padding:10px;border:2px dashed var(--color-primary);background:transparent;color:var(--color-primary);cursor:pointer;font-family:var(--font-mono);font-weight:700}.script-panel-overlay .dashboard-add-layer button:hover{background:#ff85a21a}.script-panel-overlay .type-picker{position:absolute;top:40px;right:10px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:0 10px 30px #0003;z-index:200;display:flex;flex-direction:column;gap:4px;padding:8px;min-width:140px}.script-panel-overlay .type-option{background:#fff;border:1px solid transparent;padding:6px 10px;display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:4px;font-weight:700}.script-panel-overlay .type-option:hover{background:var(--color-surface-overlay);border-color:var(--color-accent-lavender)}.script-panel-overlay .type-option.active{background:var(--color-primary);color:#fff}.playspace-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fef3f7;border-top:3px solid var(--color-primary);gap:16px}.script-toggle-btn{background:var(--color-accent-lavender);color:#fff;border:2px solid white;padding:10px 20px;font-weight:900;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:4px 4px #c8b6ff66;transition:all .15s ease}.script-toggle-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #c8b6ff80}.growth-meter{font-size:.85rem;font-weight:800;color:var(--color-text-secondary)}.done-btn{background:var(--color-accent-mint);color:#2d6a4f;border:2px solid white;padding:10px 30px;font-weight:900;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:4px 4px #b9fbc066;transition:all .15s ease}.done-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #b9fbc080}.spore-paint-canvas{display:flex;flex-direction:column;height:100%;overflow:hidden}.playspace-toolbar.relative-toolbar{position:relative;top:0;left:0;transform:none;width:100%;margin-bottom:0;border:none;border-bottom:2px solid #000;border-radius:0;padding:6px 8px;background:#f0f0f0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.canvas-workspace{flex:1;position:relative;overflow:hidden;background:#f0f0f0;cursor:default}.canvas-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#999;font-family:var(--font-mono);pointer-events:none;-webkit-user-select:none;user-select:none}.canvas-empty-state p{font-size:1.2rem;margin:0}.toolbar-icon{font-size:.9rem;font-weight:700;color:#333}.toolbar-btn{padding:4px 8px;background:#fff;border:1px solid #999;border-radius:2px;font-size:.75rem;cursor:pointer;box-shadow:inset -1px -1px #666,inset 1px 1px #fff}.toolbar-btn:hover{background:#e0e0e0}.toolbar-btn:active{box-shadow:inset 1px 1px #666,inset -1px -1px #fff}.relative-toolbar .font-picker{padding:2px 4px;font-size:.75rem;border:1px solid #999;background:#fff;min-width:100px}.style-buttons.compact .style-btn{width:24px;height:24px;font-size:.8rem}.color-swatches.compact{display:flex;gap:2px}.relative-toolbar .color-swatch{width:20px;height:20px;border:1px solid #999;cursor:pointer;box-shadow:inset -1px -1px #666,inset 1px 1px #fff}.relative-toolbar .color-swatch:hover{transform:scale(1.1)}.color-swatch.active-color-indicator{border:2px solid #000}.size-slider.small{width:60px}.tool-buttons{display:flex;flex-direction:row!important;gap:2px;background:#e0e0e0;padding:2px;border:1px solid #999;box-shadow:inset -1px -1px #666,inset 1px 1px #fff}.tool-btn{width:26px;height:26px;background:#d4d4d4;border:1px solid transparent;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;color:#333}.tool-btn:hover{background:#f0f0f0;border-color:#999}.tool-btn.active{background:#fff;border:1px solid #666;box-shadow:inset 1px 1px 2px #0003;color:var(--color-primary)}.toolbar-divider{width:1px;height:24px;background:#999;margin:0 4px}.brush-icon{font-size:.7rem;color:var(--color-primary)}.size-value{font-size:.7rem;font-weight:700;color:#666;min-width:20px;text-align:center}.toolbar-btn.danger{color:#c00}.toolbar-btn.danger:hover{background:#fdd}.sticky-note-group{display:flex;flex-direction:row!important;align-items:center;gap:6px}.toolbar-btn.sticky-btn{background:#fff740;border:1px solid #e6de00;color:#333;font-weight:700;padding:4px 10px}.toolbar-btn.sticky-btn:hover{background:#ffeb00;transform:scale(1.05)}.sticky-color-picker{display:flex;gap:2px}.sticky-color-swatch{width:18px;height:18px;border:1px solid rgba(0,0,0,.2);border-radius:2px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.sticky-color-swatch:hover{transform:scale(1.15);z-index:5}.sticky-color-swatch.active{border:2px solid #333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.bg-picker-group{position:relative}.toolbar-btn.bg-picker-btn{background:linear-gradient(135deg,#ffc8dd,#bde0fe);border:1px solid #999}.toolbar-btn.bg-picker-btn:hover{background:linear-gradient(135deg,#ffb3cc,#a8d4ff)}.bg-picker-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:2px solid #999;border-radius:4px;box-shadow:4px 4px 12px #0003;z-index:100;min-width:200px;padding:8px}.bg-picker-section{margin-bottom:10px}.bg-picker-section:last-child{margin-bottom:0}.bg-picker-label{display:block;font-size:.7rem;font-weight:700;color:#666;text-transform:uppercase;margin-bottom:6px;letter-spacing:.05em}.pixel-bg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.pixel-bg-thumb{width:50px;height:35px;border:1px solid #ccc;border-radius:3px;background-size:cover;background-position:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.pixel-bg-thumb:hover{transform:scale(1.1);border-color:var(--color-primary);z-index:5}.canvas-workspace{background-size:cover!important;background-position:center!important;image-rendering:pixelated}.canvas-workspace-container{flex:1;display:flex;overflow:auto}.canvas-workspace-container.has-artboard{background:#1a1a2e;background-image:radial-gradient(circle at 25px 25px,rgba(255,255,255,.05) 2px,transparent 0);background-size:50px 50px;padding:24px;align-items:center;justify-content:center}.canvas-workspace.fixed-artboard{flex:none;border-radius:4px;box-shadow:0 0 0 1px #ffffff1a,0 20px 60px #00000080,0 8px 20px #0000004d;position:relative}.artboard-size-badge{position:absolute;top:-28px;left:50%;transform:translate(-50%);background:#0009;color:#ffffffb3;font-size:.7rem;padding:4px 10px;border-radius:4px;font-family:monospace;white-space:nowrap}.color-picker-input{width:24px;height:24px;padding:0;border:2px solid #333;border-radius:2px;cursor:pointer;background:none;box-shadow:inset -1px -1px #666,inset 1px 1px #fff}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:1px}.color-picker-input::-moz-color-swatch{border:none;border-radius:1px}.color-picker-input:hover{transform:scale(1.1)}.color-swatch.active{border:2px solid #333;box-shadow:0 0 0 1px #fff,0 0 0 3px var(--color-primary)}.layer-controls{display:flex;flex-direction:row!important;gap:2px;background:#e8e8e8;padding:2px;border:1px solid #999;border-radius:2px}.toolbar-btn.small{width:24px;height:24px;padding:0;font-size:.8rem;display:flex;align-items:center;justify-content:center}.toolbar-btn.small:hover{background:#d0d0d0}.blinkie-creator-overlay{position:fixed;inset:0;background:#4a0e2ed9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.blinkie-creator-modal{background:linear-gradient(135deg,#fffffff2,#ffffffeb);border:2px solid var(--color-primary, #ff85a2);border-radius:20px;width:100%;max-width:780px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #4a0e2e66,0 0 40px #ff85a24d,4px 4px 0 var(--color-accent-lavender, #c8b6ff);overflow:hidden}.creator-header{padding:20px 28px;border-bottom:2px solid var(--color-accent-lavender, #c8b6ff);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#ff85a226,#c8b6ff14);flex-shrink:0}.creator-header h3{margin:0;font-family:var(--font-display, "Crimson Pro", serif);color:var(--color-text-primary, #4a0e2e);font-size:1.6rem;letter-spacing:.5px;text-shadow:0 2px 4px rgba(255,133,162,.2);font-weight:700}.close-btn{background:none;border:none;font-size:1.8rem;color:var(--color-text-tertiary, #888);cursor:pointer;padding:4px;line-height:1;transition:color .2s}.close-btn:hover{color:var(--color-text-primary, #4a0e2e)}.creator-main{padding:28px;display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:start;overflow-y:auto;flex:1}@media(max-width:700px){.creator-main{grid-template-columns:1fr;padding:20px;gap:24px}}.creator-preview-section{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#c8b6ff26,#90e0ef1a);border-radius:16px;padding:40px 20px;border:2px solid var(--color-accent-lavender, #c8b6ff);box-shadow:inset 0 2px 8px #ffffff80,0 4px 12px #5e548e26;min-height:180px}.preview-label{font-size:.65rem;color:var(--color-text-secondary, #5e548e);margin-bottom:20px;text-transform:uppercase;letter-spacing:2px;font-weight:700}.blinkie-preview-box{width:300px;height:40px;background:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #000c;position:relative;border:1px solid rgba(255,255,255,.2);outline:1px dashed rgba(255,255,255,.2);outline-offset:8px}.pixel-canvas{width:300px;height:40px;image-rendering:pixelated}.creator-controls{display:flex;flex-direction:column;gap:18px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:.75rem;color:var(--color-text-primary, #4a0e2e);font-weight:700;letter-spacing:.5px}.control-group input[type=text]{background:#fff9;border:2px solid var(--color-accent-lavender, #c8b6ff);border-radius:10px;padding:12px 16px;color:var(--color-text-primary, #4a0e2e);font-family:"Press Start 2P",cursive;font-size:.7rem;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px #5e548e1a}.control-group input[type=text]:focus{border-color:var(--color-primary, #ff85a2);background:#ffffffe6;box-shadow:0 0 15px #ff85a24d,inset 0 1px 3px #5e548e1a}.control-row{display:grid;grid-template-columns:1fr 80px;gap:16px}.control-group input[type=range]{-webkit-appearance:none;width:100%;height:6px;background:#c8b6ff4d;border-radius:3px;outline:none;margin:8px 0}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--accent-bloom, #ff8da1);border-radius:50%;cursor:pointer;box-shadow:0 0 10px #ff8da180;transition:transform .2s,background-color .2s}.control-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);background:#ff6b8a}.control-group input[type=range]:disabled{opacity:.4}.control-group input[type=color]{width:100%;height:40px;padding:4px;background:#ffffff4d;border:2px solid var(--color-accent-lavender, #c8b6ff);border-radius:10px;cursor:pointer}.control-group input[type=color]:disabled{opacity:.4;cursor:not-allowed}.advanced-toggle{background:#c8b6ff26;border:1px solid rgba(200,182,255,.3);border-radius:8px;padding:10px 16px;color:var(--color-text-secondary, #5e548e);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:left}.advanced-toggle:hover{background:#c8b6ff40;color:var(--color-text-primary, #4a0e2e)}.advanced-controls{display:flex;flex-direction:column;gap:16px;padding:16px;background:#c8b6ff14;border-radius:12px;border:1px solid rgba(200,182,255,.2)}.category-tabs{display:flex;gap:4px;flex-wrap:wrap}.category-tab{padding:8px 12px;background:#ffffff4d;border:1px solid rgba(200,182,255,.3);border-radius:6px;color:var(--color-text-secondary, #5e548e);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s}.category-tab:hover{background:#ff8da126;border-color:#ff8da14d}.category-tab.active{background:var(--accent-bloom, #ff8da1);border-color:var(--accent-bloom, #ff8da1);color:#000}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:120px;overflow-y:auto;padding:4px}@media(max-width:700px){.template-grid{grid-template-columns:repeat(3,1fr)}}.template-option{background:#ffffff1a;border:2px solid rgba(200,182,255,.2);border-radius:8px;padding:6px;cursor:pointer;transition:all .2s;height:32px;display:flex;align-items:center;justify-content:center}.template-option img{max-width:100%;max-height:100%;image-rendering:pixelated;opacity:.7;transition:opacity .2s}.template-option:hover{background:#ff8da126;border-color:#ff8da166}.template-option:hover img{opacity:1}.template-option.active{border-color:var(--accent-bloom, #ff8da1);background:#ff8da133;box-shadow:0 0 10px #ff8da14d}.template-option.active img{opacity:1}.creator-footer{padding:20px 28px;border-top:2px solid var(--color-accent-lavender, #c8b6ff);display:flex;justify-content:flex-end;align-items:center;gap:16px;background:linear-gradient(to top,rgba(200,182,255,.1),transparent);flex-shrink:0}.cancel-btn{background:none;border:none;color:var(--color-text-tertiary, #888);padding:10px 16px;cursor:pointer;font-weight:600;font-size:.9rem;transition:color .2s}.cancel-btn:hover{color:var(--color-text-primary, #4a0e2e)}.generate-btn{background:var(--accent-bloom, #ff8da1);color:#000;border:none;border-radius:12px;padding:12px 28px;font-weight:800;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 16px #ff8da14d}.generate-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 10px 24px #ff8da180}.generate-btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.blinkie-picker-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.blinkie-picker-modal{background:var(--bg-surface, #1a1a1a);border:2px solid var(--accent-bloom, #ff8da1);border-radius:16px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080,0 0 20px #ff8da133;overflow:hidden}.blinkie-picker-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.blinkie-picker-header h3{margin:0;font-family:Outfit,sans-serif;color:var(--accent-bloom, #ff8da1);font-size:1.2rem}.header-actions{display:flex;gap:12px;align-items:center}.create-new-btn{background:#ff8da126;border:1px solid var(--accent-bloom, #ff8da1);color:var(--accent-bloom, #ff8da1);border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.create-new-btn:hover{background:var(--accent-bloom, #ff8da1);color:#000}.close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;opacity:.6;transition:opacity .2s}.close-btn:hover{opacity:1}.blinkie-picker-search{padding:16px 20px}.blinkie-picker-search input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-family:inherit;outline:none;transition:border-color .2s}.blinkie-picker-search input:focus{border-color:var(--accent-bloom, #ff8da1)}.blinkie-picker-categories{padding:0 20px 16px;display:flex;gap:8px;overflow-x:auto}.cat-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:6px 14px;color:#fff;font-size:.85rem;white-space:nowrap;cursor:pointer;transition:all .2s}.cat-btn:hover{background:#ffffff1a}.cat-btn.active{background:var(--accent-bloom, #ff8da1);color:#000;border-color:var(--accent-bloom, #ff8da1)}.blinkie-picker-grid{flex:1;overflow-y:auto;padding:0 20px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.blinkie-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s}.blinkie-item img{max-width:100%;height:auto;border-radius:4px}.blinkie-name{font-size:.75rem;color:#fff9;text-align:center}.no-results{grid-column:1 / -1;text-align:center;padding:40px;color:#fff6;font-style:italic}.compose-mode{display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#faf8f5,#f5f2ed)}.compose-toolbar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border-bottom:1px solid #e5e0d8;flex-wrap:wrap}.toolbar-section{display:flex;gap:2px}.toolbar-section button{width:32px;height:32px;border:1px solid transparent;background:transparent;border-radius:4px;cursor:pointer;font-size:.9rem;color:#5c5c5c;transition:all .15s ease}.toolbar-section button:hover{background:#f0ebe3;border-color:#d4cfc5}.toolbar-section button.active{background:#e8e3d9;border-color:#c4bfb5;color:#333}.heading-select{padding:6px 10px;border:1px solid #d4cfc5;border-radius:4px;background:#fff;font-size:.85rem;color:#5c5c5c;cursor:pointer;min-width:100px}.heading-select:focus{outline:none;border-color:#a89e8c}.toolbar-divider{width:1px;height:24px;background:#d4cfc5;margin:0 4px}.toolbar-section.stats{font-size:.75rem;color:#8c8c8c;gap:12px}.toolbar-section.stats span{font-family:var(--font-mono, monospace)}.compose-editor-wrapper{flex:1;overflow:auto;padding:32px;display:flex;justify-content:center}.compose-paper{width:100%;max-width:720px;min-height:100%;background:#fff;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000d;border-radius:4px;padding:48px 64px}.compose-editor{font-family:Georgia,Times New Roman,serif;font-size:1.1rem;line-height:1.75;color:#2c2c2c}.compose-editor .ProseMirror{outline:none;min-height:400px}.compose-editor .ProseMirror>p:first-child:last-child:empty:before{content:"Begin writing your thoughts...";color:#aaa;font-style:italic;pointer-events:none}.compose-editor h1{font-size:2rem;font-weight:700;margin:1.5em 0 .75em;color:#1a1a1a;border-bottom:1px solid #e5e0d8;padding-bottom:.3em}.compose-editor h2{font-size:1.5rem;font-weight:600;margin:1.25em 0 .5em;color:#2a2a2a}.compose-editor h3{font-size:1.2rem;font-weight:600;margin:1em 0 .5em;color:#3a3a3a}.compose-editor p{margin:0 0 1em}.compose-editor ul,.compose-editor ol{margin:.5em 0 1em;padding-left:1.5em}.compose-editor li{margin:.25em 0}.compose-editor li p{margin:0}.compose-editor blockquote{margin:1em 0;padding:.75em 1.5em;border-left:4px solid #d4cfc5;background:#faf8f5;font-style:italic;color:#5c5c5c}.compose-editor blockquote p{margin:0}.compose-editor code{font-family:SF Mono,Consolas,monospace;font-size:.9em;background:#f5f2ed;padding:.15em .4em;border-radius:3px;color:#c7254e}.compose-editor pre{margin:1em 0;padding:1em;background:#2d2d2d;border-radius:6px;overflow-x:auto}.compose-editor pre code{background:none;color:#f8f8f2;padding:0;font-size:.85rem;line-height:1.5}.compose-editor hr{border:none;border-top:1px solid #d4cfc5;margin:2em 0}.compose-editor img{max-width:100%;height:auto;border-radius:4px;margin:1em 0}.compose-editor strong{font-weight:700}.compose-editor em{font-style:italic}.compose-editor s{text-decoration:line-through;color:#8c8c8c}.compose-blinkie-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.compose-blinkie-modal{background:#fff;border-radius:8px;box-shadow:0 20px 60px #0000004d;max-width:400px;max-height:500px;overflow:hidden}.compose-mode.focused .compose-paper{box-shadow:0 2px 6px #00000014,0 8px 24px #00000014}.connect-mode{display:grid;grid-template-columns:1fr 320px;height:100%;background:#1a1a2e}.connect-canvas{display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(circle at center,rgba(100,100,180,.1) 0%,transparent 50%),radial-gradient(circle at 25px 25px,rgba(255,255,255,.03) 2px,transparent 0);background-size:100% 100%,50px 50px}.connection-graph{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center}.central-node{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 60px #667eea66,0 4px 20px #0000004d;z-index:10}.central-node .node-icon{font-size:2rem;margin-bottom:4px}.central-node .node-label{font-size:.8rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.no-connections{position:absolute;bottom:40px;text-align:center;color:#ffffff80}.no-connections p{margin:0;font-size:.9rem;font-weight:600}.no-connections span{font-size:.75rem;font-style:italic}.connected-node{position:absolute;width:80px;height:80px;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2);transform:rotate(var(--angle)) translate(150px) rotate(calc(-1 * var(--angle)));cursor:pointer;transition:all .2s ease}.connected-node:hover{transform:rotate(var(--angle)) translate(150px) rotate(calc(-1 * var(--angle))) scale(1.1);border-color:#ffffff80}.connected-node.spore{background:#66ea7e33;border-color:#66ea7e66}.connected-node.spellbook{background:#ea7e6633;border-color:#ea7e6666}.connected-node.ritual{background:#7e66ea33;border-color:#7e66ea66}.connected-node .node-icon{font-size:1.5rem}.connected-node .node-label{font-size:.65rem;color:#fff;margin-top:2px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connected-node .node-relationship{font-size:.55rem;color:#ffffff80;font-style:italic}.connect-sidebar{background:#252542;border-left:1px solid rgba(255,255,255,.1);padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.connect-section{background:#ffffff08;border-radius:8px;padding:16px}.connect-section h3{margin:0 0 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.tag-input-wrapper{display:flex;gap:8px;margin-bottom:12px}.tag-input{flex:1;padding:8px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.85rem}.tag-input::placeholder{color:#ffffff4d}.tag-input:focus{outline:none;border-color:#667eea80}.tag-add-btn{width:36px;height:36px;background:#667eea4d;border:1px solid rgba(102,126,234,.5);border-radius:6px;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .15s ease}.tag-add-btn:hover{background:#667eea80}.tags-list{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:20px;font-size:.8rem;color:#ffffffe6}.tag button{background:none;border:none;color:#ffffff80;font-size:1rem;cursor:pointer;padding:0;line-height:1}.tag button:hover{color:#fff}.no-tags{font-size:.8rem;color:#ffffff4d;font-style:italic}.linked-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff0d;border-radius:6px}.linked-icon{font-size:1.2rem}.linked-name{font-size:.85rem;color:#fffc}.link-btn{width:100%;padding:10px 12px;background:transparent;border:1px dashed rgba(255,255,255,.2);border-radius:6px;color:#ffffff80;font-size:.85rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:8px}.link-btn:hover:not(.disabled){border-color:#fff6;color:#fffc;background:#ffffff0d}.link-btn.disabled{opacity:.5;cursor:not-allowed}.link-btn span{font-size:1.1rem}.section-hint{font-size:.75rem;color:#fff6;margin:0 0 12px;line-height:1.4}.metadata-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metadata-item{display:flex;flex-direction:column;gap:4px}.metadata-item label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:#fff6}.metadata-item span{font-size:.85rem;color:#fffc}.metadata-item span.mono{font-family:var(--font-mono, monospace);font-size:.75rem}.status-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-badge.active{background:#66ea7e33;color:#66ea7e}.status-badge.fragmenting{background:#eaca6633;color:#eaca66}.status-badge.mulched{background:#ea666633;color:#ea6666}.contemplate-mode{display:flex;justify-content:center;align-items:flex-start;height:100%;background:linear-gradient(180deg,#0f0f1a,#1a1a2e);overflow-y:auto;padding:48px 24px}.contemplate-content{width:100%;max-width:800px}.contemplate-header{margin-bottom:48px;text-align:center}.contemplate-header h1{font-size:2.5rem;font-weight:300;color:#fff;margin:0 0 16px;line-height:1.2;letter-spacing:-.02em}.contemplate-meta{display:flex;flex-direction:column;align-items:center;gap:12px}.meta-date{font-size:.9rem;color:#ffffff80;font-style:italic}.meta-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.meta-tag{padding:4px 12px;background:#667eea33;border:1px solid rgba(102,126,234,.3);border-radius:20px;font-size:.75rem;color:#ffffffb3}.contemplate-canvas{position:relative;width:100%;min-height:400px;border-radius:12px;overflow:hidden;margin-bottom:48px;box-shadow:0 4px 24px #0000004d,0 0 0 1px #ffffff0d}.canvas-element-render{position:absolute}.canvas-element-render img{display:block;max-width:100%;height:auto}.textbox-render{padding:8px;white-space:pre-wrap;word-break:break-word}.stickynote-render{padding:16px;min-width:120px;min-height:100px;font-family:Patrick Hand,cursive;font-size:14px;color:#333;box-shadow:3px 3px 8px #0003}.contemplate-text{font-family:Georgia,Times New Roman,serif;font-size:1.15rem;line-height:1.85;color:#ffffffd9}.contemplate-text h1{font-size:2rem;font-weight:400;margin:2em 0 .75em;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.3em}.contemplate-text h2{font-size:1.5rem;font-weight:400;margin:1.5em 0 .5em;color:#fffffff2}.contemplate-text h3{font-size:1.2rem;font-weight:500;margin:1.25em 0 .5em;color:#ffffffe6}.contemplate-text p{margin:0 0 1.25em}.contemplate-text ul,.contemplate-text ol{margin:.75em 0 1.25em;padding-left:1.5em}.contemplate-text li{margin:.4em 0}.contemplate-text blockquote{margin:1.5em 0;padding:1em 1.5em;border-left:3px solid rgba(102,126,234,.5);background:#667eea1a;border-radius:0 8px 8px 0;font-style:italic;color:#ffffffb3}.contemplate-text blockquote p{margin:0}.contemplate-text code{font-family:SF Mono,Consolas,monospace;font-size:.9em;background:#ffffff1a;padding:.2em .4em;border-radius:4px;color:#f8b4c4}.contemplate-text pre{margin:1.5em 0;padding:1.25em;background:#0006;border-radius:8px;overflow-x:auto}.contemplate-text pre code{background:none;color:#e0e0e0;padding:0;font-size:.85rem;line-height:1.6}.contemplate-text hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:2.5em 0}.contemplate-text img{max-width:100%;height:auto;border-radius:8px;margin:1.5em 0;box-shadow:0 4px 20px #0000004d}.contemplate-text img.inline-image{display:inline;vertical-align:middle;margin:0 .25em;border-radius:2px;box-shadow:none}.contemplate-text strong{font-weight:700;color:#fff}.contemplate-text em{font-style:italic}.contemplate-text s{text-decoration:line-through;color:#ffffff80}.contemplate-empty{text-align:center;padding:64px 24px;color:#fff6}.contemplate-empty p{font-size:1.25rem;margin:0 0 8px}.contemplate-empty span{font-size:.9rem;font-style:italic}.contemplate-footer{margin-top:64px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:center}.growth-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border-radius:20px}.growth-icon{font-size:1rem}.growth-label{font-size:.8rem;color:#fff9;font-weight:500}.spore-rename-control{display:flex;align-items:center}.spore-rename-display{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.spore-rename-name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-primary);cursor:default;display:flex;align-items:center;gap:var(--space-1)}.spore-rename-name:not(.locked){cursor:text}.spore-rename-name:not(.locked):hover{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.spore-rename-name.locked{cursor:not-allowed}.lock-indicator{font-size:.75em;opacity:.7;margin-left:2px}.spore-rename-actions{display:flex;gap:var(--space-1);align-items:center}.spore-rename-btn{background:#fff;border:1.5px solid rgba(0,0,0,.15);color:var(--color-text-secondary);padding:4px 10px;font-size:.75rem;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;line-height:1}.spore-rename-btn:hover{border-color:#00000040}.spore-rename-btn:focus-visible{outline:2px solid var(--color-accent-lavender);outline-offset:2px}.spore-rename-btn.rename{background:var(--color-accent-mint);border-color:#16a34a;color:#166534}.spore-rename-btn.rename:hover{background:#86efac}.spore-rename-btn.save{background:var(--color-accent-mint);border-color:#16a34a;color:#166534;padding:4px 8px}.spore-rename-btn.save:hover{background:#86efac}.spore-rename-btn.cancel{background:#fee2e2;border-color:#fca5a5;color:#dc2626;padding:4px 8px}.spore-rename-btn.cancel:hover{background:#fecaca;border-color:#f87171}.spore-rename-btn.lock-toggle{padding:4px 8px;min-width:28px}.spore-rename-btn.lock-toggle.unlocked{background:#fff;border-color:#00000026;color:var(--color-text-tertiary)}.spore-rename-btn.lock-toggle.unlocked:hover,.spore-rename-btn.lock-toggle.locked{background:#fef3c7;border-color:#fbbf24;color:#b45309}.spore-rename-btn.lock-toggle.locked:hover{background:#fde68a}.spore-rename-edit{display:flex;gap:var(--space-1);align-items:center;flex:1}.spore-rename-input{flex:1;min-width:120px;max-width:300px;background:#fff;border:1.5px solid var(--color-primary);padding:6px 10px;font-size:.9rem;font-family:var(--font-display);font-weight:700;color:var(--color-primary);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}.spore-rename-input:focus{outline:none;border-color:var(--color-accent-lavender);box-shadow:0 0 0 3px #c8b6ff33}.spore-rename-input::placeholder{color:var(--color-text-tertiary);font-weight:500}.spore-rename-control.compact .spore-rename-name{font-size:.875rem}.spore-rename-control.compact .spore-rename-btn{padding:2px 6px;font-size:.7rem}.spore-rename-control.compact .spore-rename-btn.lock-toggle{min-width:22px}.spore-rename-control.compact .spore-rename-input{padding:4px 8px;font-size:.8rem}.spore-rename-control.inline{flex-wrap:wrap}@keyframes pulse-lock{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.spore-rename-btn.lock-toggle:active{animation:pulse-lock .2s ease}.artboard-picker-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.artboard-picker-modal{background:#0d0d1a;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 30px 80px #0009;max-width:900px;max-height:85vh;width:95%;overflow:hidden;display:flex;flex-direction:column}.artboard-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.header-left{display:flex;align-items:baseline;gap:12px}.header-left h2{margin:0;font-size:1.2rem;font-weight:600;color:#fff;letter-spacing:-.01em}.header-left .asset-count{font-size:.75rem;color:#fff6}.artboard-picker-close{width:32px;height:32px;border:none;background:#ffffff14;color:#fff9;font-size:1.4rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.artboard-picker-close:hover{background:#ffffff26;color:#fff}.favorites-hint{padding:8px 20px;font-size:.75rem;color:gold;background:#ffd70014;border-bottom:1px solid rgba(255,215,0,.1)}.solid-colors-row{display:flex;gap:8px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.solid-color-btn{width:56px;height:42px;border:2px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;position:relative;transition:all .15s;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px}.solid-color-btn:hover{transform:scale(1.08);border-color:#fff6}.solid-color-btn.is-favorite{border-color:gold;box-shadow:0 0 12px #ffd7004d}.solid-color-btn .fav-star{position:absolute;top:-6px;right:-6px;font-size:.7rem;color:gold;text-shadow:0 1px 3px rgba(0,0,0,.5)}.solid-color-btn .color-size{font-size:.55rem;font-family:monospace;color:#00000080;text-shadow:0 0 4px rgba(255,255,255,.8);font-weight:700}.solid-color-btn[style*="#1a1a2e"] .color-size,.solid-color-btn[style*="#2d4a3e"] .color-size{color:#ffffff80;text-shadow:none}.artboard-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:16px 20px;overflow-y:auto;flex:1}.artboard-thumb{position:relative;aspect-ratio:16 / 10;border:2px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;cursor:pointer;background:#111;padding:0;transition:border-color .15s}.artboard-thumb:hover{border-color:#ffffff4d}.artboard-thumb.is-favorite{border-color:gold;box-shadow:0 0 16px #ffd70040}.thumb-image{width:100%;height:100%;background-size:cover;background-position:center;image-rendering:pixelated}.thumb-size{position:absolute;bottom:4px;left:4px;background:#000000bf;color:#ffffffe6;font-size:.65rem;font-family:monospace;padding:2px 6px;border-radius:4px;pointer-events:none}.pin-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border:none;border-radius:50%;background:#0009;color:#ffffff80;font-size:.8rem;cursor:pointer;opacity:0;transition:all .15s;display:flex;align-items:center;justify-content:center}.artboard-thumb:hover .pin-btn{opacity:1}.pin-btn:hover{background:#000c;color:#fff}.pin-btn.pinned{opacity:1;color:gold;background:#ffd70033}.picker-hint{padding:12px 20px;font-size:.7rem;color:#fff6;text-align:center;border-top:1px solid rgba(255,255,255,.08)}@media(max-width:600px){.artboard-picker-modal{max-height:95vh;border-radius:16px 16px 0 0;position:fixed;bottom:0;width:100%;max-width:100%}.artboard-picker-grid{grid-template-columns:repeat(2,1fr);gap:8px}.solid-colors-row{justify-content:center}}.holding-area{display:flex;flex-direction:column;gap:var(--space-5);min-height:100%;position:relative;padding:var(--space-6);overflow-x:hidden}.field-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:linear-gradient(180deg,#f0f7ff,#fefefe,#fff9fb)}.mist{position:absolute;width:200%;height:200%;opacity:.08;animation:mistFloat 40s linear infinite}.mist-1{background:radial-gradient(ellipse at 30% 40%,rgba(200,182,255,.3) 0%,transparent 50%)}.mist-2{background:radial-gradient(ellipse at 70% 60%,rgba(255,133,162,.2) 0%,transparent 50%);animation-direction:reverse;animation-duration:60s}@keyframes mistFloat{0%{transform:translate(-10%,-10%) rotate(0)}to{transform:translate(-10%,-10%) rotate(360deg)}}.spore-field-header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:var(--space-4);border-bottom:2px solid var(--color-primary);position:relative;z-index:1}.header-main{display:flex;flex-direction:column;gap:2px}.field-title{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-primary);letter-spacing:.02em}.field-subtitle{margin:0;font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.header-stats{display:flex;gap:var(--space-4)}.header-stats .stat{font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.header-stats .stat strong{color:var(--color-primary);font-weight:800}.header-stats .stat.free strong{color:#0369a1}.header-stats .stat.linked strong{color:#15803d}.quick-capture{display:flex;gap:var(--space-3);position:relative;z-index:1}.capture-input-wrapper{flex:1;display:flex;max-width:600px;background:#fff;border:2px solid var(--color-primary);border-radius:var(--radius-md);overflow:hidden;box-shadow:4px 4px #ff85a226;transition:box-shadow .2s ease,border-color .2s ease}.capture-input-wrapper:focus-within{border-color:var(--color-accent-lavender);box-shadow:4px 4px #c8b6ff40}.capture-input{flex:1;border:none;padding:var(--space-3) var(--space-4);font-size:1rem;color:var(--color-text-primary);background:transparent}.capture-input:focus{outline:none}.capture-input::placeholder{color:var(--color-text-tertiary)}.btn-plant{background:var(--color-accent-mint);border:none;border-left:2px solid var(--color-primary);color:#166534;padding:var(--space-3) var(--space-5);font-weight:800;cursor:pointer;transition:background .2s ease}.btn-plant:hover:not(:disabled){background:#86efac}.btn-plant:disabled{opacity:.5;cursor:not-allowed}.btn-artboard{background:#fff;border:2px solid var(--color-accent-lavender);color:#7c3aed;padding:var(--space-3) var(--space-4);font-weight:700;font-size:.85rem;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-artboard:hover{background:var(--color-accent-lavender);color:#fff}.field-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;position:relative;z-index:1}.filter-tabs{display:flex;gap:2px;background:#0000000d;border-radius:var(--radius-sm);padding:2px}.filter-tab{background:transparent;border:none;padding:6px 16px;font-size:.8rem;font-weight:700;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.filter-tab:hover{color:var(--color-text-primary)}.filter-tab.active{background:#fff;color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.search-sort{display:flex;gap:var(--space-2);flex:1;max-width:400px}.search-input{flex:1;min-width:150px;background:#fff;border:1.5px solid rgba(0,0,0,.1);padding:8px 12px;font-size:.85rem;border-radius:var(--radius-sm)}.search-input:focus{outline:none;border-color:var(--color-accent-lavender)}.sort-select{background:#fff;border:1.5px solid rgba(0,0,0,.1);padding:8px 12px;font-size:.85rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer}.view-toggle{display:flex;gap:2px;background:#0000000d;border-radius:var(--radius-sm);padding:2px}.view-btn{background:transparent;border:none;padding:6px 12px;font-size:.75rem;font-weight:700;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.view-btn.active{background:#fff;color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.spore-field{display:grid;gap:var(--space-2);position:relative;z-index:1;min-height:200px}.spore-field.cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.spore-field.compact{grid-template-columns:1fr;max-width:500px;gap:var(--space-1)}.spore-field.compact .spore-card{padding:var(--space-1) var(--space-2);min-height:36px;border-width:1px;box-shadow:none}.spore-field.compact .spore-card:hover{box-shadow:1px 1px #c8b6ff26}.spore-field.compact .type-icon{width:22px;height:22px;font-size:.75rem}.spore-field.compact .spore-card-title{font-size:.8rem}.empty-field{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10);color:var(--color-text-tertiary)}.empty-icon{font-size:3rem;opacity:.3;margin-bottom:var(--space-4);font-family:var(--font-display)}.empty-title{font-size:1.1rem;font-weight:700;color:var(--color-text-secondary);margin:0 0 var(--space-2)}.empty-hint{font-size:.9rem;margin:0;max-width:300px}.spore-detail-panel{background:#fff;border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:6px 6px #ff85a226;position:relative;z-index:2;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid rgba(0,0,0,.1)}.detail-info{display:flex;flex-direction:column;gap:2px}.detail-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-primary)}.detail-date{font-size:.75rem;color:var(--color-text-tertiary);font-style:italic}.detail-actions{display:flex;gap:var(--space-2)}.btn-edit{background:var(--color-accent-lavender);border:none;color:#fff;padding:6px 14px;font-size:.75rem;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease}.btn-edit:hover{background:#a78bfa}.btn-close{background:#fff;border:1.5px solid rgba(0,0,0,.2);color:var(--color-text-secondary);padding:6px 14px;font-size:.75rem;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.btn-close:hover{background:#fee2e2;border-color:#f87171;color:#dc2626}.btn-rename{background:var(--color-accent-mint);border:none;color:#166534;padding:6px 14px;font-size:.75rem;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease}.btn-rename:hover{background:#86efac}.rename-input-wrapper{display:flex;gap:var(--space-2);align-items:center;flex:1;max-width:400px}.rename-input{flex:1;background:#fff;border:1.5px solid var(--color-primary);padding:6px 10px;font-size:.9rem;font-family:var(--font-display);font-weight:700;color:var(--color-primary);border-radius:var(--radius-sm);transition:border-color .2s ease}.rename-input:focus{outline:none;border-color:var(--color-accent-lavender);box-shadow:0 0 0 3px #c8b6ff26}.rename-input::placeholder{color:var(--color-text-tertiary)}.btn-rename-save,.btn-rename-cancel{background:#fff;border:1.5px solid rgba(0,0,0,.2);color:var(--color-text-secondary);width:32px;height:32px;padding:0;font-size:.9rem;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-rename-save:hover{background:var(--color-accent-mint);border-color:#16a34a;color:#166534}.btn-rename-cancel:hover{background:#fee2e2;border-color:#f87171;color:#dc2626}@media(max-width:768px){.holding-area{padding:var(--space-4)}.spore-field-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.field-controls{flex-direction:column;align-items:stretch}.search-sort{max-width:none}.quick-capture{flex-direction:column}.capture-input-wrapper{max-width:none}.spore-field.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:480px){.spore-field.cards{grid-template-columns:1fr 1fr;gap:var(--space-2)}.spore-field.compact{max-width:none}}.tag-input-wrapper{display:flex;flex-direction:column;gap:var(--space-2);position:relative;isolation:isolate}.tag-input-header{display:flex;align-items:center;gap:var(--space-2)}.tag-input-label{font-size:var(--text-sm);font-weight:800;color:#5e548e;text-transform:uppercase;letter-spacing:.5px}.tag-input-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(135deg,var(--color-accent-mint) 0%,var(--color-accent-blue) 100%);color:#1a5a3a;font-size:.7rem;font-weight:900;border-radius:10px;animation:countPulse .3s ease-out}@keyframes countPulse{0%{transform:scale(1.3)}to{transform:scale(1)}}.tag-quick-picks{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);padding:8px 10px;background:linear-gradient(90deg,#ffd70014,#00ffff14);border:1px dashed rgba(218,112,214,.3);border-radius:var(--radius-sm);animation:quickPicksFadeIn .2s ease-out}@keyframes quickPicksFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tag-quick-picks-label{font-size:.65rem;font-weight:700;color:#a89cc8;text-transform:uppercase;letter-spacing:.5px;margin-right:var(--space-1)}.tag-quick-pick{padding:3px 10px;background:#fff;border:1.5px solid rgba(218,112,214,.4);border-radius:12px;font-size:.7rem;font-weight:700;color:#5e548e;cursor:pointer;transition:all .15s ease;box-shadow:1px 1px #00000008}.tag-quick-pick:hover{background:var(--color-accent-lavender);border-color:var(--color-accent-lavender);color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #da70d64d}.tag-quick-pick:active{transform:translateY(0) scale(.95)}.tag-input-container{position:relative}.tag-input-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;min-height:36px}.tag-input-tag{display:flex;align-items:center;gap:var(--space-1);background:var(--color-accent-lavender);color:#5e548e;padding:4px 8px;font-size:.75rem;font-weight:800;border-radius:var(--radius-sm);border:1.5px solid white;box-shadow:2px 2px #0000000d;animation:tagPop .2s ease-out}@keyframes tagPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.tag-input-tag--just-added{animation:tagJustAdded .6s ease-out}@keyframes tagJustAdded{0%{transform:scale(.5);opacity:0;box-shadow:0 0 #00ff00b3}30%{transform:scale(1.15);opacity:1;box-shadow:0 0 20px 5px #0f06}50%{transform:scale(.95);box-shadow:0 0 10px 2px #0f03}70%{transform:scale(1.02)}to{transform:scale(1);box-shadow:2px 2px #0000000d}}.tag-input-tag-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-input-tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:#fff9;border:none;border-radius:50%;font-size:14px;font-weight:700;color:#5e548e;cursor:pointer;transition:all .15s ease;line-height:1}.tag-input-tag-remove:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.tag-input-field{flex:1;min-width:120px;background:#fff;border:1.5px solid var(--color-accent-lavender);border-radius:var(--radius-sm);color:#333;font-size:.8rem;font-weight:600;padding:6px 14px;outline:none;box-shadow:inset 2px 2px #00000005;transition:border-color .15s ease,box-shadow .15s ease}.tag-input-field::placeholder{color:#a89cc8;font-style:italic}.tag-input-field:focus{border-color:var(--color-accent-blue);box-shadow:0 0 8px #00ffff4d,inset 2px 2px #00000005}.tag-input-field--hashtag{color:var(--color-primary)}.tag-input-field:disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.tag-input-hints{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1);opacity:.7;transition:opacity .2s ease}.tag-input-wrapper:focus-within .tag-input-hints{opacity:1}.tag-input-hint{display:inline-flex;align-items:center;gap:3px;font-size:.65rem;color:#8a7fb8}.tag-input-hint kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 4px;background:#fff;border:1px solid rgba(218,112,214,.3);border-radius:3px;font-family:inherit;font-size:.6rem;font-weight:700;color:#5e548e;box-shadow:0 1px #0000001a}.tag-suggestion-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:2px solid var(--color-accent-lavender);border-radius:var(--radius-sm);box-shadow:0 8px 20px #5e548e26,0 2px 6px #0000001a;max-height:240px;overflow-y:auto;z-index:1000;animation:dropdownSlide .15s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tag-suggestion-item{display:flex;align-items:center;padding:10px 14px;cursor:pointer;transition:background .1s ease;border-bottom:1px solid rgba(218,112,214,.1)}.tag-suggestion-item:last-child{border-bottom:none}.tag-suggestion-item:hover,.tag-suggestion-item--selected{background:linear-gradient(90deg,#da70d626,#00ffff1a)}.tag-suggestion-item--selected{background:linear-gradient(90deg,#da70d640,#00ffff26)}.tag-suggestion-item--create{background:#ffd7001a;border-bottom:2px solid rgba(255,215,0,.3)}.tag-suggestion-item--create:hover{background:#ffd70033}.tag-suggestion-create-label{font-size:.7rem;font-weight:600;color:#a89cc8;margin-right:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.tag-suggestion-create-value{font-weight:800;color:var(--color-primary)}.tag-suggestion-text{font-size:.85rem;font-weight:600;color:#5e548e}.tag-suggestion-hash{color:var(--color-primary);margin-right:1px}.tag-suggestion-match{background:#ffd70066;color:#333;font-weight:800;border-radius:2px;padding:0 1px}.tag-suggestion-dropdown::-webkit-scrollbar{width:8px}.tag-suggestion-dropdown::-webkit-scrollbar-track{background:#da70d61a}.tag-suggestion-dropdown::-webkit-scrollbar-thumb{background:var(--color-accent-lavender);border-radius:4px}.tag-suggestion-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.tag-input-wrapper--dark .tag-input-field{background:#fffffff2;border-color:var(--color-primary)}.tag-input-wrapper--dark .tag-input-tag{background:var(--color-primary);color:#fff;border-color:#ffffff80}.tag-input-wrapper--dark .tag-input-tag-remove:hover{background:#fff;color:var(--color-primary)}.tag-input-wrapper--compact .tag-input-tags{gap:var(--space-1)}.tag-input-wrapper--compact .tag-input-tag{padding:2px 6px;font-size:.7rem}.tag-input-wrapper--compact .tag-input-field{padding:4px 10px;font-size:.75rem;min-width:100px}.tag-input-wrapper--inline .tag-input-tags{flex-wrap:nowrap;overflow-x:auto}.tag-input-wrapper--inline .tag-input-tags::-webkit-scrollbar{height:4px}.tag-input-wrapper--inline .tag-input-tags::-webkit-scrollbar-thumb{background:var(--color-accent-lavender);border-radius:2px}.tag-input-tag:nth-child(5n+1){background:var(--color-accent-lavender);color:#5e548e}.tag-input-tag:nth-child(5n+2){background:#0ff6;color:#0a6e6e}.tag-input-tag:nth-child(5n+3){background:#ffd70080;color:#8b6914}.tag-input-tag:nth-child(5n+4){background:#00ff0059;color:#1a5a2a}.tag-input-tag:nth-child(5n+5){background:#ff149359;color:#8b1457}.tag-quick-pick:nth-child(6n+2){border-color:#00ffff80}.tag-quick-pick:nth-child(6n+3){border-color:#ffd70080}.tag-quick-pick:nth-child(6n+4){border-color:#0f06}.tag-quick-pick:nth-child(6n+5){border-color:#ff149366}.tag-quick-pick:nth-child(6n+6){border-color:#da70d680}.tag-quick-pick:nth-child(6n+2):hover{background:#00ffff4d;border-color:var(--color-accent-blue)}.tag-quick-pick:nth-child(6n+3):hover{background:#ffd7004d;border-color:var(--color-accent-gold)}.tag-quick-pick:nth-child(6n+4):hover{background:#00ff004d;border-color:var(--color-accent-mint)}.tag-quick-pick:nth-child(6n+5):hover{background:#ff14934d;border-color:var(--color-primary)}@media(prefers-reduced-motion:reduce){.tag-input-tag,.tag-input-tag--just-added,.tag-suggestion-dropdown,.tag-quick-picks,.tag-input-count{animation:none}.tag-quick-pick,.tag-input-tag-remove{transition:none}}.soul-detail-editor-overlay{position:fixed;inset:0;background:#bde0fe66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.soul-detail-editor{width:100%;max-width:900px;height:85vh;background:var(--color-surface);border:3px solid white;border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 15px 40px #ff85a226,0 0 0 6px #fff}.soul-detail-editor header{background:linear-gradient(90deg,#ff85a2,#c8b6ff);padding:1.5rem 2.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid white}.header-labels{display:flex;flex-direction:column;gap:.5rem}.soul-detail-editor h2{margin:0;color:#fff;font-family:var(--font-display);font-weight:900;font-size:1.4rem;text-shadow:2px 2px 0 rgba(0,0,0,.1);letter-spacing:.1em}.editor-tabs{display:flex;background:#ffffff4d;padding:2px;border-radius:var(--radius-sm);gap:2px}.editor-tab{background:transparent;border:none;padding:8px 16px;font-weight:800;font-size:.75rem;text-transform:uppercase;color:#fff;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.editor-tab.active{background:#fff;color:var(--color-primary);box-shadow:0 4px 10px #0000001a}.btn-close{background:#fff;border:1.5px solid var(--color-primary);color:var(--color-primary);width:36px;height:36px;border-radius:var(--radius-sm);cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:2px 2px #ff85a233}.btn-close:hover{transform:rotate(90deg) scale(1.1)}.editor-content-area{flex:1;overflow-y:auto;background:var(--glitter-texture),linear-gradient(180deg,#fff,#f0f7ff);background-size:40px 40px,100% 100%}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;padding:3rem}.info-field{display:flex;flex-direction:column;gap:.8rem}.full-width{grid-column:1 / -1}.info-field label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.info-field input,.info-field textarea{background:#fff;border:2px solid var(--color-accent-lavender);border-radius:var(--radius-md);padding:1rem;font-weight:600;color:var(--color-text-primary);box-shadow:0 4px 10px #c8b6ff1a;transition:all .2s}.info-field input:focus,.info-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 15px #ff85a233;transform:translateY(-2px)}.list-tags{display:flex;gap:.6rem;flex-wrap:wrap}.list-tag{background:var(--color-accent-mint);padding:4px 12px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:700;color:#2d6a4f;display:flex;align-items:center;gap:.5rem;border:1.5px solid white;box-shadow:2px 2px #b9fbc04d}.list-link{background:#fff;border:1.5px solid var(--color-accent-blue);padding:.8rem 1.2rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 8px #0000000d}.magic-portal{padding:4rem;display:flex;flex-direction:column;gap:3rem;max-width:750px;margin:0 auto}.magic-step{background:#fff;padding:2.5rem;border-radius:var(--radius-lg);border:2px solid var(--color-accent-lavender);box-shadow:0 10px 30px #0000000d}.btn-copy-prompt{background:var(--color-accent-blue);border:2px solid white;color:#0077b6;padding:1rem 2rem;border-radius:var(--radius-full);font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:0 8px 15px #90e0ef4d}.paste-area{min-height:200px}.btn-apply-magic{background:var(--color-primary);color:#fff;font-weight:900;border-radius:var(--radius-sm);padding:1rem;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;box-shadow:4px 4px #ff85a233;cursor:pointer}.btn-apply-magic:disabled{opacity:.4;cursor:not-allowed}.editor-footer{padding:1.5rem 3rem;background:#fff;display:flex;justify-content:flex-end;gap:1.5rem;border-top:2px solid var(--color-accent-lavender)}.btn-save-soul{background:var(--color-accent-mint);color:#2d6a4f;padding:.8rem 3rem;border-radius:var(--radius-sm);font-weight:900;text-transform:uppercase;letter-spacing:.1em;border:2px solid white;box-shadow:4px 4px #b9fbc033;cursor:pointer}.btn-save-soul:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 25px #b9fbc099}.footer-actions{display:flex;justify-content:space-between;align-items:center;width:100%}.footer-actions .keyboard-hint{font-size:.75rem}.soul-detail-editor footer{padding:1.5rem 3rem;background:#fff;border-top:2px solid var(--color-accent-lavender)}.btn-save{background:var(--color-accent-mint);color:#2d6a4f;padding:.8rem 3rem;border-radius:var(--radius-sm);font-weight:900;text-transform:uppercase;letter-spacing:.1em;border:2px solid white;box-shadow:4px 4px #b9fbc033;cursor:pointer;transition:all .2s}.btn-save:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 25px #b9fbc099}.soul-manager{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.soul-manager-header{display:flex;justify-content:space-between;align-items:center}.soul-manager-header h2{font-size:1.5rem;font-weight:300;letter-spacing:.1em;text-transform:uppercase;margin:0}.btn-icon{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:background .2s}.btn-icon:hover{background:var(--color-primary)}.soul-create-form{display:flex;gap:1rem;padding:1rem;border-radius:12px}.soul-create-form input{flex:1;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.5rem;color:#fff;outline:none}.soul-create-form button{background:var(--color-primary);border:none;padding:.5rem 1rem;border-radius:4px;color:#fff;cursor:pointer}.soul-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.soul-card{position:relative;padding:1.5rem;border-radius:16px;display:flex;gap:1rem;align-items:center;transition:transform .2s}.soul-card:hover{transform:translateY(-4px)}.soul-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;opacity:.8}.soul-info{flex:1}.soul-info h3{margin:0;font-size:1.1rem;font-weight:500}.soul-essence{font-size:.8rem;font-style:italic;opacity:.6;margin:.1rem 0;color:var(--color-primary)}.soul-bio{font-size:.85rem;opacity:.7;margin:.25rem 0}.soul-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.tag{font-size:.7rem;background:#ffffff1a;padding:2px 6px;border-radius:4px;text-transform:uppercase}.btn-edit-details{margin-top:.8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.7rem;padding:4px 8px;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .2s}.btn-edit-details:hover{background:#ffffff1a;border-color:var(--color-primary)}.btn-delete{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:#fff;opacity:.3;font-size:1.2rem;cursor:pointer;transition:opacity .2s,color .2s}.soul-card:hover .btn-delete{opacity:.7}.btn-delete:hover{color:#ff4d4d;opacity:1!important}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.empty-state{text-align:center;opacity:.5;font-style:italic;margin-top:3rem}.thread-editor{padding:1.5rem;border-radius:16px;margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.thread-editor h3{margin:0;font-size:1.2rem;font-weight:300;letter-spacing:.05em;text-transform:uppercase}.thread-form{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.thread-form select,.thread-form input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem;color:#fff;outline:none}.thread-connector{font-size:1.5rem;opacity:.5}.thread-form button{background:var(--color-primary);border:none;padding:.5rem 1.5rem;border-radius:8px;color:#fff;cursor:pointer;transition:opacity .2s}.thread-form button:disabled{opacity:.3;cursor:not-allowed}.active-threads{margin-top:1rem}.active-threads h4{margin:0 0 .5rem;font-size:.9rem;opacity:.6;text-transform:uppercase;letter-spacing:.1em}.active-threads ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.active-threads li{font-size:.9rem;background:#ffffff08;padding:.5rem 1rem;border-radius:6px;display:flex;gap:1rem;align-items:center}.thread-label{padding:2px 8px;background:rgba(var(--color-primary-rgb),.2);border-radius:12px;font-size:.75rem;color:var(--color-primary);font-weight:700}.lyrics-modal-overlay{position:fixed;inset:0;background:#bde0fe66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:3001}.lyrics-modal{background:var(--color-surface);border:3px solid white;border-radius:var(--radius-md);width:90vw;max-width:1000px;height:80vh;max-height:700px;display:flex;flex-direction:column;box-shadow:0 10px 30px #ff85a233,0 0 0 6px #fff;overflow-y:auto;color:var(--color-text-primary)}.lyrics-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:linear-gradient(90deg,#ff85a2,#c8b6ff);border-bottom:2px solid white}.lyrics-header-info{flex:1}.lyrics-header h2{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.1);text-transform:uppercase;letter-spacing:.1em}.lyrics-album-title{margin:.25rem 0 0;font-size:.9rem;color:#ffffffe6;font-style:italic;font-weight:600}.lyrics-progress{display:flex;flex-direction:column;align-items:center;padding:.5rem 1rem;background:#fff;border:2px solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:3px 3px #ff85a233}.lyrics-progress-count{font-size:1.1rem;font-weight:800;color:var(--color-primary)}.lyrics-progress-label{font-size:.65rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.btn-close-lyrics{width:36px;height:36px;border:2px solid white;background:#fff3;color:#fff;border-radius:var(--radius-sm);font-size:1.2rem;font-weight:900;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-close-lyrics:hover{background:#fff;color:var(--color-primary);transform:scale(1.1)}.lyrics-body{flex:1;display:flex;overflow-y:auto;background:var(--glitter-texture),linear-gradient(180deg,#fff,#f0f7ff);background-size:40px 40px,100% 100%}.lyrics-track-list{width:280px;min-width:280px;background:#ffffff80;border-right:3px solid #000;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.track-list-hint{font-size:.8rem;color:var(--color-text-tertiary);padding:0 .5rem .5rem;margin:0 0 .5rem;border-bottom:2px dashed rgba(0,0,0,.1);font-weight:600}.track-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:3px solid #000;box-shadow:4px 4px #000;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.track-list-item:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000;background:var(--color-surface-elevated)}.track-list-item.active{background:var(--color-accent-blue);transform:translate(2px,2px);box-shadow:none}.track-list-item.has-lyrics .track-number{color:#2ed573}.track-number{font-size:.8rem;color:var(--color-text-secondary);min-width:1.5rem;font-weight:800}.track-title{flex:1;font-size:.9rem;font-weight:700;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-check{font-size:.9rem;color:#2ed573}.track-list-row{display:flex;align-items:stretch;gap:.5rem}.track-list-row .track-list-item{flex:1;min-width:0}.btn-copy-search{display:flex;align-items:center;justify-content:center;width:36px;min-width:36px;background:#fff;border:2px solid #000;border-radius:var(--radius-sm);box-shadow:2px 2px #000;cursor:pointer;font-size:.9rem;transition:all .15s ease}.btn-copy-search:hover{background:var(--color-accent-mint);transform:translate(-1px,-1px);box-shadow:3px 3px #000}.btn-copy-search.copied{background:#2ed573;color:#fff;transform:translate(1px,1px);box-shadow:none}.btn-copy-search-large{display:flex;align-items:center;gap:.5rem;background:#fff;border:2px solid #000;box-shadow:3px 3px #000;border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.75rem;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all .15s ease;color:#000;white-space:nowrap}.btn-copy-search-large:hover{background:var(--color-accent-mint);transform:translate(-2px,-2px);box-shadow:5px 5px #000}.editor-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.lyrics-toolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff9;border:2px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);margin-top:1rem}.btn-toolbar{display:flex;align-items:center;gap:.35rem;background:#fff;border:2px solid #000;box-shadow:3px 3px #000;border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.7rem;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all .15s ease;color:#000;white-space:nowrap}.btn-toolbar:hover{background:var(--color-accent-mint);transform:translate(-2px,-2px);box-shadow:5px 5px #000}.btn-toolbar:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.btn-toolbar-danger{border-color:#ff646466;box-shadow:3px 3px #ff64644d;color:#ff6b6b}.btn-toolbar-danger:hover{background:#ffebeb;border-color:#ff6b6b;box-shadow:5px 5px #ff646466}.toolbar-spacer{flex:1}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:2px dashed rgba(0,0,0,.1)}.lyrics-stats{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff9;border:1.5px solid rgba(200,182,255,.4);border-radius:var(--radius-sm);min-height:36px}.stat{font-size:.75rem;font-weight:700;color:var(--color-text-secondary)}.stat-divider{color:var(--color-text-tertiary);font-size:.6rem}.nav-position{font-size:.85rem;font-weight:800;color:var(--color-text-secondary);padding:0 1rem;min-width:60px;text-align:center}.lyrics-editor{flex:1;display:flex;flex-direction:column;padding:2rem;gap:1.5rem}.editor-header{display:flex;flex-direction:column;gap:.25rem}.editor-track-number{font-size:.8rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.15em;font-weight:900}.editor-track-title{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:900;color:#000}.lyrics-textarea{flex:1;resize:none;padding:1.5rem;font-family:var(--font-primary);font-size:1rem;font-weight:600;line-height:1.6;background:#fff;border:3px solid #000;border-radius:var(--radius-sm);color:#000;box-shadow:inset 4px 4px #0000000d;transition:all .2s ease}.lyrics-textarea::placeholder{color:var(--color-text-secondary);opacity:.5;font-style:italic}.lyrics-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:inset 4px 4px #0000000d,4px 4px #ff85a233}.editor-nav{display:flex;gap:1rem;justify-content:center}.btn-nav-prev,.btn-nav-next,.btn-skip{padding:.8rem 1.5rem;background:#fff;border:3px solid #000;box-shadow:4px 4px #000;border-radius:var(--radius-sm);font-size:.85rem;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all .15s ease;color:#000}.btn-nav-prev:hover:not(:disabled),.btn-nav-next:hover:not(:disabled){background:var(--color-accent-mint);transform:translate(-2px,-2px);box-shadow:6px 6px #000}.btn-skip{border-color:var(--color-accent-lavender);color:var(--color-text-secondary);box-shadow:3px 3px 0 var(--color-accent-lavender)}.btn-skip:hover:not(:disabled){background:var(--color-surface-overlay)}.btn-nav-prev:disabled,.btn-nav-next:disabled,.btn-skip:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.no-tracks{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-text-secondary);text-align:center;font-weight:700}.lyrics-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--color-surface-elevated);border-top:3px solid #000}.btn-cancel-lyrics{background:#fff;border:1.5px solid var(--color-accent-lavender);color:var(--color-text-secondary);font-weight:800;text-transform:uppercase;padding:.8rem 1.5rem;cursor:pointer;box-shadow:2px 2px #0000000d;border-radius:var(--radius-sm);transition:all .2s}.btn-cancel-lyrics:hover{background:#fff;border-color:var(--color-primary)}.btn-save-lyrics{background:var(--color-primary);border:2px solid white;color:#fff;padding:.8rem 2.5rem;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px #ff85a233;transition:all .2s;border-radius:var(--radius-sm);letter-spacing:.1em}.btn-save-lyrics:hover:not(:disabled){background:#ff5c8a;transform:translate(-2px,-2px);box-shadow:6px 6px #ff85a24d}.btn-save-lyrics:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-save-lyrics.is-saving{background:#ff5c8a;opacity:.8}.dissuasion-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.dissuasion-dialog{background:var(--bg-primary, #1a1a2e);border:2px solid var(--border-primary, #444);border-radius:12px;padding:2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 8px 32px #0006,0 0 60px rgba(var(--accent-rgb, 255, 20, 147),.1)}.dissuasion-icon{width:60px;height:60px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--accent-primary, #ff1493),var(--accent-secondary, #00ffff));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;animation:gentlePulse 2s ease-in-out infinite}@keyframes gentlePulse{0%,to{transform:scale(1);box-shadow:0 0 20px rgba(var(--accent-rgb, 255, 20, 147),.3)}50%{transform:scale(1.05);box-shadow:0 0 30px rgba(var(--accent-rgb, 255, 20, 147),.5)}}.dissuasion-title{font-family:var(--font-display, "Georgia", serif);font-size:1.4rem;color:var(--text-primary, #fff);margin:0 0 .75rem;font-weight:600}.dissuasion-message{color:var(--text-secondary, #ccc);font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}.dissuasion-actions{display:flex;flex-direction:column;gap:.75rem}.btn-dissuasion-continue{padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--accent-primary, #ff1493),var(--accent-secondary, #00ffff));border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-dissuasion-continue:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--accent-rgb, 255, 20, 147),.4)}.btn-dissuasion-continue:focus{outline:2px solid var(--accent-primary, #ff1493);outline-offset:2px}.btn-dissuasion-leave{padding:.75rem 1.25rem;background:transparent;border:1px solid var(--border-secondary, #666);border-radius:8px;color:var(--text-secondary, #ccc);font-size:.9rem;cursor:pointer;transition:border-color .2s,color .2s}.btn-dissuasion-leave:hover{border-color:var(--text-secondary, #ccc);color:var(--text-primary, #fff)}.btn-dissuasion-leave:focus{outline:2px solid var(--border-secondary, #666);outline-offset:2px}.dissuasion-note{margin:1rem 0 0;font-size:.8rem;color:var(--text-muted, #888);font-style:italic}@media(max-width:480px){.dissuasion-dialog{padding:1.5rem}.dissuasion-icon{width:50px;height:50px;font-size:1.5rem}.dissuasion-title{font-size:1.2rem}.dissuasion-message{font-size:.9rem}}.imprint-form{display:flex;flex-direction:column;gap:1.5rem}.imprint-field.primary{padding-bottom:2rem;border-bottom:2px dashed var(--color-primary)}.imprint-field.primary label{font-size:.85rem;font-weight:900;color:var(--color-primary)}.imprint-field.primary input{font-size:1.5rem;padding:1.2rem;background:#fff;border:2.5px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:4px 4px #ff85a21a;color:var(--color-primary)}.imprint-field{display:flex;flex-direction:column;gap:.6rem}.imprint-field label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.imprint-field input{background:#fff;border:1.5px solid var(--color-accent-lavender);border-radius:var(--radius-md);padding:1rem;color:var(--color-text-primary);font-weight:600;transition:all .2s}.imprint-field input:focus{border-color:var(--color-primary);box-shadow:0 0 15px #ff85a233;transform:translateY(-2px)}.imprint-field input::placeholder{opacity:.4}.optional-section{margin-top:.5rem}.optional-toggle{display:flex;align-items:center;gap:.8rem;cursor:pointer;font-size:.8rem;font-weight:900;text-transform:uppercase;color:#2d6a4f;background:var(--color-accent-mint);border:1.5px solid white;padding:8px 16px;border-radius:var(--radius-sm);box-shadow:2px 2px #b9fbc033}.optional-toggle:hover{background:#fff}.optional-fields{display:flex;flex-direction:column;gap:1.2rem;background:#ffffff80;border-radius:var(--radius-md);padding:2rem;border:1.5px solid var(--glass-border);margin-top:1rem}.field-help{font-size:.75rem;color:var(--color-text-tertiary);font-weight:600;margin-top:.2rem}.imprint-form::-webkit-scrollbar{width:4px}.imprint-form::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb),.3);border-radius:var(--radius-sm)}.wizard-overlay{position:fixed;inset:0;background:#bde0fe66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000}.wizard-content{width:100%;max-width:600px;max-height:90vh;background:var(--color-surface);border:3px solid white;border-radius:var(--radius-md);display:flex;flex-direction:column;overflow-y:auto;box-shadow:0 10px 30px #ff85a233,0 0 0 6px #fff;transition:max-width .3s ease}.wizard-content.wide{max-width:950px}.wizard-content::-webkit-scrollbar{width:10px}.wizard-content::-webkit-scrollbar-track{background:#c8b6ff33;border-radius:var(--radius-sm)}.wizard-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff85a2,#c8b6ff);border-radius:var(--radius-sm);border:2px solid white}.wizard-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff5c8a,#b8a6ef)}.wizard-header{padding:2rem;background:linear-gradient(90deg,#ff85a2,#c8b6ff);display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid white}.wizard-header h2{margin:0;font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.15em;font-size:1.2rem;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.1)}.step-indicator{display:flex;gap:.25rem;align-items:center}.step-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:0 .5rem;opacity:.6;transition:opacity .3s}.step-item.active,.step-item.completed{opacity:1}.step-item .step-dot{width:12px;height:12px;border:2px solid white;border-radius:50%;background:transparent;transition:all .3s}.step-item.active .step-dot{background:#fff;box-shadow:0 0 8px #fffc;transform:scale(1.2)}.step-item.completed .step-dot{background:#fff}.step-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff}.wizard-body{padding:2.5rem;min-height:350px;display:flex;flex-direction:column;overflow-y:auto;background:var(--glitter-texture),linear-gradient(180deg,#fff,#f0f7ff);background-size:40px 40px,100% 100%}.wizard-body p{font-size:.95rem;color:var(--color-text-secondary);font-weight:600;margin:0 0 2rem}.selection-tabs{display:flex;gap:0;margin-bottom:var(--space-6);box-shadow:4px 4px #ff85a21a;position:relative}.selection-tab{flex:1;padding:var(--space-3) var(--space-4);background:#fff;border:1.5px solid var(--color-primary);color:var(--color-primary);font-weight:800;font-size:.85rem;text-transform:uppercase;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-sm) var(--radius-sm) 0 0;position:relative;z-index:1}.selection-tab:last-child{border-left-width:1.5px;border-right-width:3px}.selection-tab:hover:not(.active){background:var(--color-surface-overlay);transform:translateY(-2px)}.selection-tab.active{background:var(--color-primary);color:#fff;transform:translateY(0);box-shadow:0 4px 8px #ff85a24d;z-index:2}.selection-hint{font-size:.8rem;color:var(--color-text-tertiary);margin:0 0 var(--space-4) 0;font-weight:600}.recipe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-height:400px;overflow-y:auto}.recipe-card{padding:var(--space-4);background:#fff;border:3px solid #000;box-shadow:4px 4px #000;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;gap:var(--space-2)}.recipe-card:hover:not(.active){transform:translate(-3px,-3px);box-shadow:7px 7px #000;background:var(--color-surface-elevated)}.recipe-card.active{background:var(--color-accent-blue);transform:translate(2px,2px);box-shadow:none}.recipe-card:focus{outline:3px solid var(--color-primary);outline-offset:2px}.recipe-header{display:flex;align-items:center;gap:var(--space-2)}.recipe-icon{font-size:1.8rem}.recipe-name{font-weight:800;font-size:.95rem;color:#000}.recipe-description{font-size:.8rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.recipe-meta{display:flex;justify-content:space-between;margin-top:auto;padding-top:var(--space-3);border-top:2px dashed #000}.recipe-spell-name{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-text-tertiary)}.recipe-glyph-count{font-size:.7rem;font-weight:700;color:#5a4b3b}.spell-selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.spell-card{padding:1.5rem 1rem;background:#fff;border:3px solid #000;box-shadow:4px 4px #000;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.8rem;transition:all .2s ease}.spell-card:hover:not(.active){transform:translate(-3px,-3px);box-shadow:7px 7px #000;background:var(--color-surface-elevated)}.spell-card.active{background:var(--color-accent-mint);transform:translate(2px,2px);box-shadow:none}.spell-card:focus{outline:3px solid var(--color-primary);outline-offset:2px}.spell-icon{font-size:2rem}.spell-name{font-size:.8rem;font-weight:800;text-transform:uppercase;color:#000}.code-box{background:#000;padding:1.5rem;font-family:var(--font-mono);font-size:.8rem;color:#fff;border:3px solid #000;box-shadow:6px 6px #0000001a}textarea.paste-box{width:100%;min-height:200px;background:#fff;border:3px solid #000;padding:1.5rem;color:#000;font-family:var(--font-mono);font-size:.9rem;font-weight:600;box-shadow:inset 4px 4px #0000000d}.wizard-footer{padding:1.25rem 2.5rem;border-top:3px solid #000;display:flex;flex-direction:column;gap:1rem;background:var(--color-surface-elevated)}.wizard-hint{margin:0;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);text-align:center;font-style:italic}.wizard-footer-actions{display:flex;justify-content:space-between;align-items:center}.btn-wizard-next{background:var(--color-primary);border:2px solid white;color:#fff;padding:.8rem 2.5rem;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px #ff85a233;transition:all .2s;border-radius:var(--radius-sm);letter-spacing:.1em}.btn-wizard-next:hover:not(:disabled){background:#ff5c8a;transform:translate(-2px,-2px);box-shadow:6px 6px #ff85a24d}.btn-wizard-next:disabled{background:#ccc;border-color:#999;cursor:not-allowed;opacity:.6;box-shadow:2px 2px #0000001a}.btn-wizard-next.is-success{background:#2ed573;border-color:#fff}.btn-wizard-next.is-success:hover{background:#26c767}.btn-wizard-next.is-loading{position:relative;color:transparent}.btn-wizard-next.is-loading:after{content:"⏳";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.2rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.btn-wizard-back{background:#fff;border:1.5px solid var(--color-accent-lavender);color:var(--color-text-secondary);font-weight:800;text-transform:uppercase;padding:.8rem 1.5rem;cursor:pointer;box-shadow:2px 2px #0000000d;border-radius:var(--radius-sm)}.btn-wizard-back:hover{background:#fff}textarea.paste-box.has-error{border-color:#ff4757}textarea.paste-box.is-valid{border-color:#2ed573}.preview-card{background:#fff;border:3px solid #2ed573;padding:1.2rem;display:flex;flex-direction:column;gap:.8rem;box-shadow:5px 5px #2ed573;border-radius:var(--radius-sm);margin-top:1rem}.preview-title{font-weight:900;font-size:1rem;color:#000}.preview-meta{font-size:.75rem;font-weight:700;color:#2ed573;text-transform:uppercase}.preview-souls{margin-top:.5rem;padding-top:.8rem;border-top:2px dashed #2ed573}.souls-header{font-size:.75rem;font-weight:800;text-transform:uppercase;color:#2ed573;margin-bottom:.5rem}.soul-item{display:flex;align-items:center;gap:.5rem;margin:.3rem 0;font-size:.85rem}.soul-name{font-weight:700;color:#000}.soul-aspects{font-size:.75rem;color:var(--color-text-secondary);font-weight:600}.error-text{color:#ff4757;font-weight:700;font-size:.85rem;margin-top:.5rem;padding:.8rem 1rem;background:#ff47571a;border-left:4px solid #ff4757;border-radius:var(--radius-sm)}.success-text{color:#2ed573;font-weight:700;font-size:.85rem;margin-top:1rem;padding:.8rem 1rem;background:#2ed5731a;border-left:4px solid #2ed573;border-radius:var(--radius-sm)}.glyph-section{margin-top:var(--space-8);padding-top:var(--space-6);border-top:3px solid #000}.glyph-label{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:#000;margin-bottom:.5rem}.glyph-hint{font-weight:600}.glyph-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.glyph-btn{background:#fff;border:3px solid #000;box-shadow:4px 4px #000;font-weight:700;padding:1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s ease;border-radius:var(--radius-sm);text-align:center}.glyph-btn:hover:not(.active){transform:translate(-2px,-2px);box-shadow:6px 6px #000;background:var(--color-surface-elevated)}.glyph-btn.active{background:var(--color-primary);color:#fff;transform:translate(2px,2px);box-shadow:none}.glyph-btn:focus{outline:3px solid var(--color-primary);outline-offset:2px}.glyph-icon{font-size:1.5rem}.glyph-name{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.gathering-mode-selector{display:flex;flex-direction:column;gap:var(--space-4)}.mode-selector-hint{font-size:.95rem;color:var(--color-text-secondary);font-weight:600;margin:0 0 var(--space-4) 0}.mode-options{display:flex;flex-direction:column;gap:var(--space-4)}.mode-option{padding:var(--space-5);background:#fff;border:3px solid #000;box-shadow:4px 4px #000;cursor:pointer;display:flex;gap:var(--space-4);transition:all .2s ease;border-radius:var(--radius-sm)}.mode-option:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000;background:var(--color-surface-elevated)}.mode-option:focus{outline:3px solid var(--color-primary);outline-offset:2px}.mode-option.recommended{border-color:var(--color-primary);box-shadow:4px 4px 0 var(--color-primary)}.mode-option.recommended:hover{box-shadow:6px 6px 0 var(--color-primary)}.mode-icon{font-size:2rem;flex-shrink:0}.mode-info{flex:1}.mode-title{font-weight:800;font-size:1rem;color:#000;margin:0 0 var(--space-2) 0;display:flex;align-items:center;gap:var(--space-2)}.mode-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;background:var(--color-primary);color:#fff;padding:.2rem .5rem;border-radius:var(--radius-sm)}.mode-description{font-size:.85rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.step-gathering{display:flex;flex-direction:column;height:100%}.gathering-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);min-height:400px}.gathering-tree-panel{background:#fff;border:2px solid #000;border-radius:var(--radius-sm);padding:var(--space-4);display:flex;flex-direction:column;overflow:hidden}.gathering-tree-panel .panel-title{font-weight:800;font-size:.85rem;text-transform:uppercase;color:#000;margin:0 0 var(--space-3) 0;padding-bottom:var(--space-2);border-bottom:2px solid #000;display:flex;align-items:center;justify-content:space-between}.ready-badge{font-size:.65rem;font-weight:700;background:#2ed573;color:#fff;padding:.2rem .5rem;border-radius:var(--radius-sm)}.gathered-tree{flex:1;overflow-y:auto}.gathered-tree-empty{padding:var(--space-4);text-align:center;color:var(--color-text-tertiary);font-style:italic}.tree-node{margin-left:var(--space-3);border-left:2px solid #eee;padding-left:var(--space-3)}.tree-node.depth-0{margin-left:0;border-left:none;padding-left:0}.tree-node-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.tree-node-header:hover{background:var(--color-surface-elevated)}.tree-node-header.is-scaffold{background:#ff85a21a}.node-toggle{font-size:.7rem;color:var(--color-text-tertiary);width:1rem;text-align:center}.node-icon{font-size:1rem}.node-title{font-weight:700;font-size:.9rem;color:#000;flex:1}.node-badges{display:flex;gap:var(--space-1)}.badge{font-size:.6rem;font-weight:700;text-transform:uppercase;padding:.15rem .4rem;border-radius:var(--radius-sm)}.badge-scaffold{background:var(--color-primary);color:#fff}.badge-partial{background:#ffc107;color:#000}.badge-children{background:var(--color-accent-lavender);color:#000}.tree-node-actions{display:flex;gap:var(--space-2);margin-left:calc(1rem + var(--space-2));padding:var(--space-1) 0}.btn-tree-action{font-size:.7rem;font-weight:700;text-transform:uppercase;background:#fff;border:1.5px solid var(--color-primary);color:var(--color-primary);padding:.3rem .6rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.btn-tree-action:hover{background:var(--color-primary);color:#fff}.tree-node-children{margin-top:var(--space-2)}.btn-add-more-children{margin:var(--space-2) 0 var(--space-2) var(--space-3);font-size:.7rem;font-weight:700;background:transparent;border:1.5px dashed var(--color-text-tertiary);color:var(--color-text-tertiary);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;width:calc(100% - var(--space-3))}.btn-add-more-children:hover{border-color:var(--color-primary);color:var(--color-primary)}.data-preview{margin-left:calc(1rem + var(--space-2));margin-top:var(--space-1)}.data-preview-toggle{font-size:.7rem;color:var(--color-text-tertiary);background:none;border:none;cursor:pointer;text-decoration:underline}.data-preview-content{background:var(--color-surface-elevated);border-radius:var(--radius-sm);padding:var(--space-2);margin-top:var(--space-1)}.data-field{display:flex;gap:var(--space-2);font-size:.75rem;padding:var(--space-1) 0}.data-field-label{font-weight:700;color:var(--color-text-secondary)}.data-field-value{color:#000}.btn-gather-souls{margin-top:var(--space-4);padding:var(--space-3);background:#fff;border:2px dashed var(--color-primary);color:var(--color-primary);font-weight:700;font-size:.8rem;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.btn-gather-souls:hover{background:var(--color-primary);color:#fff;border-style:solid}.gathered-souls{margin-top:var(--space-4);padding-top:var(--space-3);border-top:2px dashed #eee}.gathered-souls h5{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.souls-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.soul-chip{font-size:.7rem;font-weight:600;background:var(--color-accent-lavender);padding:.2rem .5rem;border-radius:var(--radius-sm)}.soul-chip.more{background:var(--color-surface-elevated);color:var(--color-text-tertiary)}.gathering-chunk-panel{display:flex;flex-direction:column;gap:var(--space-4)}.active-chunk{background:#fff;border:2px solid #000;border-radius:var(--radius-sm);padding:var(--space-4);flex:1}.active-chunk.status-validated{border-color:#2ed573}.active-chunk.status-error{border-color:#ff4757}.chunk-title{font-weight:800;font-size:.85rem;text-transform:uppercase;margin:0 0 var(--space-3) 0;padding-bottom:var(--space-2);border-bottom:2px solid #000}.chunk-instruction{font-size:.85rem;color:var(--color-text-secondary);margin:0 0 var(--space-3) 0}.chunk-prompt-section .prompt-box,.chunk-paste-section .paste-box{margin-bottom:var(--space-3)}.chunk-prompt-section .prompt-box{background:#000;color:#fff;padding:var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.btn-copy-prompt,.btn-submit-response{width:100%;padding:var(--space-3);font-weight:800;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.btn-copy-prompt{background:var(--color-primary);border:2px solid white;color:#fff}.btn-copy-prompt:hover{background:#ff5c8a}.btn-copy-prompt.is-success{background:#2ed573}.btn-submit-response{background:#2ed573;border:2px solid white;color:#fff}.btn-submit-response:hover:not(:disabled){background:#26c767}.btn-submit-response:disabled{background:#ccc;cursor:not-allowed}.chunk-success,.chunk-error{text-align:center;padding:var(--space-4)}.success-icon,.error-icon{font-size:2rem;display:block;margin-bottom:var(--space-2)}.success-icon{color:#2ed573}.error-icon{color:#ff4757}.chunk-success p,.chunk-error p{margin:0 0 var(--space-2) 0}.success-hint{font-size:.8rem;color:var(--color-text-tertiary)}.error-message{color:#ff4757;font-weight:700}.error-actions{margin:var(--space-3) 0}.btn-retry{background:#fff;border:1.5px solid #ff4757;color:#ff4757;padding:var(--space-2) var(--space-3);font-weight:700;font-size:.8rem;border-radius:var(--radius-sm);cursor:pointer}.btn-retry:hover{background:#ff4757;color:#fff}.no-active-chunk{background:var(--color-surface-elevated);border:2px dashed #ccc;border-radius:var(--radius-sm);padding:var(--space-6);text-align:center;color:var(--color-text-tertiary)}.chunk-history{background:var(--color-surface-elevated);border-radius:var(--radius-sm);padding:var(--space-3)}.history-title{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--color-text-tertiary);margin:0 0 var(--space-2) 0}.history-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.history-item{font-size:.7rem;font-weight:600;background:#fff;border:1.5px solid #ccc;padding:.3rem .6rem;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:var(--space-1)}.history-item:hover{border-color:var(--color-primary)}.history-item.active{border-color:var(--color-primary);background:#ff85a21a}.history-item.status-validated{border-color:#2ed573}.history-item.status-error{border-color:#ff4757}.history-status{font-size:.8rem}.history-label{color:var(--color-text-secondary)}@media(max-width:700px){.gathering-layout{grid-template-columns:1fr}.gathering-tree-panel{max-height:250px}}.unfinished-reminder{position:relative;margin-bottom:1rem;padding:1rem 1.25rem;background:var(--bg-secondary, #252540);border:1px solid var(--accent-primary, #ff1493);border-radius:12px;overflow:hidden}.reminder-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(var(--accent-rgb, 255, 20, 147),.1) 50%,transparent 100%);animation:reminderShimmer 3s ease-in-out infinite;pointer-events:none}@keyframes reminderShimmer{0%,to{opacity:.5;transform:translate(-100%)}50%{opacity:1;transform:translate(100%)}}.reminder-content{position:relative;display:flex;align-items:center;gap:1rem;z-index:1}.reminder-icon{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,var(--accent-primary, #ff1493),var(--accent-secondary, #00ffff));border-radius:50%;display:flex;align-items:center;justify-content:center;animation:iconFloat 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.reminder-sparkle{font-size:1.5rem;color:#fff}.reminder-text{flex:1;min-width:0}.reminder-message{margin:0 0 .25rem;font-size:.95rem;font-weight:500;color:var(--text-primary, #fff);font-style:italic}.reminder-details{margin:0;font-size:.8rem;color:var(--text-secondary, #ccc)}.reminder-details strong{color:var(--accent-primary, #ff1493)}.reminder-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.btn-reminder-resume{padding:.5rem 1rem;background:linear-gradient(135deg,var(--accent-primary, #ff1493),var(--accent-secondary, #00ffff));border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-reminder-resume:hover{transform:translateY(-1px);box-shadow:0 3px 12px rgba(var(--accent-rgb, 255, 20, 147),.4)}.btn-reminder-resume:focus{outline:2px solid var(--accent-secondary, #00ffff);outline-offset:2px}.btn-reminder-dismiss,.btn-reminder-abandon{padding:.4rem .75rem;background:transparent;border:1px solid var(--border-secondary, #555);border-radius:6px;color:var(--text-secondary, #ccc);font-size:.8rem;cursor:pointer;transition:border-color .2s,color .2s}.btn-reminder-dismiss:hover,.btn-reminder-abandon:hover{border-color:var(--text-secondary, #ccc);color:var(--text-primary, #fff)}.btn-reminder-abandon{color:var(--text-muted, #888)}.btn-reminder-abandon:hover{border-color:var(--danger, #dc3545);color:var(--danger, #dc3545)}@media(max-width:600px){.reminder-content{flex-wrap:wrap}.reminder-icon{display:none}.reminder-text{flex-basis:100%;margin-bottom:.75rem}.reminder-actions{flex-basis:100%;justify-content:flex-start}}.context-menu{position:fixed;z-index:9999;min-width:180px;max-width:280px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:4px 4px #ff85a233,0 10px 40px #00000026;overflow:hidden;font-family:var(--font-sans)}.context-menu-title{padding:8px 12px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);background:linear-gradient(90deg,rgba(255,133,162,.1) 0%,transparent 100%);border-bottom:1px solid rgba(255,133,162,.2)}.context-menu-items{padding:6px 0}.context-menu-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:all .15s ease;position:relative}.context-menu-item:hover{background:linear-gradient(90deg,#ff85a226,#c8b6ff1a)}.context-menu-item.disabled{opacity:.4;cursor:not-allowed}.context-menu-item.disabled:hover{background:transparent}.context-menu-item.danger{color:#c44}.context-menu-item.danger:hover{background:#cc44441a}.context-menu-item.has-submenu{padding-right:28px}.context-menu-icon{width:18px;text-align:center;font-size:1rem;flex-shrink:0}.context-menu-label{flex:1;font-size:.85rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-menu-item.danger .context-menu-label{color:#c44}.context-menu-shortcut{font-size:.7rem;font-family:var(--font-mono);color:var(--color-text-tertiary);background:#0000000d;padding:2px 6px;border-radius:3px;flex-shrink:0}.context-menu-arrow{position:absolute;right:10px;font-size:.7rem;color:var(--color-text-tertiary)}.context-menu-divider{height:1px;margin:6px 12px;background:linear-gradient(90deg,transparent,rgba(255,133,162,.3),transparent)}.context-submenu{position:absolute;min-width:160px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--color-accent-lavender);border-radius:var(--radius-md);box-shadow:4px 4px #c8b6ff33,0 10px 40px #00000026;padding:6px 0;margin-left:4px}.context-menu-item.active{background:linear-gradient(90deg,#ff85a233,#c8b6ff26)}.context-menu-item.active .context-menu-label{color:var(--color-primary);font-weight:700}.context-menu-group-header{padding:6px 14px 4px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.context-menu-item.checkbox{padding-left:36px}.context-menu-item.checkbox:before{content:"";position:absolute;left:14px;width:14px;height:14px;border:1.5px solid var(--color-accent-lavender);border-radius:3px;background:#fff}.context-menu-item.checkbox.checked:before{background:var(--color-primary);border-color:var(--color-primary)}.context-menu-item.checkbox.checked:after{content:"✓";position:absolute;left:16px;font-size:.7rem;color:#fff;font-weight:900}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.context-menu-item:focus{outline:none;background:linear-gradient(90deg,#ff85a233,#c8b6ff26)}.context-menu-item:focus .context-menu-label{color:var(--color-primary)}.woodle-container{padding:var(--space-4);background:#fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,133,162,.15);box-shadow:0 4px 15px #ff85a20d;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.woodle-container:focus-within{background:#ffffffb3;border-color:var(--color-primary);box-shadow:0 10px 40px #ff85a233,0 0 15px #ff85a21a;transform:translateY(-2px)}.woodle-toolbar{display:flex;gap:6px;padding:8px;margin-bottom:var(--space-4);background:#fff9;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1.5px solid rgba(200,182,255,.3);border-radius:var(--radius-md);flex-wrap:wrap;box-shadow:0 5px 20px #00000008}.woodle-toolbar button{background:#fff;border:1px solid var(--color-accent-blue);color:var(--color-text-primary);padding:4px 10px;font-size:.8rem;font-weight:800;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 2px 4px #0000000d;transition:all .15s ease}.woodle-toolbar button:hover{background:var(--color-accent-blue);color:#fff;transform:translateY(-1px)}.woodle-toolbar button.active{background:var(--color-primary);color:#fff;border-color:#fff;box-shadow:0 4px 10px #ff85a24d}.woodle-toolbar .blinkie-toolbar-btn{border-color:var(--color-primary);color:var(--color-primary);margin-left:auto;font-size:1.1rem;padding:2px 8px}.woodle-toolbar .blinkie-toolbar-btn:hover{background:var(--color-primary);color:#fff}.woodle-stats{display:flex;align-items:center;gap:8px;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1.5px dashed rgba(255,133,162,.15);font-size:.75rem;color:var(--color-text-tertiary);font-weight:600;opacity:.7;transition:opacity .2s}.woodle-stats:hover{opacity:1}.woodle-stats .stat-item{display:inline-flex;align-items:center}.woodle-stats .stat-divider{opacity:.4}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{font-family:var(--font-display);color:var(--color-primary);margin:1em 0 .5em;text-shadow:1px 1px 0 white}.ProseMirror h2{font-size:var(--text-xl);border-bottom:2px dashed var(--color-primary);padding-bottom:.25em}.ProseMirror blockquote{margin:1em 0;padding:var(--space-3) var(--space-4);border-left:4px solid var(--color-accent-blue);background:#90e0ef1a;border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic}.ProseMirror code{background:#fff;color:#2d6a4f;padding:2px 6px;font-family:var(--font-mono);font-size:.9em;border:1.5px solid var(--color-accent-mint);border-radius:4px}.ProseMirror pre{background:#f8fafc;border:2px solid var(--color-accent-blue);padding:var(--space-4);overflow-x:auto;margin:1em 0;border-radius:var(--radius-md)}.woodle-jot{background:#ffffff4d;border-style:dotted;box-shadow:none}.woodle-shout{border-color:var(--color-primary);border-width:2.5px;background:linear-gradient(180deg,#fff,#ff85a20d)}.woodle-shout .ProseMirror{font-weight:800;font-size:1.1rem;color:#4a0e2e}.woodle-vibe{background:linear-gradient(135deg,#fff,#c8b6ff1a);border-color:var(--color-accent-lavender);border-radius:var(--radius-lg)}.woodle-tape{background:#ffd60a08;border-color:var(--color-accent-gold);border-style:dashed}.woodle-pixel{background:#f0f7ff;border-color:var(--color-accent-blue);border-style:solid}.woodle-glow{border-color:var(--color-primary);box-shadow:0 0 30px #ff85a24d;background:#fff}.woodle-glow .ProseMirror{text-shadow:0 0 8px rgba(255,133,162,.3)}.woodle-stamp{border-width:3px;border-style:double;border-color:var(--color-primary);background:snow;box-shadow:4px 4px #ff85a21a}.woodle-stamp .ProseMirror{font-family:var(--font-primary);font-style:normal;font-weight:600}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-text-tertiary);pointer-events:none;height:0;font-style:italic}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:3px outset #FFD700;border-radius:0;font-family:var(--font-primary);font-weight:700;cursor:pointer;transition:all .1s ease;-webkit-user-select:none;user-select:none;text-decoration:none;text-shadow:2px 2px 0px rgba(0,0,0,.5);box-shadow:4px 4px #0000004d}.btn:focus-visible{outline:3px solid #00FFFF;outline-offset:3px}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.btn--primary{background:linear-gradient(180deg,#ff1493,#c71585);color:#fff;border-color:gold}.btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#ff69b4,#ff1493);transform:translateY(-2px);box-shadow:6px 6px #0006}.btn--secondary{background:linear-gradient(180deg,#0ff,#00ced1);color:navy;border-color:#ff1493}.btn--secondary:hover:not(:disabled){background:linear-gradient(180deg,#7fffd4,#0ff);transform:translateY(-2px);box-shadow:6px 6px #0006}.btn--ghost{background:transparent;color:var(--color-text-primary);border:3px solid #FFD700}.btn--ghost:hover:not(:disabled){background:#ffd70033;color:var(--color-text-primary);transform:translateY(-2px)}.btn--danger{background:linear-gradient(180deg,red,#8b0000);color:#fff;border-color:#ff0}.btn--danger:hover:not(:disabled){background:linear-gradient(180deg,#ff4500,red);transform:translateY(-2px);box-shadow:6px 6px #0006}.btn--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-sm)}.btn--md{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-base)}.btn--lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--text-lg)}.btn--full{width:100%}.btn__icon{display:flex;align-items:center;justify-content:center;font-size:1.1em}.btn__icon--left{margin-right:var(--spacing-xs)}.btn__icon--right{margin-left:var(--spacing-xs)}.btn--loading{position:relative;color:transparent!important}.btn__spinner{position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}.btn--loading .btn__spinner{color:#fff}.btn--secondary.btn--loading .btn__spinner,.btn--ghost.btn--loading .btn__spinner{color:var(--text-primary)}@keyframes btn-spin{to{transform:rotate(360deg)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-wrapper--full{width:100%}.input-label{font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;text-shadow:1px 1px 0px rgba(0,0,0,.5)}.input-container{position:relative;display:flex;align-items:center;background:#ffffffe6;border:3px inset #FFD700;border-radius:0;transition:border-color .1s ease,box-shadow .1s ease}.input-container:focus-within{border-color:#0ff;box-shadow:0 0 10px #0ffc,inset 0 0 5px #ff14934d}.input-container--error{border-color:red}.input-container--error:focus-within{box-shadow:0 0 10px #f00c,inset 0 0 5px #ff00004d}.input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;font-family:var(--font-primary);font-size:var(--text-base);color:navy;outline:none;font-weight:700}.input::placeholder{color:#9370db;font-style:italic}.input--has-left{padding-left:var(--spacing-xs)}.input--has-right{padding-right:var(--spacing-xs)}.input:disabled{opacity:.5;cursor:not-allowed}.input-element{display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-sm);color:var(--text-muted)}.input-element--left{padding-right:0}.input-element--right{padding-left:0}.input-helper,.input-error{font-size:var(--text-sm)}.input-helper{color:var(--text-muted)}.input-error{color:var(--error)}.card{display:flex;flex-direction:column;background:linear-gradient(135deg,#ff149333,#0ff3);border:3px ridge #FFD700;box-shadow:5px 5px #00000080}.card--default{border:3px ridge #FFD700;background:linear-gradient(135deg,#ff69b44d,#9370db4d)}.card--outlined{border:3px double #00FFFF;background:#00008080}.card--elevated{border:3px outset #FF1493;box-shadow:5px 5px #00000080,0 0 20px #ffd70099}.card--interactive{border:3px groove #FFD700;cursor:pointer;transition:all .1s ease}.card--interactive:hover{border-color:#0ff;box-shadow:5px 5px #00000080,0 0 15px #0ffc;transform:translateY(-2px)}.card--selected{border:3px solid #00FF00!important;background:linear-gradient(135deg,#0f03,#ffd70033);box-shadow:5px 5px #00000080,0 0 20px #0f0c}.card--padding-none{padding:0}.card--padding-sm{padding:var(--spacing-sm)}.card--padding-md{padding:var(--spacing-md)}.card--padding-lg{padding:var(--spacing-lg)}.card--radius-none{border-radius:0}.card--radius-sm{border-radius:var(--radius-sm)}.card--radius-md{border-radius:var(--radius-md)}.card--radius-lg{border-radius:var(--radius-lg)}.card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:3px groove #FFD700;background:linear-gradient(90deg,#ff1493,gold,#0ff);font-weight:700;text-shadow:2px 2px 0px rgba(0,0,0,.5)}.card--padding-none .card__header{padding:var(--spacing-md)}.card__body{flex:1;padding:var(--spacing-md);background:#0000804d}.card--padding-none .card__body{padding:var(--spacing-md)}.card--padding-sm .card__body,.card--padding-md .card__body,.card--padding-lg .card__body{padding:0}.card__footer{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:3px ridge #FFD700;background:#ffd7001a}.card--padding-none .card__footer{padding:var(--spacing-md)}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:500;white-space:nowrap}.badge--sm{padding:2px 6px;font-size:var(--text-xs);border-radius:var(--radius-sm)}.badge--md{padding:4px 8px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.badge--lg{padding:6px 12px;font-size:var(--text-base);border-radius:var(--radius-md)}.badge--default{background:var(--surface-3);color:var(--text-secondary)}.badge--primary{background:var(--accent);color:#fff}.badge--success{background:var(--success, #48bb78);color:#fff}.badge--warning{background:var(--warning, #ecc94b);color:#744210}.badge--error{background:var(--error);color:#fff}.badge--info{background:var(--info, #4299e1);color:#fff}.badge--outline{background:transparent;border:1px solid currentColor}.badge--outline.badge--default{color:var(--text-secondary);border-color:var(--border)}.badge--outline.badge--primary{color:var(--accent)}.badge--outline.badge--success{color:var(--success, #48bb78)}.badge--outline.badge--warning{color:var(--warning-text, #b7791f)}.badge--outline.badge--error{color:var(--error)}.badge--outline.badge--info{color:var(--info, #4299e1)}.badge--pill{border-radius:999px}.tabs{display:flex;flex-direction:column}.tab-list{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--surface-2);border-radius:var(--radius-md);overflow-x:auto}.tab{position:relative;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color .15s ease}.tab:hover:not(:disabled){color:var(--text-primary)}.tab:disabled{opacity:.5;cursor:not-allowed}.tab--active{color:var(--accent)}.tab__icon{font-size:1.1em}.tab__indicator{position:absolute;inset:0;background:var(--surface-1);border-radius:var(--radius-sm);z-index:-1;box-shadow:var(--shadow-sm)}.tab-panel{padding:var(--spacing-md) 0}.tab-panel:focus{outline:none}.tab-list::-webkit-scrollbar{height:4px}.tab-list::-webkit-scrollbar-track{background:transparent}.tab-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.tooltip-trigger{position:relative;display:inline-flex;align-items:center}.tooltip-trigger--has-help{gap:4px}.tooltip-trigger__help-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;font-weight:700;color:var(--color-text-secondary, #B0B0B0);background:#ffffff1a;border:1px solid var(--color-border, #333366);border-radius:50%;cursor:help;transition:all .2s ease}.tooltip-trigger:hover .tooltip-trigger__help-icon{color:var(--color-primary, #FF1493);border-color:var(--color-primary, #FF1493);background:#ff14931a}.tooltip{position:absolute;z-index:1000;pointer-events:none}.tooltip--top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.tooltip--bottom{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.tooltip--left{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.tooltip--right{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}.tooltip__content{padding:10px 14px;background:linear-gradient(135deg,#000050fa,#00003cfa);border:1px solid var(--color-primary, #FF1493);border-radius:8px;color:var(--color-text-primary, #FFFFFF);font-size:var(--font-size-sm, 12px);line-height:1.5;box-shadow:0 4px 20px #ff149333,0 2px 8px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tooltip__arrow{position:absolute;width:10px;height:10px;background:linear-gradient(135deg,#000050fa,#00003cfa);border:1px solid var(--color-primary, #FF1493);transform:rotate(45deg)}.tooltip--top .tooltip__arrow{bottom:-5px;left:50%;margin-left:-5px;border-top:none;border-left:none}.tooltip--bottom .tooltip__arrow{top:-5px;left:50%;margin-left:-5px;border-bottom:none;border-right:none}.tooltip--left .tooltip__arrow{right:-5px;top:50%;margin-top:-5px;border-top:none;border-left:none}.tooltip--right .tooltip__arrow{left:-5px;top:50%;margin-top:-5px;border-bottom:none;border-right:none}.tooltip__content--educational{padding:0}.tooltip__header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ff149326;border-bottom:1px solid rgba(255,20,147,.3);border-radius:7px 7px 0 0}.tooltip__header-icon{font-size:14px}.tooltip__header-title{font-size:var(--font-size-xs, 11px);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary, #FF1493)}.tooltip__body{padding:10px 12px}.tooltip__kbd{display:inline-block;padding:2px 6px;font-family:monospace;font-size:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;margin:0 2px}.hint-bubble{position:relative;padding:0;background:linear-gradient(135deg,#000050fa,#00003cfa);border:2px solid var(--color-primary, #FF1493);border-radius:12px;box-shadow:0 4px 24px #ff149340,0 2px 8px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:320px;overflow:hidden}.hint-bubble--above{margin-bottom:12px}.hint-bubble--below{margin-top:12px}.hint-bubble--inline{margin:8px 0}.hint-bubble__pointer{position:absolute;width:12px;height:12px;background:linear-gradient(135deg,#000050fa,#00003cfa);border:2px solid var(--color-primary, #FF1493);transform:rotate(45deg)}.hint-bubble--above .hint-bubble__pointer{bottom:-7px;left:24px;border-top:none;border-left:none}.hint-bubble--below .hint-bubble__pointer{top:-7px;left:24px;border-bottom:none;border-right:none}.hint-bubble--inline .hint-bubble__pointer{display:none}.hint-bubble__header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ff149326;border-bottom:1px solid rgba(255,20,147,.3)}.hint-bubble__icon{font-size:18px;line-height:1}.hint-bubble__title{flex:1;font-size:var(--font-size-sm, 12px);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary, #FF1493)}.hint-bubble__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid transparent;border-radius:50%;color:var(--color-text-secondary, #B0B0B0);font-size:18px;font-weight:400;line-height:1;cursor:pointer;transition:all .15s ease}.hint-bubble__close:hover{background:#ffffff1a;border-color:var(--color-border, #333366);color:var(--color-text-primary, #FFFFFF)}.hint-bubble__message{padding:12px;font-size:var(--font-size-sm, 12px);line-height:1.6;color:var(--color-text-primary, #FFFFFF)}.hint-bubble__message strong{color:var(--color-primary, #FF1493);font-weight:600}.hint-bubble__message code{display:inline-block;padding:2px 6px;background:#ffffff1a;border-radius:4px;font-family:monospace;font-size:11px}.hint-bubble__actions{display:flex;justify-content:flex-end;padding:8px 12px;background:#0003}.hint-bubble__action-btn{padding:6px 14px;background:linear-gradient(135deg,var(--color-primary, #FF1493),#DD1177);border:none;border-radius:6px;color:var(--color-text-primary, #FFFFFF);font-size:var(--font-size-xs, 11px);font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.hint-bubble__action-btn:hover{background:linear-gradient(135deg,#FF3CAA,var(--color-primary, #FF1493));transform:translateY(-1px);box-shadow:0 4px 12px #ff14934d}.hint-bubble--info{border-color:var(--color-accent-blue, #00FFFF);box-shadow:0 4px 24px #0ff3,0 2px 8px #0000004d}.hint-bubble--info .hint-bubble__pointer{border-color:var(--color-accent-blue, #00FFFF)}.hint-bubble--info .hint-bubble__header{background:#00ffff1a;border-bottom-color:#00ffff4d}.hint-bubble--info .hint-bubble__title,.hint-bubble--info .hint-bubble__message strong{color:var(--color-accent-blue, #00FFFF)}.hint-bubble--guide{border-color:var(--color-accent-green, #00FF00);box-shadow:0 4px 24px #0f03,0 2px 8px #0000004d}.hint-bubble--guide .hint-bubble__pointer{border-color:var(--color-accent-green, #00FF00)}.hint-bubble--guide .hint-bubble__header{background:#00ff001a;border-bottom-color:#00ff004d}.hint-bubble--guide .hint-bubble__title,.hint-bubble--guide .hint-bubble__message strong{color:var(--color-accent-green, #00FF00)}.hint-bubble--guide .hint-bubble__action-btn{background:linear-gradient(135deg,#0c0,#0a0)}.hint-bubble--guide .hint-bubble__action-btn:hover{background:linear-gradient(135deg,#0e0,#0c0)}.hint-bubble--celebrate{border-color:var(--color-accent-yellow, #FFD700);box-shadow:0 4px 24px #ffd70033,0 2px 8px #0000004d}.hint-bubble--celebrate .hint-bubble__pointer{border-color:var(--color-accent-yellow, #FFD700)}.hint-bubble--celebrate .hint-bubble__header{background:#ffd7001a;border-bottom-color:#ffd7004d}.hint-bubble--celebrate .hint-bubble__title,.hint-bubble--celebrate .hint-bubble__message strong{color:var(--color-accent-yellow, #FFD700)}@media(max-width:480px){.hint-bubble{max-width:100%}}.feature-hint__label{font-size:var(--font-size-xs, 11px);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary, #B0B0B0);cursor:help}.feature-hint__tooltip{display:flex;flex-direction:column;gap:8px}.feature-hint__tooltip-hint{font-weight:600;color:var(--color-primary, #FF1493);font-size:var(--font-size-sm, 12px)}.feature-hint__tooltip-explanation{color:var(--color-text-primary, #FFFFFF);font-size:var(--font-size-sm, 12px);line-height:1.5}.feature-hint__tooltip-howto{margin-top:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.feature-hint__tooltip-howto-title{display:block;font-size:var(--font-size-xs, 11px);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-green, #00FF00);margin-bottom:6px}.feature-hint__tooltip-steps{margin:0;padding-left:16px;font-size:var(--font-size-xs, 11px);line-height:1.6;color:var(--color-text-secondary, #B0B0B0)}.feature-hint__tooltip-steps li{margin-bottom:2px}.feature-hint__tooltip-steps li::marker{color:var(--color-accent-green, #00FF00)}.progress-bar{display:flex;flex-direction:column;gap:var(--space-xs, 4px)}.progress-bar--compact{flex-direction:row;align-items:center;gap:var(--space-sm, 8px)}.progress-bar__label{font-size:var(--font-size-sm, 12px);color:var(--color-text-secondary, #B0B0B0);font-weight:600}.progress-bar__container{display:flex;align-items:center;gap:var(--space-sm, 8px)}.progress-bar__track{flex:1;height:8px;background:var(--color-surface, #000066);border:1px solid var(--color-border, #333366);border-radius:4px;overflow:hidden;position:relative}.progress-bar__fill{height:100%;background:var(--color-primary, #FF1493);transition:width .3s var(--motion-easing, ease);border-radius:3px}.progress-bar__fill--complete{background:var(--color-accent-gold, #FFD700)}.progress-bar__text{font-size:var(--font-size-sm, 12px);color:var(--color-text-primary, #FFFFFF);white-space:nowrap;font-weight:600;min-width:60px}.progress-bar--compact .progress-bar__track{min-width:60px;max-width:100px}.progress-bar--compact .progress-bar__text{font-size:11px}.date-picker{display:flex;flex-direction:column;gap:var(--space-xs, 4px)}.date-picker__label{font-size:var(--font-size-sm, 12px);color:var(--color-text-secondary, #B0B0B0);font-weight:600}.date-picker__container{min-height:32px}.date-picker__edit-mode,.date-picker__display-mode{display:flex;gap:var(--space-xs, 4px);align-items:center}.date-picker__input{flex:1;padding:var(--space-xs, 4px) var(--space-sm, 8px);background:var(--color-surface, #000066);border:1px solid var(--color-border, #333366);border-radius:4px;color:var(--color-text-primary, #FFFFFF);font-size:var(--font-size-sm, 12px);font-family:inherit}.date-picker__input:focus{outline:none;border-color:var(--color-primary, #FF1493);box-shadow:0 0 0 2px #ff149333}.date-picker__display{flex:1;padding:var(--space-xs, 4px) var(--space-sm, 8px);background:var(--color-surface, #000066);border:1px solid var(--color-border, #333366);border-radius:4px;color:var(--color-text-primary, #FFFFFF);font-size:var(--font-size-sm, 12px);text-align:left;cursor:pointer;transition:all .2s var(--motion-easing, ease)}.date-picker__display:hover{border-color:var(--color-primary, #FF1493);background:#ff14931a}.date-picker__button{padding:var(--space-xs, 4px) var(--space-sm, 8px);background:var(--color-surface, #000066);border:1px solid var(--color-border, #333366);border-radius:4px;color:var(--color-text-primary, #FFFFFF);font-size:var(--font-size-sm, 12px);cursor:pointer;transition:all .2s var(--motion-easing, ease);white-space:nowrap}.date-picker__button:hover{border-color:var(--color-primary, #FF1493);background:#ff14931a}.date-picker__button--now{background:var(--color-primary, #FF1493);border-color:var(--color-primary, #FF1493)}.date-picker__button--now:hover{background:var(--color-accent-blue, #00FFFF);border-color:var(--color-accent-blue, #00FFFF);color:var(--color-background, #000080)}.date-picker__button--clear{min-width:28px;padding:var(--space-xs, 4px);font-weight:700}.date-picker__display--empty{border-style:dashed;background:transparent}.date-picker__display--empty:hover{border-style:solid}.date-picker__hint{color:var(--color-text-secondary, #B0B0B0);font-style:italic;font-size:var(--font-size-xs, 11px)}.date-picker__display--empty:hover .date-picker__hint{color:var(--color-primary, #FF1493)}.children-progress-tracker{display:flex;flex-direction:column;gap:var(--space-md, 16px)}.children-progress-tracker__list{display:flex;flex-direction:column;gap:var(--space-xs, 4px);max-height:400px;overflow-y:auto;padding:var(--space-xs, 4px);background:var(--color-surface, #000066);border:1px solid var(--color-border, #333366);border-radius:4px}.children-progress-tracker__item{display:flex;align-items:center;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px);background:var(--color-background, #000080);border:1px solid var(--color-border, #333366);border-radius:4px;cursor:pointer;transition:all .2s var(--motion-easing, ease);-webkit-user-select:none;user-select:none}.children-progress-tracker__item:hover{border-color:var(--color-primary, #FF1493);background:#ff14930d}.children-progress-tracker__item--complete{background:#ffd7000d;border-color:var(--color-accent-gold, #FFD700)}.children-progress-tracker__item--complete:hover{background:#ffd7001a}.children-progress-tracker__checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary, #FF1493);flex-shrink:0}.children-progress-tracker__title{flex:1;font-size:var(--font-size-sm, 12px);color:var(--color-text-primary, #FFFFFF)}.children-progress-tracker__item--complete .children-progress-tracker__title{text-decoration:line-through;color:var(--color-text-secondary, #B0B0B0)}.children-progress-tracker__checkmark{font-size:16px;color:var(--color-accent-gold, #FFD700);font-weight:700;flex-shrink:0}.children-progress-tracker__list::-webkit-scrollbar{width:8px}.children-progress-tracker__list::-webkit-scrollbar-track{background:var(--color-background, #000080);border-radius:4px}.children-progress-tracker__list::-webkit-scrollbar-thumb{background:var(--color-border, #333366);border-radius:4px}.children-progress-tracker__list::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #FF1493)}.active-timer{display:flex;flex-direction:column;gap:var(--space-sm, 8px);padding:var(--space-md, 12px) var(--space-lg, 16px);background:var(--color-surface, #000066);border:2px solid var(--color-border, #333366);border-radius:12px;transition:all .3s var(--motion-easing, ease)}.active-timer--compact{flex-direction:row;align-items:center;padding:var(--space-sm, 8px) var(--space-md, 12px);gap:var(--space-md, 12px)}.active-timer--idle{border-color:var(--color-border, #333366);background:linear-gradient(135deg,#006c,#000050e6)}.active-timer--running{border-color:var(--color-accent-green, #00FF00);box-shadow:0 0 12px #00ff004d,inset 0 0 20px #00ff000d;background:linear-gradient(135deg,#0032004d,#000050e6)}.active-timer--paused{border-color:var(--color-accent-yellow, #FFD700);box-shadow:0 0 12px #ffd7004d,inset 0 0 20px #ffd7000d;background:linear-gradient(135deg,#3228004d,#000050e6)}.active-timer--completed{border-color:var(--color-accent-blue, #00FFFF);background:linear-gradient(135deg,#0032324d,#000050e6)}.active-timer--celebrating{animation:celebrate .5s ease-out}@keyframes celebrate{0%{transform:scale(1)}25%{transform:scale(1.02)}50%{transform:scale(1)}75%{transform:scale(1.01)}to{transform:scale(1)}}.active-timer__status{display:flex;align-items:center;justify-content:center}.active-timer__status-label{font-size:var(--font-size-xs, 11px);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary, #B0B0B0);padding:2px 8px;background:#ffffff0d;border-radius:4px}.active-timer--running .active-timer__status-label{color:var(--color-accent-green, #00FF00);background:#00ff001a}.active-timer--paused .active-timer__status-label{color:var(--color-accent-yellow, #FFD700);background:#ffd7001a}.active-timer--completed .active-timer__status-label{color:var(--color-accent-blue, #00FFFF);background:#00ffff1a}.active-timer__display{display:flex;align-items:center;justify-content:center;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px) 0}.active-timer__time{font-family:Courier New,monospace;font-size:var(--font-size-2xl, 24px);font-weight:700;color:var(--color-text-primary, #FFFFFF);letter-spacing:.05em;text-shadow:0 0 10px rgba(255,255,255,.2)}.active-timer--compact .active-timer__time{font-size:var(--font-size-lg, 16px)}.active-timer__time--running{color:var(--color-accent-green, #00FF00);text-shadow:0 0 15px rgba(0,255,0,.4)}.active-timer__pulse{width:10px;height:10px;border-radius:50%;background:var(--color-accent-green, #00FF00);animation:timer-pulse 1s ease-in-out infinite;box-shadow:0 0 8px var(--color-accent-green, #00FF00)}@keyframes timer-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.active-timer__celebration{font-size:var(--font-size-xl, 20px);animation:celebration-bounce .6s ease-out}@keyframes celebration-bounce{0%{transform:scale(0) rotate(-15deg);opacity:0}50%{transform:scale(1.3) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.active-timer__controls{display:flex;align-items:center;justify-content:center;gap:var(--space-sm, 8px);flex-wrap:wrap}.active-timer__btn{display:flex;align-items:center;justify-content:center;gap:var(--space-xs, 4px);padding:var(--space-sm, 8px) var(--space-md, 12px);min-height:44px;background:var(--color-surface-elevated, #000080);border:2px solid var(--color-border, #333366);border-radius:8px;color:var(--color-text-primary, #FFFFFF);font-size:var(--font-size-sm, 12px);font-weight:600;cursor:pointer;transition:all .2s var(--motion-easing, ease);text-transform:uppercase;letter-spacing:.05em}.active-timer__btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.active-timer__btn:active:not(:disabled){transform:translateY(0)}.active-timer__btn:disabled{opacity:.5;cursor:not-allowed}.active-timer__btn-icon{font-size:var(--font-size-md, 14px);line-height:1}.active-timer__btn-label{font-size:var(--font-size-sm, 12px)}.active-timer__btn--start{background:linear-gradient(135deg,#0c0,#0a0);border-color:var(--color-accent-green, #00FF00);color:#000;padding:var(--space-sm, 8px) var(--space-lg, 16px);font-size:var(--font-size-md, 14px)}.active-timer__btn--start:hover:not(:disabled){background:linear-gradient(135deg,#0e0,#0c0);box-shadow:0 4px 16px #0f06}.active-timer__btn--pause{background:linear-gradient(135deg,#e6c200,#ccb000);border-color:var(--color-accent-yellow, #FFD700);color:#000}.active-timer__btn--pause:hover:not(:disabled){background:linear-gradient(135deg,gold,#e6c200);box-shadow:0 4px 16px #ffd70066}.active-timer__btn--resume{background:linear-gradient(135deg,#0c0,#0a0);border-color:var(--color-accent-green, #00FF00);color:#000}.active-timer__btn--resume:hover:not(:disabled){background:linear-gradient(135deg,#0e0,#0c0);box-shadow:0 4px 16px #0f06}.active-timer__btn--stop{background:linear-gradient(135deg,#ff1493,#d17);border-color:var(--color-primary, #FF1493);color:var(--color-text-primary, #FFFFFF)}.active-timer__btn--stop:hover:not(:disabled){background:linear-gradient(135deg,#ff3caa,#ff1493);box-shadow:0 4px 16px #ff149366}.active-timer__btn--reset{background:transparent;border-color:var(--color-border, #333366);min-width:44px;padding:var(--space-sm, 8px)}.active-timer__btn--reset:hover:not(:disabled){border-color:var(--color-text-secondary, #B0B0B0);background:#ffffff0d}.active-timer__completed{display:flex;align-items:center;gap:var(--space-sm, 8px);padding:var(--space-sm, 8px) var(--space-md, 12px);background:#00ffff1a;border:2px solid var(--color-accent-blue, #00FFFF);border-radius:8px}.active-timer__completed-icon{font-size:var(--font-size-lg, 16px);color:var(--color-accent-blue, #00FFFF)}.active-timer__completed-label{font-size:var(--font-size-sm, 12px);font-weight:600;color:var(--color-accent-blue, #00FFFF);text-transform:uppercase;letter-spacing:.05em}.active-timer__completed-time{font-family:Courier New,monospace;font-size:var(--font-size-sm, 12px);font-weight:600;color:var(--color-text-primary, #FFFFFF);padding:2px 6px;background:#0ff3;border-radius:4px}.active-timer__hint{display:flex;justify-content:center;padding-top:var(--space-xs, 4px);border-top:1px solid rgba(255,255,255,.1);margin-top:var(--space-xs, 4px)}.active-timer__hint-text{font-size:var(--font-size-xs, 11px);color:var(--color-text-secondary, #B0B0B0);text-align:center;font-style:italic;max-width:280px;line-height:1.4}.active-timer--running .active-timer__hint-text{color:#00ff00b3}.active-timer--completed .active-timer__hint-text{color:#0ffc;font-style:normal;font-weight:500}.active-timer--restore{background:linear-gradient(135deg,#32280066,#000050e6);border-color:var(--color-accent-yellow, #FFD700)}.active-timer__restore-prompt{display:flex;align-items:flex-start;gap:var(--space-md, 12px);padding:var(--space-sm, 8px);background:#ffd7001a;border-radius:8px}.active-timer__restore-icon{font-size:var(--font-size-2xl, 24px);flex-shrink:0}.active-timer__restore-content{display:flex;flex-direction:column;gap:2px}.active-timer__restore-title{font-size:var(--font-size-md, 14px);font-weight:700;color:var(--color-accent-yellow, #FFD700)}.active-timer__restore-text{font-size:var(--font-size-sm, 12px);color:var(--color-text-secondary, #B0B0B0);line-height:1.4}.active-timer__restore-actions{display:flex;gap:var(--space-sm, 8px)}.active-timer__btn--restore{flex:1;background:linear-gradient(135deg,#e6c200,#ccb000);border-color:var(--color-accent-yellow, #FFD700);color:#000}.active-timer__btn--restore:hover:not(:disabled){background:linear-gradient(135deg,gold,#e6c200)}.active-timer__btn--dismiss{background:transparent;border-color:var(--color-border, #333366);color:var(--color-text-secondary, #B0B0B0)}.active-timer__btn--dismiss:hover:not(:disabled){border-color:var(--color-text-secondary, #B0B0B0);color:var(--color-text-primary, #FFFFFF)}.active-timer--compact .active-timer__controls{flex-wrap:nowrap}.active-timer--compact .active-timer__btn{padding:var(--space-xs, 4px) var(--space-sm, 8px);min-height:36px}.active-timer--compact .active-timer__btn-label{display:none}.active-timer--compact .active-timer__btn--start .active-timer__btn-label{display:inline}@media(max-width:480px){.active-timer{padding:var(--space-sm, 8px) var(--space-md, 12px)}.active-timer__time{font-size:var(--font-size-xl, 20px)}.active-timer__btn{padding:var(--space-sm, 8px);min-height:40px}.active-timer__btn-label{font-size:var(--font-size-xs, 11px)}.active-timer__hint-text{font-size:10px}}.active-timer__btn:focus-visible{outline:2px solid var(--color-primary, #FF1493);outline-offset:2px}.active-timer__btn--start:focus-visible,.active-timer__btn--resume:focus-visible{outline-color:var(--color-accent-green, #00FF00)}.active-timer__btn--pause:focus-visible{outline-color:var(--color-accent-yellow, #FFD700)}.live-elapsed-time{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-xs, 4px) var(--space-sm, 8px);background:var(--color-surface, #000066);border:1px solid var(--color-border, #333366);border-radius:6px;font-size:var(--font-size-sm, 12px);transition:all .2s var(--motion-easing, ease)}.live-elapsed-time__main{display:flex;align-items:center;gap:var(--space-xs, 4px)}.live-elapsed-time--live{border-color:var(--color-accent-green, #00FF00);background:#00ff0014;box-shadow:0 0 8px #00ff0026}.live-elapsed-time--static{border-color:var(--color-accent-blue, #00FFFF);background:#00ffff14}.live-elapsed-time__label{color:var(--color-text-secondary, #B0B0B0);font-weight:500;font-size:var(--font-size-xs, 11px)}.live-elapsed-time__value{font-family:Courier New,monospace;font-weight:700;color:var(--color-text-primary, #FFFFFF);letter-spacing:.02em}.live-elapsed-time--live .live-elapsed-time__value{color:var(--color-accent-green, #00FF00);text-shadow:0 0 8px rgba(0,255,0,.3)}.live-elapsed-time--static .live-elapsed-time__value{color:var(--color-accent-blue, #00FFFF)}.live-elapsed-time__indicator{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.live-elapsed-time__pulse{width:6px;height:6px;border-radius:50%;background:var(--color-accent-green, #00FF00);animation:elapsed-pulse 1.2s ease-in-out infinite;box-shadow:0 0 6px var(--color-accent-green, #00FF00)}@keyframes elapsed-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #0f06}50%{opacity:.6;transform:scale(.85);box-shadow:0 0 0 4px #0f00}}.live-elapsed-time__context{font-size:10px;color:var(--color-text-secondary, #B0B0B0);font-style:italic;padding-left:2px}.live-elapsed-time--live .live-elapsed-time__context{color:#00ff00b3}.live-elapsed-time--static .live-elapsed-time__context{color:#0ffc;font-style:normal;font-weight:500}.live-elapsed-time--inline{padding:0 var(--space-xs, 4px);background:transparent;border:none;flex-direction:row}.live-elapsed-time--inline .live-elapsed-time__value{color:inherit}.live-elapsed-time--inline .live-elapsed-time__context{display:none}.live-elapsed-time--large{padding:var(--space-sm, 8px) var(--space-md, 12px);font-size:var(--font-size-md, 14px);border-radius:8px}.live-elapsed-time--large .live-elapsed-time__value{font-size:var(--font-size-lg, 16px)}.live-elapsed-time--large .live-elapsed-time__pulse{width:8px;height:8px}.live-elapsed-time--large .live-elapsed-time__context{font-size:var(--font-size-xs, 11px)}.live-elapsed-time--minimal{padding:0;background:transparent;border:none;gap:2px}.live-elapsed-time--minimal .live-elapsed-time__indicator{width:10px;height:10px}.live-elapsed-time--minimal .live-elapsed-time__pulse{width:4px;height:4px}.live-elapsed-time--minimal .live-elapsed-time__context{display:none}.live-elapsed-time--card{padding:var(--space-md, 12px);border-radius:10px;border-width:2px;align-items:center;text-align:center}.live-elapsed-time--card .live-elapsed-time__main{flex-direction:column;gap:var(--space-xs, 4px)}.live-elapsed-time--card .live-elapsed-time__label{font-size:var(--font-size-xs, 11px);text-transform:uppercase;letter-spacing:.1em}.live-elapsed-time--card .live-elapsed-time__value{font-size:var(--font-size-xl, 20px)}.live-elapsed-time--card .live-elapsed-time__context{margin-top:var(--space-xs, 4px);padding-top:var(--space-xs, 4px);border-top:1px solid rgba(255,255,255,.1);font-size:var(--font-size-xs, 11px)}.expression-panel{background:#fff;border:1.5px solid rgba(255,133,162,.2);box-shadow:0 8px 25px #ff85a21a;margin-top:var(--space-4);border-radius:var(--radius-md);overflow:hidden;position:relative;z-index:1}.expression-summary{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.expression-feeling-preview,.expression-status-preview{font-size:.75rem;font-weight:700;color:var(--color-text-secondary);padding:2px 8px;background:#c8b6ff26;border-radius:var(--radius-sm)}.expression-feeling-preview:empty,.expression-status-preview:empty{display:none}.expression-toggle{font-size:1rem;color:var(--color-text-tertiary);transition:transform .2s ease}.expression-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);cursor:pointer;background:linear-gradient(90deg,rgba(200,182,255,.05) 0%,transparent 100%);border-bottom:1.5px solid rgba(255,133,162,.1);transition:background .2s ease}.expression-header:hover{background:#ff85a20d}.expression-rating-preview{background:var(--color-accent-gold);color:#4a3728;padding:2px 8px;font-size:.75rem;font-weight:800;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.5)}.expression-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-6)}.feeling-selector{display:flex;flex-wrap:wrap;gap:var(--space-3)}.feeling-btn{width:56px;height:56px;background:#fff;border:1.5px solid var(--color-accent-lavender);border-radius:var(--radius-md);font-size:1.6rem;cursor:pointer;box-shadow:2px 2px #0000000d;transition:all .2s ease}.feeling-btn:hover{transform:translateY(-2px);box-shadow:0 8px 15px #ff85a233}.feeling-btn.active{background:var(--color-primary);border-color:#fff;box-shadow:0 8px 20px #ff85a266;transform:scale(1.1)}.status-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.status-btn{display:flex;align-items:center;gap:var(--space-2);padding:6px 14px;background:#fff;border:1.5px solid var(--color-accent-blue);border-radius:var(--radius-sm);font-size:.8rem;font-weight:800;color:var(--color-text-secondary);cursor:pointer;box-shadow:2px 2px #90e0ef1a;transition:all .2s ease}.status-btn:hover{background:#90e0ef1a}.status-btn.active{background:var(--color-accent-blue);color:#0077b6;border-color:#fff;box-shadow:0 8px 20px #90e0ef66;transform:translateY(-1px)}.rating-slider{display:flex;align-items:center;gap:var(--space-5);padding-top:var(--space-2)}.rating-slider input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:8px;background:var(--color-accent-lavender);border-radius:4px;outline:none}.rating-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--color-primary);border:2.5px solid white;border-radius:var(--radius-sm);cursor:pointer;box-shadow:2px 2px #ff85a233}.rating-value{background:var(--color-accent-mint);color:#2d6a4f;padding:6px 16px;font-weight:900;font-size:1rem;border-radius:var(--radius-md);min-width:60px}.expression-tag{display:flex;align-items:center;gap:var(--space-1);background:var(--color-accent-lavender);color:#5e548e;padding:4px 10px;font-size:.75rem;font-weight:800;border-radius:var(--radius-sm);border:1.5px solid white;box-shadow:2px 2px #0000000d}.tag-input{background:#fff;border:1.5px solid var(--color-accent-lavender);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.8rem;padding:6px 14px;outline:none;width:140px;box-shadow:inset 2px 2px #00000005}.expression-dates{display:flex;gap:var(--space-4);flex-wrap:wrap}.expression-dates>*{flex:1;min-width:200px}.expression-elapsed{margin-top:var(--space-2);padding:var(--space-3);background:#ffd7001a;border:1.5px solid var(--color-accent-gold);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.85rem;font-weight:600;text-align:center;box-shadow:2px 2px #ffd7001a}.plant-visualization{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-1)}.plant-container{display:flex;align-items:center;justify-content:center}.plant-svg{transition:filter .3s ease}.plant-size-small .plant-container{width:24px;height:24px}.plant-size-medium .plant-container{width:48px;height:48px}.plant-size-large .plant-container{width:72px;height:72px}.plant-stage-seed .plant-svg{filter:brightness(var(--plant-seed-brightness, .9))}.plant-stage-sprout .plant-svg{filter:brightness(var(--plant-sprout-brightness, 1))}.plant-stage-sapling .plant-svg{filter:brightness(var(--plant-sapling-brightness, 1.05))}.plant-stage-mature .plant-svg{filter:brightness(var(--plant-mature-brightness, 1.1)) drop-shadow(0 0 2px var(--plant-mature-glow, var(--color-accent-mint)))}.plant-stage-flourishing .plant-svg{filter:brightness(var(--plant-flourishing-brightness, 1.2)) drop-shadow(0 0 4px var(--plant-flourishing-glow-1, var(--color-accent-gold))) drop-shadow(0 0 8px var(--plant-flourishing-glow-2, var(--color-primary)))}.plant-label{font-family:var(--font-primary);font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.plant-stage-flourishing .plant-label{color:var(--color-accent-gold);text-shadow:0 0 4px var(--color-accent-gold)}@media(prefers-reduced-motion:reduce){.plant-visualization,.plant-container{animation:none}}[data-theme=moonlit] .plant-visualization{--plant-mature-glow: var(--color-accent-mint);--plant-flourishing-glow-1: var(--color-accent-gold);--plant-flourishing-glow-2: var(--color-primary)}[data-theme=moonlit] .plant-stage-flourishing .plant-label{color:var(--color-accent-gold);text-shadow:0 0 6px color-mix(in srgb,var(--color-accent-gold) 50%,transparent)}[data-theme=ballerina] .plant-visualization{--plant-seed-brightness: .95;--plant-mature-glow: var(--color-accent-mint);--plant-flourishing-glow-1: var(--color-primary);--plant-flourishing-glow-2: var(--color-accent-lavender)}[data-theme=ballerina] .plant-label{color:var(--color-text-secondary)}[data-theme=ballerina] .plant-stage-flourishing .plant-label{color:var(--color-primary);text-shadow:0 0 4px color-mix(in srgb,var(--color-primary) 40%,transparent)}[data-theme=vaporwave] .plant-visualization{--plant-mature-brightness: 1.15;--plant-flourishing-brightness: 1.3;--plant-mature-glow: var(--color-accent-mint);--plant-flourishing-glow-1: var(--color-primary);--plant-flourishing-glow-2: var(--color-accent-blue)}[data-theme=vaporwave] .plant-stage-mature .plant-svg{filter:brightness(1.15) drop-shadow(0 0 4px var(--color-accent-mint)) drop-shadow(0 0 8px var(--color-accent-mint))}[data-theme=vaporwave] .plant-stage-flourishing .plant-svg{filter:brightness(1.3) drop-shadow(0 0 6px var(--color-primary)) drop-shadow(0 0 12px var(--color-accent-blue)) drop-shadow(0 0 18px var(--color-accent-lavender))}[data-theme=vaporwave] .plant-stage-flourishing .plant-label{color:var(--color-accent-gold);text-shadow:0 0 6px var(--color-accent-gold),0 0 12px var(--color-primary)}[data-theme=library] .plant-visualization{--plant-seed-brightness: .85;--plant-mature-glow: var(--color-accent-mint);--plant-flourishing-glow-1: var(--color-accent-gold);--plant-flourishing-glow-2: var(--color-primary)}[data-theme=library] .plant-stage-flourishing .plant-label{color:var(--color-accent-gold);text-shadow:0 0 4px color-mix(in srgb,var(--color-accent-gold) 40%,transparent)}[data-theme=heavens] .plant-visualization{--plant-seed-brightness: .95;--plant-mature-glow: var(--color-accent-mint);--plant-flourishing-glow-1: var(--color-accent-gold);--plant-flourishing-glow-2: var(--color-primary)}[data-theme=heavens] .plant-label{color:var(--color-text-secondary)}[data-theme=heavens] .plant-stage-flourishing .plant-label{color:var(--color-accent-gold);text-shadow:0 0 4px color-mix(in srgb,var(--color-accent-gold) 30%,transparent)}[data-theme=carebears] .plant-visualization{--plant-mature-glow: var(--color-accent-mint);--plant-flourishing-glow-1: var(--color-primary);--plant-flourishing-glow-2: var(--color-accent-blue)}[data-theme=carebears] .plant-stage-mature .plant-svg{filter:brightness(1.1) drop-shadow(0 0 3px var(--color-accent-mint)) drop-shadow(0 0 6px var(--color-accent-blue))}[data-theme=carebears] .plant-stage-flourishing .plant-svg{filter:brightness(1.2) drop-shadow(0 0 4px var(--color-primary)) drop-shadow(0 0 8px var(--color-accent-blue)) drop-shadow(0 0 12px var(--color-accent-lavender))}[data-theme=carebears] .plant-label{color:var(--color-text-secondary)}[data-theme=carebears] .plant-stage-flourishing .plant-label{color:var(--color-accent-gold);text-shadow:0 0 4px color-mix(in srgb,var(--color-accent-gold) 50%,transparent),0 0 8px color-mix(in srgb,var(--color-primary) 30%,transparent)}.virtualized-ritual-tree{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;contain:layout style paint;will-change:scroll-position}.virtualized-ritual-tree .ritual-tree.virtual{position:relative}.virtualized-ritual-tree .ritual-tree.virtual>div{will-change:transform}.virtualized-ritual-tree .ritual-tree.non-virtualized{overflow:auto}.virtualization-stats{background:#000c;color:#4ade80;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;z-index:1000}@media(prefers-reduced-motion:no-preference){.virtualized-ritual-tree .ritual-expanded-content{animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.virtualized-ritual-tree::-webkit-scrollbar{width:12px}.virtualized-ritual-tree::-webkit-scrollbar-track{background:transparent}.virtualized-ritual-tree::-webkit-scrollbar-thumb{background:#0003;border-radius:6px}.virtualized-ritual-tree::-webkit-scrollbar-thumb:hover{background:#0000004d}.biome-view{width:100%;padding:var(--space-4)}.biome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);min-height:400px}@media(max-width:768px){.biome-grid{grid-template-columns:1fr}}.biome-zone{--biome-color: var(--color-primary);--biome-bg: var(--biome-zone-bg, linear-gradient(135deg, rgba(0, 0, 80, .8) 0%, rgba(0, 0, 40, .9) 100%));--biome-inset: var(--biome-zone-inset, rgba(0, 0, 0, .3));background:var(--biome-bg);border:2px solid var(--biome-color);border-radius:var(--radius-sm, 0);box-shadow:0 0 15px color-mix(in srgb,var(--biome-color) 30%,transparent),inset 0 0 30px var(--biome-inset);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);min-height:250px;position:relative;overflow:hidden}.biome-zone:before{content:"";position:absolute;inset:0;background:var(--glitter-texture);background-size:100px 100px;opacity:.3;pointer-events:none}.biome-header{display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid color-mix(in srgb,var(--biome-color) 50%,transparent);position:relative;z-index:1}.biome-icon{font-size:1.5rem;filter:drop-shadow(0 0 4px var(--biome-color))}.biome-name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--biome-color);text-shadow:0 0 8px var(--biome-color);flex:1}.biome-count{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--biome-count-bg, rgba(0, 0, 0, .4));padding:2px 8px;border:1px solid var(--biome-color);border-radius:var(--radius-sm, 0)}.biome-plants{flex:1;display:flex;flex-wrap:wrap;gap:var(--space-2);align-content:flex-start;position:relative;z-index:1;padding:var(--space-2);background:var(--biome-plants-bg, rgba(0, 0, 0, .2));border:1px dashed color-mix(in srgb,var(--biome-color) 30%,transparent);border-radius:var(--radius-sm, 0);min-height:120px}.biome-plant{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--biome-plant-bg, rgba(0, 0, 0, .3));border:1px solid transparent;border-radius:var(--radius-sm, 0);cursor:pointer;transition:all .2s ease;max-width:80px}.biome-plant:hover{border-color:var(--biome-color);box-shadow:0 0 10px color-mix(in srgb,var(--biome-color) 50%,transparent);background:var(--biome-plant-hover-bg, rgba(0, 0, 0, .5))}.plant-title{font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}.biome-empty{width:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-style:italic;font-size:var(--text-sm);padding:var(--space-6)}.biome-overflow{display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);background:var(--biome-overflow-bg, rgba(255, 255, 255, .1));color:var(--color-text-secondary);font-size:var(--text-xs);border:1px dashed var(--biome-color);border-radius:var(--radius-sm, 0)}.biome-stats{position:relative;z-index:1}.biome-stats-bar{display:flex;height:6px;background:var(--biome-stats-bg, rgba(0, 0, 0, .4));border:1px solid var(--biome-stats-border, rgba(255, 255, 255, .1));border-radius:var(--radius-sm, 0);overflow:hidden}.stat-segment{height:100%;transition:width .3s ease}.stat-segment.seed{background:var(--color-domain-read)}.stat-segment.sprout{background:var(--color-accent-mint)}.stat-segment.sapling{background:var(--color-domain-play)}.stat-segment.mature{background:var(--color-primary)}.stat-segment.flourishing{background:linear-gradient(90deg,var(--color-accent-gold) 0%,var(--color-primary) 100%)}.biome-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8);background:var(--biome-empty-bg, rgba(0, 0, 80, .5));border:2px dashed var(--color-primary);border-radius:var(--radius-md, 0);color:var(--color-text-secondary);text-align:center}.biome-empty-state p:first-child{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-primary)}.biome-empty-state p:last-child{font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic}@media(prefers-reduced-motion:reduce){.biome-plant:hover{transform:none}}[data-theme=angelfire] .biome-zone{--biome-zone-bg: linear-gradient(135deg, rgba(0, 0, 80, .8) 0%, rgba(0, 0, 40, .9) 100%);--biome-zone-inset: rgba(0, 0, 0, .3)}[data-theme=moonlit] .biome-zone{--biome-zone-bg: linear-gradient(135deg, rgba(45, 45, 68, .9) 0%, rgba(26, 26, 46, .95) 100%);--biome-zone-inset: rgba(0, 0, 0, .2);--biome-count-bg: rgba(26, 26, 46, .6);--biome-plants-bg: rgba(26, 26, 46, .4);--biome-plant-bg: rgba(45, 45, 68, .5);--biome-plant-hover-bg: rgba(45, 45, 68, .8);--biome-overflow-bg: rgba(184, 169, 201, .15);--biome-stats-bg: rgba(26, 26, 46, .6);--biome-stats-border: rgba(184, 169, 201, .2)}[data-theme=moonlit] .biome-empty-state{--biome-empty-bg: rgba(45, 45, 68, .7)}[data-theme=ballerina] .biome-zone{--biome-zone-bg: linear-gradient(135deg, rgba(255, 214, 220, .9) 0%, rgba(255, 228, 232, .95) 100%);--biome-zone-inset: rgba(232, 145, 168, .1);--biome-count-bg: rgba(255, 245, 247, .7);--biome-plants-bg: rgba(255, 245, 247, .5);--biome-plant-bg: rgba(255, 228, 232, .7);--biome-plant-hover-bg: rgba(232, 145, 168, .2);--biome-overflow-bg: rgba(232, 145, 168, .15);--biome-stats-bg: rgba(255, 245, 247, .6);--biome-stats-border: rgba(232, 145, 168, .3)}[data-theme=ballerina] .biome-empty-state{--biome-empty-bg: rgba(255, 228, 232, .8)}[data-theme=vaporwave] .biome-zone{--biome-zone-bg: linear-gradient(135deg, rgba(45, 27, 78, .9) 0%, rgba(26, 10, 46, .95) 100%);--biome-zone-inset: rgba(255, 113, 206, .1);--biome-count-bg: rgba(26, 10, 46, .7);--biome-plants-bg: rgba(26, 10, 46, .5);--biome-plant-bg: rgba(45, 27, 78, .6);--biome-plant-hover-bg: rgba(45, 27, 78, .9);--biome-overflow-bg: rgba(255, 113, 206, .2);--biome-stats-bg: rgba(26, 10, 46, .7);--biome-stats-border: rgba(185, 103, 255, .3)}[data-theme=vaporwave] .biome-zone{box-shadow:0 0 20px color-mix(in srgb,var(--biome-color) 40%,transparent),0 0 40px color-mix(in srgb,var(--biome-color) 20%,transparent),inset 0 0 30px var(--biome-inset)}[data-theme=vaporwave] .biome-empty-state{--biome-empty-bg: rgba(45, 27, 78, .8)}[data-theme=library] .biome-zone{--biome-zone-bg: linear-gradient(135deg, rgba(61, 52, 36, .9) 0%, rgba(44, 36, 22, .95) 100%);--biome-zone-inset: rgba(0, 0, 0, .2);--biome-count-bg: rgba(44, 36, 22, .6);--biome-plants-bg: rgba(44, 36, 22, .4);--biome-plant-bg: rgba(61, 52, 36, .5);--biome-plant-hover-bg: rgba(61, 52, 36, .8);--biome-overflow-bg: rgba(212, 165, 116, .15);--biome-stats-bg: rgba(44, 36, 22, .6);--biome-stats-border: rgba(212, 165, 116, .2)}[data-theme=library] .biome-empty-state{--biome-empty-bg: rgba(61, 52, 36, .7)}[data-theme=heavens] .biome-zone{--biome-zone-bg: linear-gradient(135deg, rgba(240, 248, 255, .9) 0%, rgba(232, 244, 252, .95) 100%);--biome-zone-inset: rgba(126, 184, 218, .1);--biome-count-bg: rgba(255, 255, 255, .7);--biome-plants-bg: rgba(255, 255, 255, .5);--biome-plant-bg: rgba(240, 248, 255, .8);--biome-plant-hover-bg: rgba(126, 184, 218, .2);--biome-overflow-bg: rgba(126, 184, 218, .15);--biome-stats-bg: rgba(255, 255, 255, .6);--biome-stats-border: rgba(126, 184, 218, .3)}[data-theme=heavens] .biome-empty-state{--biome-empty-bg: rgba(240, 248, 255, .8)}[data-theme=carebears] .biome-zone{--biome-zone-bg: linear-gradient(135deg, rgba(255, 232, 245, .9) 0%, rgba(255, 240, 248, .95) 100%);--biome-zone-inset: rgba(255, 179, 217, .1);--biome-count-bg: rgba(255, 240, 248, .8);--biome-plants-bg: rgba(255, 245, 251, .6);--biome-plant-bg: rgba(255, 232, 245, .8);--biome-plant-hover-bg: rgba(255, 179, 217, .25);--biome-overflow-bg: rgba(255, 179, 217, .2);--biome-stats-bg: rgba(255, 240, 248, .7);--biome-stats-border: rgba(255, 179, 217, .3)}[data-theme=carebears] .biome-zone{box-shadow:0 0 15px color-mix(in srgb,var(--biome-color) 30%,transparent),0 0 30px color-mix(in srgb,var(--biome-color) 15%,transparent),inset 0 0 30px var(--biome-inset)}[data-theme=carebears] .biome-empty-state{--biome-empty-bg: rgba(255, 232, 245, .9)}.remanifest-modal-overlay{position:fixed;inset:0;background:#bde0fe66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:3001}.remanifest-modal{background:var(--color-surface);border:3px solid white;border-radius:var(--radius-md);width:90vw;max-width:900px;height:80vh;max-height:700px;display:flex;flex-direction:column;box-shadow:0 10px 30px #ff85a233,0 0 0 6px #fff;overflow:hidden;color:var(--color-text-primary)}.remanifest-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;background:linear-gradient(90deg,#c8b6ff,#90e0ef);border-bottom:2px solid white}.remanifest-header-info{flex:1}.remanifest-header h2{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.1);text-transform:uppercase;letter-spacing:.1em}.remanifest-ritual-title{margin:.25rem 0 0;font-size:.9rem;color:#ffffffe6;font-style:italic;font-weight:600}.btn-close-remanifest{width:36px;height:36px;border:2px solid white;background:#fff3;color:#fff;border-radius:var(--radius-sm);font-size:1.2rem;font-weight:900;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-close-remanifest:hover{background:#fff;color:var(--color-primary);transform:scale(1.1)}.remanifest-body{flex:1;display:flex;flex-direction:column;padding:2rem;gap:1rem;overflow-y:auto;background:var(--glitter-texture),linear-gradient(180deg,#fff,#f0f7ff);background-size:40px 40px,100% 100%}.remanifest-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;background:#c8b6ff1a;border:2px solid rgba(200,182,255,.3);border-radius:var(--radius-sm)}.info-text{margin:0;font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.info-text strong{color:var(--color-primary)}.info-text em{color:#2ed573;font-style:normal;font-weight:800}.info-hint{margin:0;font-size:.8rem;color:var(--color-text-secondary);font-weight:600}.remanifest-textarea{flex:1;resize:none;padding:1.5rem;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;background:#fff;border:3px solid #000;border-radius:var(--radius-sm);color:#000;box-shadow:inset 4px 4px #0000000d;transition:all .2s ease;white-space:pre;overflow-wrap:normal;overflow-x:auto}.remanifest-textarea:focus{outline:none;border-color:var(--color-accent-lavender);box-shadow:inset 4px 4px #0000000d,4px 4px #c8b6ff4d}.remanifest-error{padding:.75rem 1rem;background:#ffebeb;border:2px solid #ff6b6b;border-radius:var(--radius-sm);color:#ff6b6b;font-size:.85rem;font-weight:700}.remanifest-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--color-surface-elevated);border-top:3px solid #000}.btn-cancel-remanifest{background:#fff;border:1.5px solid var(--color-accent-lavender);color:var(--color-text-secondary);font-weight:800;text-transform:uppercase;padding:.8rem 1.5rem;cursor:pointer;box-shadow:2px 2px #0000000d;border-radius:var(--radius-sm);transition:all .2s}.btn-cancel-remanifest:hover{background:#fff;border-color:var(--color-primary)}.btn-remanifest{background:linear-gradient(135deg,#c8b6ff,#90e0ef);border:2px solid white;color:#fff;padding:.8rem 2.5rem;font-weight:900;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px #c8b6ff33;transition:all .2s;border-radius:var(--radius-sm);letter-spacing:.1em}.btn-remanifest:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px #c8b6ff4d}.btn-remanifest:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-remanifest.is-processing{opacity:.8}.flickers-sidebar{position:sticky;top:20px;width:280px;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;padding:16px;background:#ffffff08;border-left:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.flickers-header{margin-bottom:8px}.flickers-header h3{font-family:Outfit,sans-serif;font-size:1.1rem;color:#fff;margin:0;letter-spacing:.05em;text-transform:uppercase;opacity:.8}.flickers-subtitle{font-size:.75rem;color:#fff6;font-style:italic}.flickers-list{display:flex;flex-direction:column;gap:12px}.flicker-card{position:relative;padding:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease}.flicker-aura{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,var(--flicker-color, #fff) 0%,transparent 70%);opacity:.05;pointer-events:none}.flicker-card.kind-repetition{--flicker-color: #ffcc00}.flicker-card.kind-convergence{--flicker-color: #00ccff}.flicker-card.kind-temporalcluster{--flicker-color: #ff66aa}.flicker-card:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 4px 20px #0003}.flicker-kind-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--flicker-color, #fff);margin-bottom:6px;letter-spacing:.1em}.flicker-title{font-family:Outfit,sans-serif;font-size:.95rem;color:#eee;margin:0 0 4px}.flicker-description{font-size:.8rem;color:#ffffff80;line-height:1.4;margin:0}.flicker-action{margin-top:10px;display:flex;justify-content:flex-end}.action-hint{font-size:.7rem;color:var(--flicker-color, #fff);opacity:.6;font-weight:600}.flickers-sidebar::-webkit-scrollbar{width:4px}.flickers-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.resource-dashboard{width:100%;padding:var(--space-2) var(--space-4);background:var(--resource-dashboard-bg, var(--glass-background));border-bottom:var(--border-fancy);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:var(--glass-blur, blur(4px));backdrop-filter:var(--glass-blur, blur(4px))}.resource-dashboard-inner{display:flex;justify-content:center;gap:var(--space-6);max-width:800px;margin:0 auto}.resource-counter{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--resource-counter-bg, rgba(0, 0, 0, .3));border:2px solid var(--resource-color, var(--color-primary));border-radius:var(--radius-sm, 0);box-shadow:0 0 8px color-mix(in srgb,var(--resource-color, var(--color-primary)) 60%,transparent),inset 0 0 4px var(--resource-counter-inset, rgba(255, 255, 255, .1));min-width:120px}.resource-counter:hover{box-shadow:0 0 12px var(--resource-color, var(--color-primary)),0 0 20px #ffffff1a,inset 0 0 8px #ffffff26;transform:translateY(-1px);transition:all .2s ease}.resource-icon{width:24px;height:24px;color:var(--resource-color, var(--color-primary));filter:drop-shadow(0 0 4px var(--resource-color, var(--color-primary)))}.resource-info{display:flex;flex-direction:column;gap:0}.resource-label{font-family:var(--font-primary);font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;opacity:.8}.resource-value{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text-primary);font-weight:700;text-shadow:0 0 8px rgba(255,255,255,.5);line-height:1.2}.resource-yield{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--resource-color, var(--color-accent-mint));opacity:.9}@media(max-width:768px){.resource-dashboard-inner{flex-wrap:wrap;gap:var(--space-2)}.resource-counter{min-width:100px;padding:var(--space-1) var(--space-2)}.resource-icon{width:20px;height:20px}.resource-value{font-size:var(--text-base)}}@media(max-width:480px){.resource-dashboard-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.resource-counter{min-width:unset}}@media(prefers-reduced-motion:reduce){.resource-counter:hover{transform:none;transition:none}}[data-theme=angelfire] .resource-dashboard{--resource-dashboard-bg: linear-gradient(180deg, rgba(0, 0, 128, .9) 0%, rgba(0, 0, 80, .95) 100%);--resource-counter-bg: rgba(0, 0, 0, .3);--resource-counter-inset: rgba(255, 255, 255, .1)}[data-theme=moonlit] .resource-dashboard{--resource-dashboard-bg: linear-gradient(180deg, rgba(45, 45, 68, .95) 0%, rgba(26, 26, 46, .98) 100%);--resource-counter-bg: rgba(45, 45, 68, .6);--resource-counter-inset: rgba(184, 169, 201, .1)}[data-theme=moonlit] .resource-counter{box-shadow:0 0 10px color-mix(in srgb,var(--resource-color, var(--color-primary)) 40%,transparent),inset 0 0 4px #b8a9c91a}[data-theme=ballerina] .resource-dashboard{--resource-dashboard-bg: linear-gradient(180deg, rgba(255, 228, 232, .95) 0%, rgba(255, 214, 220, .98) 100%);--resource-counter-bg: rgba(255, 245, 247, .8);--resource-counter-inset: rgba(232, 145, 168, .1)}[data-theme=ballerina] .resource-counter{box-shadow:0 0 8px color-mix(in srgb,var(--resource-color, var(--color-primary)) 30%,transparent),inset 0 0 4px #e891a81a}[data-theme=ballerina] .resource-label,[data-theme=ballerina] .resource-value{color:var(--color-text-primary)}[data-theme=vaporwave] .resource-dashboard{--resource-dashboard-bg: linear-gradient(180deg, rgba(45, 27, 78, .95) 0%, rgba(26, 10, 46, .98) 100%);--resource-counter-bg: rgba(26, 10, 46, .6);--resource-counter-inset: rgba(255, 113, 206, .1)}[data-theme=vaporwave] .resource-counter{box-shadow:0 0 12px color-mix(in srgb,var(--resource-color, var(--color-primary)) 70%,transparent),0 0 24px color-mix(in srgb,var(--resource-color, var(--color-primary)) 30%,transparent),inset 0 0 4px #ff71ce26}[data-theme=library] .resource-dashboard{--resource-dashboard-bg: linear-gradient(180deg, rgba(61, 52, 36, .95) 0%, rgba(44, 36, 22, .98) 100%);--resource-counter-bg: rgba(44, 36, 22, .6);--resource-counter-inset: rgba(212, 165, 116, .1)}[data-theme=library] .resource-counter{box-shadow:0 0 8px color-mix(in srgb,var(--resource-color, var(--color-primary)) 40%,transparent),inset 0 0 4px #d4a5741a}[data-theme=heavens] .resource-dashboard{--resource-dashboard-bg: linear-gradient(180deg, rgba(240, 248, 255, .95) 0%, rgba(232, 244, 252, .98) 100%);--resource-counter-bg: rgba(255, 255, 255, .8);--resource-counter-inset: rgba(126, 184, 218, .1)}[data-theme=heavens] .resource-counter{box-shadow:0 0 8px color-mix(in srgb,var(--resource-color, var(--color-primary)) 30%,transparent),inset 0 0 4px #7eb8da1a}[data-theme=heavens] .resource-label,[data-theme=heavens] .resource-value{color:var(--color-text-primary)}[data-theme=carebears] .resource-dashboard{--resource-dashboard-bg: linear-gradient(135deg, rgba(255, 179, 217, .85) 0%, rgba(168, 216, 240, .85) 25%, rgba(224, 208, 245, .85) 50%, rgba(184, 240, 208, .85) 75%, rgba(255, 245, 184, .85) 100%);--resource-counter-bg: rgba(255, 240, 248, .9);--resource-counter-inset: rgba(255, 179, 217, .1)}[data-theme=carebears] .resource-counter{box-shadow:0 0 10px color-mix(in srgb,var(--resource-color, var(--color-primary)) 40%,transparent),inset 0 0 4px #ffb3d926}[data-theme=carebears] .resource-label,[data-theme=carebears] .resource-value{color:var(--color-text-primary)}.welcome-back-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg, rgba(0, 0, 80, .9));display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.welcome-back-modal{background:var(--window-bg, linear-gradient(135deg, rgba(0, 0, 128, .95) 0%, rgba(75, 0, 130, .95) 100%));border:var(--window-border, var(--border-fancy));border-radius:var(--radius-md, 0);box-shadow:var(--window-shadow, 0 0 20px var(--color-accent-gold), 0 0 40px rgba(255, 20, 147, .4));padding:var(--space-6);max-width:400px;width:90%;text-align:center}.welcome-back-header{margin-bottom:var(--space-4)}.welcome-back-header h2{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-accent-gold);text-shadow:0 0 10px var(--color-accent-gold),0 0 20px var(--color-primary);margin:0 0 var(--space-2);letter-spacing:.05em}.welcome-back-subtitle{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.welcome-back-time{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--window-content-bg, rgba(0, 0, 0, .3));border:1px solid var(--color-accent-lavender);border-radius:var(--radius-sm, 0);margin-bottom:var(--space-4)}.time-label{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-text-tertiary)}.time-value{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text-primary);font-weight:700}.welcome-back-earnings{margin-bottom:var(--space-4)}.welcome-back-earnings h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);margin:0 0 var(--space-3)}.earnings-list{display:flex;flex-direction:column;gap:var(--space-2)}.earning-item{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--earning-item-bg, rgba(255, 255, 255, .05));border:1px solid var(--earning-item-border, rgba(255, 255, 255, .1));border-radius:var(--radius-sm, 0)}.earning-icon{width:20px;height:20px}.earning-label{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-text-secondary);min-width:80px;text-align:left}.earning-value{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-accent-mint);font-weight:700;min-width:60px;text-align:right}.no-earnings{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic}.earnings-total{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--color-accent-gold) 30%,transparent);font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-accent-gold)}.welcome-back-close{font-family:var(--font-display);font-size:var(--text-lg);padding:var(--space-3) var(--space-6);background:var(--btn-primary-bg, linear-gradient(180deg, var(--color-primary) 0%, var(--color-accent-lavender) 100%));border:2px solid var(--btn-primary-border, var(--color-accent-gold));border-radius:var(--radius-sm, 0);color:var(--color-text-primary);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;transition:all .2s ease}.welcome-back-close:hover{background:var(--btn-primary-hover-bg, linear-gradient(180deg, var(--color-accent-gold) 0%, var(--color-primary) 100%));box-shadow:var(--shadow-glow, 0 0 10px var(--color-accent-gold), 0 0 20px var(--color-primary));transform:translateY(-2px)}.welcome-back-close:active{transform:translateY(0)}@media(prefers-reduced-motion:reduce){.welcome-back-close:hover{transform:none}}[data-theme=ballerina] .welcome-back-modal,[data-theme=heavens] .welcome-back-modal,[data-theme=carebears] .welcome-back-modal{--earning-item-bg: rgba(0, 0, 0, .05);--earning-item-border: color-mix(in srgb, var(--color-primary) 30%, transparent)}[data-theme=ballerina] .welcome-back-header h2,[data-theme=heavens] .welcome-back-header h2,[data-theme=carebears] .welcome-back-header h2{color:var(--color-primary);text-shadow:0 0 10px color-mix(in srgb,var(--color-primary) 50%,transparent)}[data-theme=ballerina] .welcome-back-earnings h3,[data-theme=heavens] .welcome-back-earnings h3,[data-theme=carebears] .welcome-back-earnings h3,[data-theme=ballerina] .time-value,[data-theme=heavens] .time-value,[data-theme=carebears] .time-value{color:var(--color-text-primary)}[data-theme=ballerina] .welcome-back-close,[data-theme=heavens] .welcome-back-close,[data-theme=carebears] .welcome-back-close{color:var(--btn-secondary-text, var(--color-text-dark))}[data-theme=vaporwave] .welcome-back-modal{box-shadow:0 0 30px var(--color-primary),0 0 60px var(--color-accent-blue),inset 0 0 20px #ff71ce1a}[data-theme=vaporwave] .welcome-back-header h2{text-shadow:0 0 10px var(--color-accent-gold),0 0 20px var(--color-primary),0 0 30px var(--color-accent-blue)}[data-theme=moonlit] .welcome-back-modal{--earning-item-bg: rgba(184, 169, 201, .1);--earning-item-border: rgba(184, 169, 201, .2)}[data-theme=moonlit] .welcome-back-header h2{text-shadow:0 0 8px color-mix(in srgb,var(--color-accent-gold) 60%,transparent),0 0 15px color-mix(in srgb,var(--color-primary) 40%,transparent)}[data-theme=library] .welcome-back-modal{--earning-item-bg: rgba(212, 165, 116, .1);--earning-item-border: rgba(212, 165, 116, .2)}[data-theme=library] .welcome-back-header h2{text-shadow:0 0 8px color-mix(in srgb,var(--color-accent-gold) 50%,transparent),0 0 15px color-mix(in srgb,var(--color-primary) 30%,transparent)}.garden-view{display:flex;flex-direction:column;gap:var(--space-6)}.garden-layout{display:flex;gap:var(--space-6);align-items:flex-start}.garden-main{flex:1;min-width:0}.garden-side{width:320px;flex-shrink:0}.garden-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--garden-header-bg, linear-gradient(90deg, rgba(0, 0, 80, .8) 0%, rgba(75, 0, 130, .6) 100%));border-bottom:2px solid var(--color-primary);border-radius:var(--radius-sm, 0) var(--radius-sm, 0) 0 0;box-shadow:0 2px 10px color-mix(in srgb,var(--color-primary) 30%,transparent)}.garden-header-left{display:flex;align-items:center;gap:var(--space-4)}.garden-header h2{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-accent-gold);text-shadow:0 0 10px var(--color-accent-gold),2px 2px 0 rgba(0,0,0,.3)}.view-mode-toggle{display:flex;gap:2px;background:var(--view-toggle-bg, rgba(0, 0, 0, .3));padding:2px;border:1px solid var(--color-primary);border-radius:var(--radius-sm, 0)}.view-mode-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm, 0);color:var(--color-text-tertiary);cursor:pointer;transition:all .2s ease}.view-mode-btn:hover{color:var(--color-text-primary);background:var(--view-toggle-hover-bg, rgba(255, 255, 255, .1))}.view-mode-btn.active{color:var(--color-accent-gold);background:var(--view-toggle-active-bg, rgba(255, 215, 0, .2));box-shadow:inset 0 0 8px color-mix(in srgb,var(--color-accent-gold) 30%,transparent)}.view-mode-btn svg{filter:drop-shadow(0 0 2px currentColor)}.btn-cast{background:var(--color-accent-gold);color:#4a3728;border:1.5px solid white;padding:var(--space-2) var(--space-6);font-weight:800;font-size:.9rem;border-radius:var(--radius-sm);cursor:pointer;box-shadow:4px 4px #ffd60a33;transition:all .2s ease}.btn-cast:hover{transform:translateY(-2px);box-shadow:0 12px 25px #ffd60a66;background:#fff}.ritual-tree{display:flex;flex-direction:column;gap:var(--space-6)}.ritual-node{background:#fff;border-radius:var(--radius-md);box-shadow:2px 2px #ff85a20d;transition:all .2s ease;position:relative;margin-bottom:var(--space-4);border:1px solid rgba(0,0,0,.05)}.ritual-node.root{border:2.5px solid rgba(255,133,162,.2);box-shadow:6px 6px #ff85a214}.ritual-node.nested{margin-left:var(--space-8);border:1.5px solid rgba(144,224,239,.15);position:relative}.ritual-node.nested:before{content:"";position:absolute;left:calc(-1 * var(--space-4));top:0;bottom:50%;width:2px;background:linear-gradient(180deg,#ff85a233,#90e0ef33);border-radius:1px}.ritual-node.nested:after{content:"";position:absolute;left:calc(-1 * var(--space-4));top:50%;width:var(--space-4);height:2px;background:#90e0ef33;border-radius:1px}.ritual-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-5);cursor:pointer;background:linear-gradient(90deg,rgba(255,133,162,.03) 0%,transparent 100%);transition:all .2s ease;border-bottom:1px solid transparent}.ritual-node.is-expanded .ritual-header{border-bottom-color:#ff85a21a;background:linear-gradient(90deg,rgba(255,133,162,.08) 0%,transparent 100%)}.ritual-header:hover{background:#ff85a214}.ritual-title{display:flex;align-items:center;gap:var(--space-3);min-width:0}.ritual-title-text{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ritual-spell-icon{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.ritual-child-count{font-size:.75rem;font-weight:800;color:var(--color-text-tertiary);background:#ffffff80;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid rgba(255,133,162,.1)}.ritual-completed-badge{font-size:1.2rem;font-weight:700;color:var(--color-accent-gold);background:#ffd70026;padding:2px 8px;border-radius:var(--radius-sm);border:1.5px solid var(--color-accent-gold);box-shadow:0 2px 4px #ffd70033}.ritual-progress-inline{display:flex;align-items:center;padding:2px 8px;background:#ffffff80;border-radius:var(--radius-sm);border:1px solid rgba(255,133,162,.1)}.ritual-plant-inline{display:flex;align-items:center;padding:2px 4px;background:#b9fbc033;border-radius:var(--radius-sm);border:1px solid rgba(185,251,192,.3)}.ritual-expand-icon{font-size:1.2rem;color:var(--color-primary);transition:transform .2s ease}.ritual-node.is-expanded .ritual-expand-icon{transform:rotate(180deg)}.drag-handle{cursor:grab;padding:4px 8px;color:var(--color-text-tertiary);font-size:1rem;letter-spacing:-2px;border-radius:var(--radius-sm);transition:all .2s ease;-webkit-user-select:none;user-select:none;touch-action:none}.drag-handle:hover{background:#ff85a226;color:var(--color-primary)}.drag-handle:active{cursor:grabbing}.ritual-node.is-dragging{box-shadow:0 20px 40px #ff85a24d,0 0 0 2px var(--color-primary);transform:scale(1.02);z-index:100}.ritual-expanded-content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-6);background:#fff6}.ritual-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.meta-item{background:#fff;padding:6px 12px;font-size:.75rem;border:1px solid var(--color-accent-lavender);border-radius:var(--radius-sm);box-shadow:2px 2px #c8b6ff33}.meta-item strong{color:var(--color-primary);margin-right:4px}.ritual-children{display:flex;flex-direction:column;gap:var(--space-4);position:relative;padding-top:var(--space-2)}border-bottom: 2px dashed rgba(255,133,162,.15); } .children-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.true-order-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;background:linear-gradient(135deg,#ff85a2,#c8b6ff);color:#fff;font-size:.75rem;font-weight:900;border-radius:50%;border:2px solid white;box-shadow:2px 2px #ff85a24d,0 0 8px #ff85a233;margin-right:var(--space-1)}.true-order-controls{display:flex;gap:var(--space-2)}.btn-set-true-order{background:linear-gradient(135deg,#ff85a2,#c8b6ff);color:#fff;border:1.5px solid white;padding:4px 10px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);cursor:pointer;box-shadow:2px 2px #ff85a233;transition:all .2s ease}.btn-set-true-order:hover{transform:translateY(-1px);box-shadow:3px 3px #ff85a24d}.btn-clear-true-order{background:transparent;color:var(--color-text-tertiary);border:1px solid rgba(255,133,162,.3);padding:4px 8px;font-size:.65rem;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.btn-clear-true-order:hover{background:#ff85a21a;border-color:var(--color-primary);color:var(--color-primary)}.children-list{display:flex;flex-direction:column;gap:var(--space-3);position:relative}.ritual-spores-section{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:#f5fffa99;border:1.5px solid white;border-radius:var(--radius-md);box-shadow:inset 0 2px 10px #00000005}border-bottom: 1.5px solid rgba(185,251,192,.5); padding-bottom: var(--space-2); } .spores-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#2d6a4f}.ritual-spores-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.spore-wrapper{width:100%;min-width:0}.ritual-footer-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-4);margin-top:var(--space-2);border-top:1.5px solid rgba(255,133,162,.1)}.btn-add-spore{background:var(--color-accent-mint);color:#2d6a4f;border:1.5px solid white;padding:var(--space-1) var(--space-4);font-size:.8rem;font-weight:800;border-radius:var(--radius-sm);cursor:pointer;box-shadow:2px 2px #b9fbc04d;transition:all .2s ease}.btn-add-spore:hover{transform:translateY(-1px);box-shadow:0 6px 15px #b9fbc080}.btn-remanifest-ritual{background:linear-gradient(135deg,#c8b6ff,#90e0ef);color:#fff;border:1.5px solid white;padding:var(--space-1) var(--space-4);font-size:.8rem;font-weight:800;border-radius:var(--radius-sm);cursor:pointer;box-shadow:2px 2px #c8b6ff4d;transition:all .2s ease}.btn-remanifest-ritual:hover{transform:translateY(-1px);box-shadow:0 6px 15px #c8b6ff80}.btn-delete-ritual{background:transparent;border:1px solid rgba(255,133,162,.3);color:var(--color-primary);padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.btn-delete-ritual:hover{background:#ff85a20d}.empty-state{text-align:center;padding:var(--space-12);background:#ffffff4d;border:2px dashed rgba(255,133,162,.3);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.empty-icon{font-size:3rem}.empty-state p{margin:0;color:var(--color-text-secondary)}.empty-hint{font-size:.85rem;color:var(--color-text-tertiary);font-style:italic}.ritual-drag-preview{background:#fff;border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:0 20px 40px #ff85a266,0 0 0 4px #ff85a21a;min-width:200px;max-width:350px;transform:rotate(2deg);animation:dragPreviewPulse 1.5s ease-in-out infinite}@keyframes dragPreviewPulse{0%,to{box-shadow:0 20px 40px #ff85a266,0 0 0 4px #ff85a21a}50%{box-shadow:0 25px 50px #ff85a280,0 0 0 6px #ff85a226}}.drag-preview-content{display:flex;align-items:center;gap:var(--space-2)}.drag-preview-badge{font-size:.65rem;min-width:20px;height:20px}.drag-preview-icon{font-size:1.5rem}.drag-preview-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drag-preview-hint{margin-top:var(--space-2);font-size:.65rem;color:var(--color-text-tertiary);text-align:center;opacity:.8}.drop-indicator{position:relative;height:4px;margin:var(--space-1) 0}.drop-indicator-before{margin-top:calc(-1 * var(--space-1))}.drop-indicator-after{margin-bottom:calc(-1 * var(--space-1))}.drop-indicator-line{position:absolute;left:0;right:0;top:50%;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent-lavender) 100%);border-radius:2px;transform:translateY(-50%);animation:dropLinePulse .8s ease-in-out infinite}.drop-indicator-dot{position:absolute;left:-4px;top:50%;width:10px;height:10px;background:var(--color-primary);border:2px solid white;border-radius:50%;transform:translateY(-50%);box-shadow:0 2px 8px #ff85a266}@keyframes dropLinePulse{0%,to{opacity:1}50%{opacity:.6}}.clusters-section{margin-bottom:var(--space-6)}.clusters-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px dashed rgba(200,182,255,.4)}.clusters-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-lavender)}.clusters-count{font-size:.65rem;font-weight:700;background:var(--color-accent-lavender);color:#fff;padding:2px 8px;border-radius:10px}.clusters-list{display:flex;flex-direction:column;gap:var(--space-4)}.cluster-zone{--cluster-color: #c8b6ff;background:linear-gradient(135deg,color-mix(in srgb,var(--cluster-color) 15%,white),color-mix(in srgb,var(--cluster-color) 8%,white));border:2px solid var(--cluster-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.cluster-zone.is-drop-target{border-color:var(--color-primary);box-shadow:0 0 0 4px #ff85a233,0 8px 25px #ff85a24d;transform:scale(1.01)}.cluster-zone.is-collapsed{border-style:dashed}.cluster-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:linear-gradient(90deg,color-mix(in srgb,var(--cluster-color) 20%,white) 0%,transparent 100%);border-bottom:1px solid color-mix(in srgb,var(--cluster-color) 30%,transparent)}.cluster-header-left,.cluster-header-right{display:flex;align-items:center;gap:var(--space-2)}.cluster-toggle{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--color-text-secondary);padding:2px 6px;border-radius:var(--radius-sm);transition:all .15s ease}.cluster-toggle:hover{background:#0000000d;color:var(--color-text-primary)}.cluster-color-dot{width:12px;height:12px;border-radius:50%;background:var(--cluster-color);border:2px solid white;box-shadow:0 2px 4px #0000001a}.cluster-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-text-primary);cursor:text}.cluster-name:hover{text-decoration:underline;text-decoration-style:dotted}.cluster-name-input{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-text-primary);background:#fff;border:1.5px solid var(--cluster-color);border-radius:var(--radius-sm);padding:2px 8px;width:150px;outline:none}.cluster-name-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff85a233}.cluster-count{font-size:.7rem;font-weight:600;color:var(--color-text-tertiary);background:#fff9;padding:2px 8px;border-radius:10px}.cluster-dissolve-btn{background:transparent;border:1px solid rgba(255,133,162,.4);color:var(--color-primary);padding:4px 12px;font-size:.7rem;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.cluster-dissolve-btn:hover{background:#ff85a21a;border-color:var(--color-primary)}.cluster-content{padding:var(--space-3)}.cluster-empty{padding:var(--space-6);text-align:center;background:#ffffff80;border:2px dashed color-mix(in srgb,var(--cluster-color) 50%,transparent);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:.85rem}.cluster-items{display:flex;flex-direction:column;gap:var(--space-2)}.cluster-item-wrapper{position:relative}.cluster-item-wrapper .ritual-node{margin-left:0}.cluster-item-remove{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;background:#fff;border:1.5px solid rgba(255,133,162,.3);border-radius:50%;color:var(--color-primary);font-size:1.1rem;font-weight:700;cursor:pointer;opacity:0;transition:all .15s ease;display:flex;align-items:center;justify-content:center;line-height:1}.cluster-item-wrapper:hover .cluster-item-remove{opacity:1}.cluster-item-remove:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cluster-drop-indicator{position:absolute;inset:0;background:#ff85a21a;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:clusterDropPulse 1s ease-in-out infinite}.cluster-drop-indicator span{background:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:700;color:var(--color-primary);box-shadow:0 4px 15px #ff85a24d}@keyframes clusterDropPulse{0%,to{background:#ff85a21a}50%{background:#ff85a233}}.new-cluster-drop-zone{margin-bottom:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,#b9fbc026,#90e0ef26);border:2px dashed rgba(185,251,192,.6);border-radius:var(--radius-lg);transition:all .2s ease;animation:newClusterAppear .3s ease-out}@keyframes newClusterAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.new-cluster-drop-zone.is-drop-target{background:linear-gradient(135deg,#b9fbc04d,#90e0ef4d);border-color:var(--color-accent-mint);border-style:solid;box-shadow:0 0 0 4px #b9fbc04d,0 8px 25px #b9fbc066;transform:scale(1.02)}.new-cluster-content{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.new-cluster-icon{font-size:1.5rem;font-weight:700;color:#2d6a4f;background:var(--color-accent-mint);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 8px #b9fbc066}.new-cluster-text{font-weight:600;color:#2d6a4f;font-size:.9rem}.new-cluster-drop-zone.is-drop-target .new-cluster-icon{animation:iconBounce .5s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ritual-header.is-dragging{opacity:.5}.ritual-node[data-sortable-placeholder]{opacity:.4;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,133,162,.1) 10px,rgba(255,133,162,.1) 20px)}[data-theme=moonlit] .garden-header{--garden-header-bg: linear-gradient(90deg, rgba(45, 45, 68, .9) 0%, rgba(61, 61, 92, .8) 100%);--view-toggle-bg: rgba(26, 26, 46, .5);--view-toggle-hover-bg: rgba(184, 169, 201, .15);--view-toggle-active-bg: rgba(184, 169, 201, .25)}[data-theme=ballerina] .garden-header{--garden-header-bg: linear-gradient(90deg, rgba(255, 214, 220, .9) 0%, rgba(255, 228, 232, .85) 100%);--view-toggle-bg: rgba(255, 245, 247, .6);--view-toggle-hover-bg: rgba(232, 145, 168, .15);--view-toggle-active-bg: rgba(232, 145, 168, .25)}[data-theme=ballerina] .garden-header h2{color:var(--color-primary);text-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 40%,transparent)}[data-theme=vaporwave] .garden-header{--garden-header-bg: linear-gradient(90deg, rgba(45, 27, 78, .9) 0%, rgba(61, 43, 94, .85) 100%);--view-toggle-bg: rgba(26, 10, 46, .6);--view-toggle-hover-bg: rgba(255, 113, 206, .2);--view-toggle-active-bg: rgba(255, 113, 206, .3)}[data-theme=vaporwave] .garden-header{box-shadow:0 2px 10px color-mix(in srgb,var(--color-primary) 50%,transparent),0 4px 20px color-mix(in srgb,var(--color-accent-blue) 30%,transparent)}[data-theme=library] .garden-header{--garden-header-bg: linear-gradient(90deg, rgba(61, 52, 36, .9) 0%, rgba(77, 68, 52, .85) 100%);--view-toggle-bg: rgba(44, 36, 22, .5);--view-toggle-hover-bg: rgba(212, 165, 116, .15);--view-toggle-active-bg: rgba(212, 165, 116, .25)}[data-theme=heavens] .garden-header{--garden-header-bg: linear-gradient(90deg, rgba(240, 248, 255, .9) 0%, rgba(232, 244, 252, .85) 100%);--view-toggle-bg: rgba(255, 255, 255, .6);--view-toggle-hover-bg: rgba(126, 184, 218, .15);--view-toggle-active-bg: rgba(126, 184, 218, .25)}[data-theme=heavens] .garden-header h2{color:var(--color-primary);text-shadow:0 0 8px color-mix(in srgb,var(--color-primary) 40%,transparent)}[data-theme=carebears] .garden-header{--garden-header-bg: linear-gradient(90deg, rgba(255, 179, 217, .8) 0%, rgba(168, 216, 240, .8) 50%, rgba(184, 240, 208, .8) 100%);--view-toggle-bg: rgba(255, 240, 248, .7);--view-toggle-hover-bg: rgba(255, 179, 217, .2);--view-toggle-active-bg: rgba(255, 179, 217, .35)}[data-theme=carebears] .garden-header h2{color:var(--color-text-dark);text-shadow:1px 1px 2px rgba(255,255,255,.8)}.lines-view{display:flex;flex-direction:column;gap:var(--space-6);height:100%}.lines-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--space-4);border-bottom:2px dashed var(--color-primary)}.lines-title-area h2{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-primary);text-shadow:2px 2px 0 white}.lines-subtitle{margin:var(--space-1) 0 0 0;font-size:.85rem;color:var(--color-text-tertiary);font-style:italic}.btn-create-line{background:var(--color-accent-gold);color:#4a3728;border:1.5px solid white;padding:var(--space-2) var(--space-6);font-weight:800;border-radius:var(--radius-sm);cursor:pointer;box-shadow:4px 4px #ffd60a33;transition:all .2s ease}.btn-create-line:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.lines-container{display:grid;grid-template-columns:300px 1fr;gap:var(--space-6);flex:1;min-height:0}.lines-sidebar{background:#fff;border:1.5px solid rgba(255,133,162,.2);box-shadow:0 10px 25px #ff85a20d;padding:var(--space-6);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4)}.lines-sidebar h4{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary)}.empty-lines{font-size:.85rem;color:var(--color-text-tertiary);font-style:italic}.lines-list{display:flex;flex-direction:column;gap:var(--space-2)}.line-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#fdfcff;border:1.5px solid var(--color-accent-lavender);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.line-item:hover{background:var(--color-surface-overlay)}.line-item.active{background:#fff;border-color:var(--line-color);box-shadow:0 8px 15px #0000000d;transform:scale(1.02)}.line-color-dot{width:12px;height:12px;border:1.5px solid #000;flex-shrink:0}.line-name{flex:1;font-weight:500;font-size:.9rem}.line-count{background:#0000004d;padding:2px 8px;font-size:.7rem;color:var(--color-text-tertiary)}.line-detail-panel{background:#fff;border:1.5px solid rgba(255,133,162,.2);box-shadow:0 10px 30px #ff85a21a;padding:var(--space-8);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-6);overflow-y:auto}.line-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--space-4);border-bottom:2px solid}.line-detail-header h3{margin:0;font-family:var(--font-display);font-size:var(--text-xl)}.line-detail-header p{margin:var(--space-1) 0 0 0;font-size:.8rem;color:var(--color-text-tertiary)}.line-actions{display:flex;gap:var(--space-2)}.btn-add-member{background:var(--color-accent-mint);color:#2d6a4f;border:1.5px solid white;padding:var(--space-2) var(--space-4);font-weight:800;border-radius:var(--radius-sm);box-shadow:2px 2px #b9fbc04d}.btn-add-member:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #000}.btn-delete-line{background:transparent;border:1.5px solid rgba(255,100,100,.3);color:#ff6464cc;padding:var(--space-2);cursor:pointer;transition:all .15s ease}.btn-delete-line:hover{background:#ff64641a;border-color:#f66}.line-members{flex:1}.empty-members{color:var(--color-text-tertiary);font-style:italic;text-align:center;padding:var(--space-8)}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.member-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#fff;border:2px solid;border-radius:var(--radius-md);box-shadow:0 4px 10px #0000000d;position:relative}.member-icon{font-size:1.3rem}.member-title{flex:1;font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-type{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);background:#0000004d;padding:2px 6px}.btn-remove-member{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#f66;border:1.5px solid #000;color:#000;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.member-card:hover .btn-remove-member{opacity:1}.add-member-panel{background:var(--color-surface-elevated);border:2px solid #000;box-shadow:4px 4px #000;padding:var(--space-4);margin-top:auto}.add-member-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-3);border-bottom:1px dashed rgba(255,255,255,.1);margin-bottom:var(--space-3)}.add-member-header h4{margin:0;font-size:.9rem}.add-member-header button{background:transparent;border:none;color:var(--color-text-tertiary);font-size:1.2rem;cursor:pointer}.available-items{display:flex;flex-wrap:wrap;gap:var(--space-2);max-height:200px;overflow-y:auto}.available-item{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1.5px solid #000;padding:var(--space-2) var(--space-3);cursor:pointer;transition:all .15s ease;font-size:.85rem;color:var(--color-text-primary)}.available-item:hover{background:var(--color-accent-mint);color:#000}.available-item .item-type{font-size:.6rem;text-transform:uppercase;opacity:.6}.no-line-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:var(--space-2);color:var(--color-text-tertiary)}.no-line-icon{font-size:4rem}.no-line-hint{font-size:.85rem;max-width:300px;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#bde0fe66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:1000}.create-line-modal{background:#fff;border:3px solid white;border-radius:var(--radius-xl);box-shadow:0 20px 50px #ff85a233;padding:var(--space-8);width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-4)}.create-line-modal h3{margin:0;font-family:var(--font-display);color:var(--color-primary)}.create-line-modal p{margin:0;font-size:.85rem;color:var(--color-text-tertiary)}.create-line-modal input{background:#f8fafc;border:2px solid var(--color-accent-lavender);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-text-primary);font-size:1rem}.create-line-modal input:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.3)}.color-picker label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.color-options{display:flex;gap:var(--space-2)}.color-option{width:28px;height:28px;border-radius:var(--radius-sm);border:1.5px solid white;box-shadow:2px 2px #0000001a;cursor:pointer;transition:all .15s ease}.color-option:hover{transform:scale(1.1)}.color-option.active{box-shadow:0 0 0 3px var(--color-background),0 0 0 5px currentColor}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.btn-cancel{background:transparent;border:1.5px solid rgba(255,255,255,.2);color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);cursor:pointer}.btn-confirm{background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-6);font-weight:900;border-radius:var(--radius-sm);border:1.5px solid white;box-shadow:4px 4px #ff85a233;cursor:pointer;transition:all .15s ease}.btn-confirm:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px #000}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.connection-graph{display:flex;flex-direction:column;gap:var(--space-4)}.graph-header h3{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-primary)}.graph-controls button{background:#fff;border:1.5px solid var(--color-accent-lavender);border-radius:var(--radius-sm);padding:6px 16px;font-size:.75rem;font-weight:800;color:var(--color-text-secondary);cursor:pointer;box-shadow:2px 2px #0000000d}.graph-canvas-container{background:#fff;border:2px solid white;border-radius:var(--radius-md);box-shadow:4px 4px 15px #ff85a233;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.node-info-panel{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-4);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:6px 6px #ff85a233;padding:10px 20px}.creator-workshop{display:flex;flex-direction:column;gap:24px;padding:var(--space-4);height:100%;color:var(--color-text-primary)}.workshop-header{display:flex;justify-content:space-between;align-items:center;padding:24px;background:var(--glass-background);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000001a}.header-info h2{margin:0 0 8px;font-family:Outfit,sans-serif;color:var(--accent-bloom, #ff8da1);font-size:1.8rem;text-shadow:0 0 15px rgba(255,141,161,.3)}.header-info p{margin:0;color:var(--color-text-secondary);font-weight:500}.launch-creator-btn{background:var(--accent-bloom, #ff8da1);color:#000;border:none;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #ff8da14d}.launch-creator-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff8da180;filter:brightness(1.1)}.workshop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:var(--glass-background);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:200px}.toolbar-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-box{position:relative;flex:1;max-width:300px}.search-box input{width:100%;padding:10px 36px 10px 14px;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:8px;color:var(--color-text-primary);font-size:.9rem;outline:none;transition:all .2s}.search-box input:focus{border-color:var(--accent-bloom, #ff8da1);box-shadow:0 0 0 3px #ff8da126}.search-box input::placeholder{color:var(--color-text-tertiary)}.clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-tertiary);font-size:1.2rem;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.clear-search:hover{color:var(--color-text-primary)}.filter-group{display:flex;gap:4px;background:var(--color-surface);padding:4px;border-radius:8px}.filter-btn{padding:8px 14px;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-btn:hover{background:#ff8da11a;color:var(--color-text-primary)}.filter-btn.active{background:var(--accent-bloom, #ff8da1);color:#000}.sort-select{padding:10px 14px;background:var(--color-surface);border:1px solid var(--glass-border);border-radius:8px;color:var(--color-text-primary);font-size:.9rem;cursor:pointer;outline:none;transition:all .2s}.sort-select:focus{border-color:var(--accent-bloom, #ff8da1)}.sort-select option{background:var(--color-surface);color:var(--color-text-primary)}.workshop-gallery{flex:1;display:flex;flex-direction:column;gap:16px}.gallery-header h3{margin:0;font-family:Outfit,sans-serif;color:var(--color-text-primary);font-size:1.2rem;opacity:.8}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.gallery-item{display:flex;flex-direction:column;overflow:hidden;transition:all .2s;background:var(--color-surface);position:relative}.gallery-item.is-favorite{box-shadow:0 0 0 2px var(--accent-bloom, #ff8da1),0 4px 12px #ff8da133}.blinkie-display{height:100px;display:flex;align-items:center;justify-content:center;background:#0003;border-bottom:1px solid rgba(255,255,255,.05);position:relative}.blinkie-display img{max-width:150px;height:auto;image-rendering:pixelated;box-shadow:0 4px 12px #0000004d}.favorite-badge{position:absolute;top:8px;right:8px;color:var(--accent-bloom, #ff8da1);font-size:1rem;text-shadow:0 0 8px rgba(255,141,161,.5)}.blinkie-info{padding:12px;display:flex;flex-direction:column;gap:8px}.blinkie-label{font-size:.75rem;font-family:"Press Start 2P",cursive;color:var(--accent-bloom, #ff8da1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blinkie-actions{display:flex;gap:4px;flex-wrap:wrap}.action-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--color-text-tertiary);font-size:.9rem;cursor:pointer;padding:6px 8px;line-height:1;transition:all .2s}.action-btn:hover{background:#ffffff1a;color:var(--color-text-primary)}.action-btn.favorite-btn:hover,.action-btn.favorite-btn.active{color:var(--accent-bloom, #ff8da1);border-color:#ff8da14d}.action-btn.edit-btn:hover{color:var(--color-accent-lavender, #c8b6ff);border-color:#c8b6ff4d}.action-btn.duplicate-btn:hover{color:#90e0ef;border-color:#90e0ef4d}.action-btn.download-btn:hover{color:#a7c957;border-color:#a7c9574d}.action-btn.delete-btn:hover{color:var(--color-error, #ff4d4d);border-color:#ff4d4d4d}.empty-workshop{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;color:var(--color-text-tertiary);gap:16px}.empty-icon{font-size:3rem;opacity:.4}@media(max-width:600px){.workshop-header{flex-direction:column;gap:16px;text-align:center}.workshop-toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{width:100%;justify-content:center}.search-box{max-width:none}.filter-group{justify-content:center}.sort-select{width:100%}.gallery-grid{grid-template-columns:1fr}}.welcome-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8);overflow-y:auto}.welcome-container{max-width:1200px;width:100%;display:flex;flex-direction:column;gap:var(--space-8)}.welcome-header{text-align:center;padding:var(--space-8);background:linear-gradient(45deg,#ff1493,gold,#0ff);border:5px groove #FFD700;box-shadow:0 0 20px #ff1493cc}.welcome-title{font-size:var(--text-3xl);font-family:var(--font-display);margin:0 0 var(--space-4) 0;text-transform:uppercase;letter-spacing:.2em}.welcome-subtitle{font-size:var(--text-xl);color:var(--color-text-primary);margin:0;font-weight:600}.welcome-main{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8);background:#000080b3;border:5px double var(--color-accent-gold);box-shadow:inset 0 0 20px #ffd7004d}.welcome-section{display:flex;flex-direction:column;gap:var(--space-4)}.section-title{font-size:var(--text-2xl);font-family:var(--font-display);color:var(--color-text-primary);margin:0;text-align:center}.section-description{font-size:var(--text-lg);color:var(--color-text-primary);text-align:center;line-height:1.6;margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-top:var(--space-4)}.feature-card{background:var(--color-surface);border:3px ridge var(--color-primary);padding:var(--space-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);transition:transform .2s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:var(--space-2)}.feature-card h3{font-size:var(--text-xl);font-family:var(--font-display);color:var(--color-background);margin:0;text-transform:uppercase}.feature-card p{font-size:var(--text-base);color:var(--color-background);margin:0;line-height:1.4}.welcome-cta{display:flex;justify-content:center;margin-top:var(--space-4)}.enter-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-8);font-size:var(--text-2xl);font-family:var(--font-display);text-decoration:none;background:linear-gradient(135deg,#ff1493,#0ff);border:5px groove #FFD700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.1em}.enter-button:hover{transform:scale(1.05);box-shadow:0 0 30px #ff1493}.enter-button:active{transform:scale(.98)}.welcome-footer{text-align:center;padding:var(--space-4);font-size:var(--text-lg);color:var(--color-text-secondary);font-style:italic}.welcome-footer p{margin:0}@media(max-width:768px){.welcome-page{padding:var(--space-4)}.welcome-title{font-size:var(--text-2xl)}.welcome-subtitle{font-size:var(--text-lg)}.features-grid{grid-template-columns:1fr}.enter-button{font-size:var(--text-xl);padding:var(--space-4) var(--space-6)}}.new-spore-page{width:100%;min-height:100vh;background:var(--color-background);display:flex;flex-direction:column;overflow:hidden}.new-spore-container{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4)}.loading-spinner{font-size:4rem;animation:pulse-glow 1.5s infinite alternate}.loading-text{font-size:var(--text-lg);color:var(--color-text-secondary);font-style:italic}.new-spore-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:linear-gradient(45deg,#ff1493,gold,#0ff);border-bottom:5px groove #FFD700;box-shadow:0 4px 20px #ff149380;min-height:60px;flex-shrink:0}.header-left,.header-right{flex:1;display:flex;align-items:center}.header-left{justify-content:flex-start}.header-right{justify-content:flex-end}.header-center{flex:2;display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.back-btn{padding:var(--space-2) var(--space-4);background:#0000004d;border:2px solid var(--color-primary);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-base);cursor:pointer;transition:all .2s ease;border-radius:var(--radius-sm)}.back-btn:hover{background:#00000080;transform:translate(-2px)}.spore-type-badge{padding:var(--space-2) var(--space-3);background:#ffd70033;border:2px solid var(--color-accent-gold);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--color-background);white-space:nowrap}.spore-name{font-size:var(--text-lg);font-family:var(--font-display);font-weight:700;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spore-date{font-size:var(--text-sm);color:var(--color-background);opacity:.8;white-space:nowrap}.done-btn{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#0f0,#0ff);border:3px ridge #00FF00;color:var(--color-background);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-sm)}.done-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #0f0c}.new-spore-main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.canvas-layout{flex:1;display:flex;gap:var(--space-4);padding:var(--space-4);overflow:hidden}.canvas-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.assets-area{width:300px;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.canvas-area .spore-window,.assets-area .spore-window{height:100%;display:flex;flex-direction:column}.canvas-area .spore-window .spore-window-content,.assets-area .spore-window .spore-window-content{flex:1;overflow:hidden}.new-spore-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-surface);border-top:3px ridge var(--color-primary);box-shadow:0 -4px 20px #0000004d;min-height:60px;flex-shrink:0}.footer-left,.footer-center,.footer-right{flex:1;display:flex;align-items:center}.footer-left{justify-content:flex-start}.footer-center{justify-content:center}.footer-right{justify-content:flex-end}.growth-meter{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);padding:var(--space-2) var(--space-4);background:#00ff001a;border:2px solid rgba(0,255,0,.3);border-radius:var(--radius-md)}.script-toggle-btn{padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,#ff1493,gold);border:3px ridge #FFD700;color:var(--color-background);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-sm)}.script-toggle-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #ff1493cc}.footer-hint{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic;opacity:.7}@media(max-width:1024px){.assets-area{width:250px}.header-center{gap:var(--space-2)}.spore-name{max-width:200px}}@media(max-width:768px){.canvas-layout{flex-direction:column}.assets-area{width:100%;height:250px}.new-spore-header,.new-spore-footer{padding:var(--space-3)}.header-center{flex-direction:column;gap:var(--space-1)}.spore-name{font-size:var(--text-base);max-width:150px}.footer-hint{display:none}}.blog-page{width:100%;min-height:100vh;font-family:Comic Neue,Comic Sans MS,cursive;background-color:#e6f3ff;background-image:radial-gradient(circle,#d4e8ff 20%,transparent 20%),radial-gradient(circle,#d4e8ff 20%,transparent 20%);background-size:30px 30px;background-position:0 0,15px 15px;padding:20px;overflow-x:hidden}.blog-container{max-width:980px;margin:0 auto;background:#fff;border:3px solid #ff69b4;box-shadow:4px 4px #0003;display:flex;gap:0}.blog-sidebar{width:160px;flex-shrink:0;display:flex;flex-direction:column;gap:0;background:#fff}.sidebar-section{background:#fff;border:2px solid #666;border-radius:0;padding:0;margin:8px;box-shadow:2px 2px #0000004d;-webkit-backdrop-filter:none;backdrop-filter:none}.sidebar-section:nth-child(1){background:#e6d5ff}.sidebar-section:nth-child(2){background:#ffe6f0}.sidebar-section:nth-child(3){background:#ffc}.sidebar-title{font-size:14px;font-weight:700;color:#333;margin:0;padding:8px;background:#fff9;border-bottom:2px dotted #999;text-transform:none;letter-spacing:0;text-shadow:none;text-align:center}.sidebar-text{font-size:12px;color:#333;line-height:1.5;margin:0;padding:10px}.tag-cloud{display:flex;flex-wrap:wrap;gap:4px;padding:10px}.tag-btn{padding:4px 8px;background:#fff;border:1px solid #999;border-radius:0;color:#333;font-size:11px;font-weight:400;cursor:pointer;transition:background .2s;box-shadow:1px 1px #0003;-webkit-backdrop-filter:none;backdrop-filter:none}.tag-btn:hover{background:#fcf;transform:none}.tag-btn.active{background:#f9c;border-color:#ff69b4;color:#fff;font-weight:700;box-shadow:inset 1px 1px 2px #0000004d}.link-list{list-style:none;padding:10px;margin:0;display:flex;flex-direction:column;gap:6px}.link-list a{color:#06c;text-decoration:underline;font-size:12px;font-weight:400;transition:color .2s;padding:0;display:block;border-left:none}.link-list a:hover{color:#ff69b4;text-shadow:none;padding-left:0;border-left:none}.blog-main{flex:1;display:flex;flex-direction:column;padding:20px;gap:20px;background:#fff}.blog-header{padding:20px;background:linear-gradient(to bottom,#fcf,#cff);border:3px double #ff69b4;border-radius:0;box-shadow:none;text-align:center;position:relative;overflow:visible;-webkit-backdrop-filter:none;backdrop-filter:none;margin:0 0 20px}.blog-header:before,.blog-header:after{content:"★";position:absolute;font-size:24px;color:#ff69b4;animation:none}.blog-header:before{top:-15px;left:-15px}.blog-header:after{bottom:-15px;right:-15px}.blog-header-content{margin-bottom:15px}.blog-title{font-size:32px;font-weight:700;margin:0 0 8px;color:#ff1493;text-shadow:2px 2px 0px #ffccff;letter-spacing:.05em;background:none;-webkit-text-fill-color:currentColor;animation:none;filter:none}.blog-subtitle{font-size:16px;color:#666;margin:0;font-weight:400;font-style:italic;text-shadow:none}.blog-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.nav-link{padding:6px 12px;background:#fff;border:2px solid #ff69b4;border-radius:0;color:#ff1493;text-decoration:none;font-weight:700;font-size:13px;transition:all .2s;box-shadow:2px 2px #0003;-webkit-backdrop-filter:none;backdrop-filter:none}.nav-link:hover{background:#ff69b4;color:#fff;transform:none}.blog-posts{display:flex;flex-direction:column;gap:20px}.blog-post{background:#fffef5;border:2px solid #cccccc;border-radius:0;padding:20px;box-shadow:3px 3px #0003;position:relative;overflow:visible;-webkit-backdrop-filter:none;backdrop-filter:none}.blog-post:before{display:none}.post-header{margin-bottom:15px;padding-bottom:10px;border-bottom:2px dotted #ffccff;position:relative;z-index:1}.post-title{font-size:24px;font-weight:700;margin:0 0 8px;line-height:1.3;color:#ff1493;background:none;-webkit-text-fill-color:currentColor;animation:none;filter:none;text-shadow:1px 1px 0px #ffccff}.post-date{font-size:12px;color:#999;font-style:normal;display:block;font-weight:400}.post-date:before{content:"📅 "}.post-content{font-size:14px;line-height:1.7;color:#333;margin-bottom:15px;position:relative;z-index:1}.post-content p{margin:0 0 12px}.post-content p:last-child{margin-bottom:0}.post-footer{padding-top:10px;border-top:2px dotted #ffccff;position:relative;z-index:1}.post-tags{display:flex;flex-wrap:wrap;gap:6px}.post-tag{padding:3px 8px;background:#fff;border:1px solid #ff99cc;border-radius:0;color:#ff1493;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:1px 1px #0003;-webkit-backdrop-filter:none;backdrop-filter:none}.post-tag:before{content:"#"}.post-tag:hover{background:#f9c;color:#fff;transform:none}.no-posts{padding:40px;text-align:center;color:#999;font-style:italic;font-size:14px}.blog-footer{text-align:center;padding:20px;color:#666;font-style:italic;background:#f0f0f0;border:2px dashed #cccccc;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;margin-top:20px}.blog-footer p{margin:0 0 8px;font-size:13px;color:#666}.footer-small{font-size:11px;opacity:.8;color:#999}.floating-decoration{display:none!important}@media(max-width:768px){.blog-page{padding:10px}.blog-container{flex-direction:column;max-width:100%}.blog-sidebar{width:100%;order:2;flex-direction:row;overflow-x:auto}.sidebar-section{min-width:150px}.blog-main{order:1;padding:15px}.blog-title{font-size:24px}.blog-subtitle{font-size:14px}.nav-link{padding:5px 10px;font-size:12px}.blog-post{padding:15px}.post-title{font-size:20px}.post-content{font-size:13px}}.blog-page *{cursor:default}.blog-page a,.blog-page button{cursor:pointer}.time-toolbar{position:fixed;top:0;left:0;right:0;height:44px;background:linear-gradient(135deg,#ff85a2f2,#bde0fef2,#c7ace6f2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:2px solid var(--color-primary, #ff85a2);box-shadow:0 4px 12px #ff85a24d;z-index:9999;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);padding:0 var(--space-4)}.time-toolbar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.3) 0%,transparent 50%),radial-gradient(circle at 60% 70%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.3) 0%,transparent 50%);pointer-events:none;animation:glitter 8s ease-in-out infinite}@keyframes glitter{0%,to{opacity:.6}50%{opacity:1}}.toolbar-left{display:flex;align-items:center;z-index:10}.toolbar-time{display:flex;flex-direction:column;gap:2px}.time-display{font-family:var(--font-display, "Georgia", serif);font-size:1rem;font-weight:800;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.6),0 2px 4px rgba(0,0,0,.2);letter-spacing:.05em;line-height:1}.date-display{font-family:var(--font-primary, "Arial", sans-serif);font-size:.7rem;font-weight:600;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.03em;line-height:1}.toolbar-center{flex:1;overflow:hidden;display:flex;align-items:center;height:100%;min-width:0}.marquee{width:100%;overflow:hidden;display:flex;align-items:center;height:100%}.marquee-content{display:flex;gap:3rem;white-space:nowrap;animation:scroll 40s linear infinite;will-change:transform}.marquee.paused .marquee-content{animation-play-state:paused!important}.marquee-text{font-family:var(--font-display, "Georgia", serif);font-size:.95rem;font-weight:600;color:#5a189ae6;text-shadow:0 0 8px rgba(255,255,255,.7),0 1px 3px rgba(0,0,0,.1);letter-spacing:.05em}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.toolbar-right{display:flex;align-items:center;gap:var(--space-2);z-index:10}.toolbar-control-btn,.toolbar-settings-btn{background:#fffffff2;border:2px solid rgba(255,133,162,.6);color:var(--color-primary, #ff85a2);font-size:1rem;font-weight:900;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-sm);box-shadow:2px 2px #ff85a233}.toolbar-control-btn:hover,.toolbar-settings-btn:hover{background:var(--color-primary, #ff85a2);color:#fff;border-color:#fff;box-shadow:0 0 12px #ff85a299;transform:translateY(-1px)}.toolbar-control-btn:active,.toolbar-settings-btn:active{transform:translateY(0);box-shadow:1px 1px #ff85a24d}.toolbar-control-btn:focus-visible,.toolbar-settings-btn:focus-visible{outline:2px solid var(--color-accent-blue, #00FFFF);outline-offset:2px}@media(max-width:768px){.time-toolbar{grid-template-columns:auto 1fr auto;gap:var(--space-2);padding:0 var(--space-2)}.time-display{font-size:.85rem}.date-display{font-size:.65rem}.marquee-text{font-size:.85rem}.toolbar-control-btn,.toolbar-settings-btn{width:28px;height:28px;font-size:.9rem}}.window{display:flex;flex-direction:column;background:var(--window-bg);border:var(--window-border);border-radius:var(--radius-sm, 0);box-shadow:var(--window-shadow);overflow:hidden}.window--sm{max-width:400px}.window--md{max-width:600px}.window--lg{max-width:900px}.window--full{width:100%;height:100%;max-width:none;border-radius:0}.window__titlebar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--window-titlebar-bg);border-bottom:var(--window-titlebar-border);-webkit-user-select:none;user-select:none}.window__title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:700;color:var(--window-titlebar-text);text-shadow:var(--window-titlebar-text-shadow)}.window__title-icon{font-size:1.1em;animation:wiggle .5s ease-in-out infinite}.window__title-text{font-size:var(--text-sm);text-transform:uppercase}.window__controls{display:flex;align-items:center;gap:var(--spacing-xs)}.window__control{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:var(--window-control-bg);border:var(--window-control-border);border-radius:var(--radius-sm, 0);color:var(--window-control-text);font-size:14px;font-weight:700;cursor:pointer;transition:all .1s ease}.window__control:hover{background:var(--window-control-hover-bg);color:var(--window-control-hover-text);border-color:var(--window-control-hover-border)}.window__control--close:hover{background:var(--window-control-close-bg, #FF0000);color:var(--window-control-close-text, white);border-color:var(--window-control-close-border, #FF0000)}.window__control--minimize:hover{background:var(--window-control-minimize-bg);color:var(--window-control-minimize-text);border-color:var(--window-control-minimize-border)}.window__content{flex:1;overflow:auto;padding:var(--spacing-md);background:var(--window-content-bg)}.window__content::-webkit-scrollbar{width:12px}.window__content::-webkit-scrollbar-track{background:var(--window-scrollbar-track);border:var(--window-scrollbar-track-border)}.window__content::-webkit-scrollbar-thumb{background:var(--window-scrollbar-thumb);border:var(--window-scrollbar-thumb-border)}.window__content::-webkit-scrollbar-thumb:hover{background:var(--window-scrollbar-thumb-hover)}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;padding:var(--spacing-lg);background:var(--modal-overlay-bg);overflow-y:auto;animation:modal-backdrop-in .3s ease}.modal-overlay--centered{align-items:center;justify-content:center}.modal-overlay:not(.modal-overlay--centered){align-items:flex-start;justify-content:center;padding-top:10vh}.modal-overlay .window{margin:auto 0;max-height:calc(100vh - 2 * var(--spacing-lg))}.modal-overlay .window--full{margin:0;max-height:100vh}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-content-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay~*{pointer-events:none}.theme-selector{width:100%}.theme-selector__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.theme-card{display:flex;flex-direction:column;background:var(--glass-background);border:3px solid var(--color-accent-lavender);padding:0;cursor:pointer;transition:all .2s ease;text-align:left;overflow:hidden}.theme-card:hover{border-color:var(--color-primary);box-shadow:0 0 15px #ff14934d}.theme-card--selected{border-color:var(--color-accent-gold);box-shadow:0 0 20px #ffd70066,inset 0 0 10px #ffd7001a}.theme-card__preview{position:relative;height:100px;overflow:hidden}.theme-card__background{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.theme-card__background:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.5) 1px,transparent 1px),radial-gradient(circle at 60% 70%,rgba(255,255,255,.3) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(255,255,255,.4) 1px,transparent 1px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.3) 1px,transparent 1px);background-size:80px 80px;animation:twinkle-preview 2s ease-in-out infinite alternate}@keyframes twinkle-preview{0%{opacity:.5}to{opacity:1}}.theme-card__swatches{display:flex;gap:var(--space-2);z-index:1}.theme-card__swatch{width:32px;height:32px;border:2px solid rgba(255,255,255,.5);box-shadow:2px 2px 4px #0000004d}.theme-card__info{padding:var(--space-3) var(--space-4);background:#0003}.theme-card__name{font-size:var(--text-base);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-1) 0;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:var(--space-2)}.theme-card__check{color:var(--color-accent-gold);font-weight:900}.theme-card__description{font-size:var(--text-xs);color:var(--color-text-secondary);margin:0;line-height:1.4}.theme-card--selected .theme-card__name{color:var(--color-accent-gold)}.theme-card--selected .theme-card__info{background:#ffd7001a}.settings-modal{display:flex;flex-direction:column;min-height:400px;width:100%}.settings-tabs{display:flex;gap:var(--space-2);padding:var(--space-4);border-bottom:2px solid var(--color-primary);background:var(--glass-background)}.settings-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:2px solid transparent;color:var(--color-text-secondary);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .2s ease}.settings-tab:hover{color:var(--color-primary);background:#ffffff0d}.settings-tab--active{color:var(--color-text-primary);background:var(--color-primary);border-color:var(--color-accent-gold)}.settings-tab__icon{font-weight:700}.settings-tab__label{text-transform:uppercase;letter-spacing:.05em}.settings-content{flex:1;padding:var(--space-6);overflow-y:auto}.settings-section{margin-bottom:var(--space-8)}.settings-section:last-child{margin-bottom:0}.settings-section__title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2) 0;text-transform:uppercase;letter-spacing:.1em}.settings-section__description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4) 0}.settings-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);background:var(--glass-background);border:2px dashed var(--color-accent-lavender);text-align:center}.settings-placeholder__icon{font-size:var(--text-3xl);color:var(--color-accent-lavender);margin-bottom:var(--space-2)}.settings-placeholder__text{font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic}.shortcuts-help{display:flex;flex-direction:column;padding:var(--space-4);min-width:500px;max-width:700px}.shortcuts-pending{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-4);background:var(--color-accent-lavender);color:var(--color-background);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md)}.shortcuts-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media(max-width:600px){.shortcuts-columns{grid-template-columns:1fr}.shortcuts-help{min-width:auto}}.shortcuts-column{display:flex;flex-direction:column;gap:var(--space-6)}.shortcuts-category{display:flex;flex-direction:column;gap:var(--space-3)}.shortcuts-category-title{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin:0;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary)}.shortcuts-list{display:flex;flex-direction:column;gap:var(--space-2)}.shortcuts-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0}.shortcuts-key-combo{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.shortcuts-key{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;padding:var(--space-1) var(--space-2);background:linear-gradient(180deg,var(--glass-background) 0%,rgba(0,0,0,.2) 100%);border:2px solid var(--color-accent-gold);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;box-shadow:0 2px 0 var(--color-accent-gold),inset 0 -2px #0000001a;text-shadow:0 1px 0 rgba(0,0,0,.3)}.shortcuts-key-separator{font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic;margin:0 var(--space-1)}.shortcuts-description{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:right;flex:1}.shortcuts-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.shortcuts-tip{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center;margin:0;font-style:italic}.shortcuts-tip .shortcuts-key{font-size:.65rem;min-width:auto;padding:.125rem var(--space-1)}@keyframes keyPress{0%{transform:translateY(0);box-shadow:0 2px 0 var(--color-accent-gold),inset 0 -2px #0000001a}50%{transform:translateY(2px);box-shadow:0 0 0 var(--color-accent-gold),inset 0 -2px #0000001a}to{transform:translateY(0);box-shadow:0 2px 0 var(--color-accent-gold),inset 0 -2px #0000001a}}.shortcuts-pending .shortcuts-key{animation:keyPress 1s ease-in-out infinite;background:var(--color-primary);border-color:var(--color-text-primary);box-shadow:0 2px 0 var(--color-text-primary),inset 0 -2px #0000001a}:root{--color-background: #000080;--color-surface: #FFD700;--color-surface-elevated: #FF69B4;--color-surface-overlay: rgba(255, 0, 255, .3);--color-primary: #FF1493;--color-primary-rgb: 255, 20, 147;--color-accent-blue: #00FFFF;--color-accent-lavender: #DA70D6;--color-accent-mint: #00FF00;--color-accent-gold: #FFD700;--color-text-primary: #FFFFFF;--color-text-secondary: #FFFF00;--color-text-tertiary: #00FFFF;--border-ink: 3px solid #FF1493;--border-fancy: 3px ridge #FFD700;--border-glow: 3px outset #00FFFF;--color-domain-watch: #DA70D6;--color-domain-listen: #00FFFF;--color-domain-play: #00FF00;--color-domain-read: #FFD700;--font-primary: "Trebuchet MS", "Verdana", "Arial", sans-serif;--font-display: "Impact", "Arial Black", sans-serif;--font-mono: "Courier New", "Courier", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.75rem;--text-3xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-full: 0px;--shadow-glow: 0 0 20px #FF1493, 0 0 30px #00FFFF;--shadow-soft: 0 0 10px rgba(255, 215, 0, .8);--shadow-flat: 5px 5px 0px #FF1493;--glass-background: rgba(255, 0, 255, .2);--glass-border: 3px double #FFD700;--glass-blur: blur(0px);--glitter-texture: radial-gradient(circle at 20% 30%, white 1px, transparent 1px), radial-gradient(circle at 60% 70%, #FFD700 1px, transparent 1px), radial-gradient(circle at 80% 10%, #00FFFF 1px, transparent 1px), radial-gradient(circle at 30% 80%, #FF1493 1px, transparent 1px)}[data-theme=angelfire]{--color-background: #000080;--color-surface: #FFD700;--color-surface-elevated: #FF69B4;--color-surface-overlay: rgba(255, 0, 255, .3);--color-primary: #FF1493;--color-primary-rgb: 255, 20, 147;--color-accent-blue: #00FFFF;--color-accent-lavender: #DA70D6;--color-accent-mint: #00FF00;--color-accent-gold: #FFD700;--color-text-primary: #FFFFFF;--color-text-secondary: #FFFF00;--color-text-tertiary: #00FFFF;--color-text-dark: #5a189a;--border-ink: 3px solid #FF1493;--border-fancy: 3px ridge #FFD700;--border-glow: 3px outset #00FFFF;--color-domain-watch: #DA70D6;--color-domain-listen: #00FFFF;--color-domain-play: #00FF00;--color-domain-read: #FFD700;--font-primary: "Trebuchet MS", "Verdana", "Arial", sans-serif;--font-display: "Impact", "Arial Black", sans-serif;--shadow-glow: 0 0 20px #FF1493, 0 0 30px #00FFFF;--shadow-soft: 0 0 10px rgba(255, 215, 0, .8);--shadow-flat: 5px 5px 0px #FF1493;--glass-background: rgba(255, 0, 255, .2);--glass-border: 3px double #FFD700;--btn-primary-bg: linear-gradient(180deg, #FF1493 0%, #C71585 100%);--btn-primary-hover-bg: linear-gradient(180deg, #FF69B4 0%, #FF1493 100%);--btn-primary-border: #FFD700;--btn-secondary-bg: linear-gradient(180deg, #00FFFF 0%, #00CED1 100%);--btn-secondary-hover-bg: linear-gradient(180deg, #7FFFD4 0%, #00FFFF 100%);--btn-secondary-border: #FF1493;--btn-secondary-text: #000080;--btn-ghost-border: #FFD700;--btn-ghost-hover-bg: rgba(255, 215, 0, .2);--btn-danger-bg: linear-gradient(180deg, #FF0000 0%, #8B0000 100%);--btn-danger-hover-bg: linear-gradient(180deg, #FF4500 0%, #FF0000 100%);--btn-danger-border: #FFFF00;--btn-focus-outline: #00FFFF;--toolbar-bg: linear-gradient(135deg, rgba(255, 133, 162, .9) 0%, rgba(189, 224, 254, .9) 50%, rgba(199, 172, 230, .9) 100%);--toolbar-border: var(--color-primary);--toolbar-shadow: rgba(255, 133, 162, .3);--toolbar-text: #5a189a;--sidebar-header-border: rgba(255, 133, 162, .2);--sidebar-brand-shadow: rgba(255, 255, 255, 1);--sidebar-nav-hover-bg: rgba(255, 133, 162, .1);--sidebar-nav-active-bg: var(--color-primary);--sidebar-nav-active-shadow: rgba(255, 133, 162, .4);--site-nav-bg: linear-gradient(90deg, #FF1493 0%, #FFD700 50%, #00FFFF 100%);--site-nav-border: var(--color-primary);--site-nav-shadow: rgba(255, 20, 147, .5);--site-nav-link-bg: rgba(0, 0, 0, .3);--site-nav-link-border: rgba(255, 255, 255, .6);--site-nav-link-hover-bg: rgba(0, 0, 0, .5);--site-nav-link-hover-border: #FFD700;--site-nav-brand-color: #000080;--site-nav-brand-shadow: rgba(0, 0, 0, .3);--header-bg: linear-gradient(45deg, #FF1493 0%, #FFD700 50%, #00FFFF 100%);--header-border: #FFD700;--header-shadow: rgba(255, 20, 147, .8);--main-bg: rgba(0, 0, 128, .7);--main-border: #00FFFF;--main-shadow: rgba(255, 215, 0, .3);--glitter-texture: radial-gradient(circle at 20% 30%, white 1px, transparent 1px), radial-gradient(circle at 60% 70%, #FFD700 1px, transparent 1px), radial-gradient(circle at 80% 10%, #00FFFF 1px, transparent 1px), radial-gradient(circle at 30% 80%, #FF1493 1px, transparent 1px);--modal-overlay-bg: repeating-linear-gradient( 45deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 10px, rgba(255, 20, 147, .3) 10px, rgba(255, 20, 147, .3) 20px ), repeating-linear-gradient( -45deg, transparent, transparent 10px, rgba(0, 255, 255, .2) 10px, rgba(0, 255, 255, .2) 20px );--window-bg: rgba(0, 0, 128, .95);--window-border: 5px ridge #FFD700;--window-shadow: 8px 8px 0px rgba(0, 0, 0, .5), 0 0 30px rgba(255, 215, 0, .8);--window-titlebar-bg: linear-gradient(90deg, #FF1493 0%, #FFD700 50%, #00FFFF 100%);--window-titlebar-border: 3px groove #FFD700;--window-titlebar-text: #FFFFFF;--window-titlebar-text-shadow: 2px 2px 0px rgba(0, 0, 0, .8);--window-content-bg: rgba(0, 0, 128, .5);--window-control-bg: #FFD700;--window-control-border: 2px outset #FFD700;--window-control-text: #000080;--window-control-hover-bg: #00FFFF;--window-control-hover-text: #000080;--window-control-hover-border: #00FFFF;--window-control-close-bg: #FF0000;--window-control-close-text: white;--window-control-close-border: #FF0000;--window-control-minimize-bg: #FFFF00;--window-control-minimize-text: #000080;--window-control-minimize-border: #FFFF00;--window-scrollbar-track: #000080;--window-scrollbar-track-border: 2px inset #FFD700;--window-scrollbar-thumb: linear-gradient(180deg, #FF1493 0%, #FFD700 50%, #00FFFF 100%);--window-scrollbar-thumb-border: 2px outset #FFD700;--window-scrollbar-thumb-hover: linear-gradient(180deg, #00FFFF 0%, #FFD700 50%, #FF1493 100%)}[data-theme=moonlit]{--color-background: #1a1a2e;--color-surface: #2d2d44;--color-surface-elevated: #3d3d5c;--color-surface-overlay: rgba(184, 169, 201, .15);--color-primary: #b8a9c9;--color-primary-rgb: 184, 169, 201;--color-accent-blue: #7eb8c9;--color-accent-lavender: #c9b8d4;--color-accent-mint: #98c1a6;--color-accent-gold: #d4c9a8;--color-text-primary: #e8e4ec;--color-text-secondary: #c9c4d0;--color-text-tertiary: #98c1a6;--color-text-dark: #1a1a2e;--border-ink: 2px solid #b8a9c9;--border-fancy: 2px solid #d4c9a8;--border-glow: 2px solid #7eb8c9;--color-domain-watch: #c9b8d4;--color-domain-listen: #7eb8c9;--color-domain-play: #98c1a6;--color-domain-read: #d4c9a8;--font-primary: "Georgia", "Times New Roman", serif;--font-display: "Georgia", "Times New Roman", serif;--shadow-glow: 0 0 15px rgba(184, 169, 201, .4), 0 0 25px rgba(126, 184, 201, .2);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .3);--shadow-flat: 3px 3px 0px rgba(184, 169, 201, .3);--glass-background: rgba(45, 45, 68, .8);--glass-border: 1px solid rgba(184, 169, 201, .3);--btn-primary-bg: linear-gradient(180deg, #b8a9c9 0%, #9a8bb0 100%);--btn-primary-hover-bg: linear-gradient(180deg, #c9bad9 0%, #b8a9c9 100%);--btn-primary-border: #d4c9a8;--btn-secondary-bg: linear-gradient(180deg, #98c1a6 0%, #7ba98a 100%);--btn-secondary-hover-bg: linear-gradient(180deg, #a8d1b6 0%, #98c1a6 100%);--btn-secondary-border: #b8a9c9;--btn-secondary-text: #1a1a2e;--btn-ghost-border: #b8a9c9;--btn-ghost-hover-bg: rgba(184, 169, 201, .15);--btn-danger-bg: linear-gradient(180deg, #c97b7b 0%, #a85d5d 100%);--btn-danger-hover-bg: linear-gradient(180deg, #d98b8b 0%, #c97b7b 100%);--btn-danger-border: #d4c9a8;--btn-focus-outline: #7eb8c9;--toolbar-bg: linear-gradient(135deg, rgba(45, 45, 68, .95) 0%, rgba(61, 61, 92, .95) 50%, rgba(45, 45, 68, .95) 100%);--toolbar-border: rgba(184, 169, 201, .4);--toolbar-shadow: rgba(0, 0, 0, .3);--toolbar-text: #e8e4ec;--sidebar-header-border: rgba(184, 169, 201, .2);--sidebar-brand-shadow: none;--sidebar-nav-hover-bg: rgba(184, 169, 201, .1);--sidebar-nav-active-bg: var(--color-primary);--sidebar-nav-active-shadow: rgba(184, 169, 201, .3);--site-nav-bg: linear-gradient(135deg, #3d3d5c 0%, #2d2d44 50%, #3d3d5c 100%);--site-nav-border: rgba(184, 169, 201, .4);--site-nav-shadow: rgba(184, 169, 201, .2);--site-nav-link-bg: rgba(184, 169, 201, .15);--site-nav-link-border: rgba(184, 169, 201, .4);--site-nav-link-hover-bg: rgba(184, 169, 201, .3);--site-nav-link-hover-border: #b8a9c9;--site-nav-brand-color: #e8e4ec;--site-nav-brand-shadow: none;--header-bg: linear-gradient(135deg, #3d3d5c 0%, #2d2d44 100%);--header-border: rgba(184, 169, 201, .4);--header-shadow: rgba(184, 169, 201, .2);--main-bg: rgba(26, 26, 46, .8);--main-border: rgba(126, 184, 201, .3);--main-shadow: rgba(184, 169, 201, .1);--glitter-texture: radial-gradient(circle at 15% 25%, rgba(232, 228, 236, .4) 1px, transparent 1px), radial-gradient(circle at 55% 65%, rgba(212, 201, 168, .3) 1px, transparent 1px), radial-gradient(circle at 75% 15%, rgba(126, 184, 201, .3) 1px, transparent 1px), radial-gradient(circle at 35% 75%, rgba(184, 169, 201, .3) 1px, transparent 1px);--modal-overlay-bg: rgba(26, 26, 46, .9);--window-bg: rgba(45, 45, 68, .98);--window-border: 2px solid rgba(184, 169, 201, .5);--window-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 0 20px rgba(184, 169, 201, .2);--window-titlebar-bg: linear-gradient(135deg, #3d3d5c 0%, #2d2d44 100%);--window-titlebar-border: 1px solid rgba(184, 169, 201, .3);--window-titlebar-text: #e8e4ec;--window-titlebar-text-shadow: none;--window-content-bg: rgba(26, 26, 46, .5);--window-control-bg: rgba(184, 169, 201, .3);--window-control-border: 1px solid rgba(184, 169, 201, .5);--window-control-text: #e8e4ec;--window-control-hover-bg: rgba(184, 169, 201, .5);--window-control-hover-text: #e8e4ec;--window-control-hover-border: rgba(184, 169, 201, .7);--window-control-close-bg: rgba(201, 123, 123, .8);--window-control-close-text: white;--window-control-close-border: rgba(201, 123, 123, .8);--window-control-minimize-bg: rgba(212, 201, 168, .5);--window-control-minimize-text: #1a1a2e;--window-control-minimize-border: rgba(212, 201, 168, .7);--window-scrollbar-track: rgba(26, 26, 46, .8);--window-scrollbar-track-border: 1px solid rgba(184, 169, 201, .2);--window-scrollbar-thumb: linear-gradient(180deg, rgba(184, 169, 201, .6) 0%, rgba(152, 193, 166, .6) 100%);--window-scrollbar-thumb-border: 1px solid rgba(184, 169, 201, .3);--window-scrollbar-thumb-hover: linear-gradient(180deg, rgba(184, 169, 201, .8) 0%, rgba(152, 193, 166, .8) 100%)}[data-theme=ballerina]{--color-background: #fff5f7;--color-surface: #ffe4e8;--color-surface-elevated: #ffd6dc;--color-surface-overlay: rgba(232, 145, 168, .15);--color-primary: #e891a8;--color-primary-rgb: 232, 145, 168;--color-accent-blue: #c9a8c9;--color-accent-lavender: #e8b8c8;--color-accent-mint: #d4a5a5;--color-accent-gold: #f5d0c5;--color-text-primary: #4a3540;--color-text-secondary: #7a5a68;--color-text-tertiary: #a87a8a;--color-text-dark: #2a1520;--border-ink: 2px solid #e891a8;--border-fancy: 2px solid #f5d0c5;--border-glow: 2px solid #c9a8c9;--color-domain-watch: #e8b8c8;--color-domain-listen: #c9a8c9;--color-domain-play: #d4a5a5;--color-domain-read: #f5d0c5;--font-primary: "Garamond", "Georgia", serif;--font-display: "Garamond", "Georgia", serif;--shadow-glow: 0 0 15px rgba(232, 145, 168, .3), 0 0 25px rgba(201, 168, 201, .2);--shadow-soft: 0 4px 12px rgba(74, 53, 64, .1);--shadow-flat: 2px 2px 0px rgba(232, 145, 168, .3);--glass-background: rgba(255, 228, 232, .9);--glass-border: 1px solid rgba(232, 145, 168, .3);--btn-primary-bg: linear-gradient(180deg, #e891a8 0%, #d87a94 100%);--btn-primary-hover-bg: linear-gradient(180deg, #f0a1b8 0%, #e891a8 100%);--btn-primary-border: #f5d0c5;--btn-secondary-bg: linear-gradient(180deg, #c9a8c9 0%, #b898b8 100%);--btn-secondary-hover-bg: linear-gradient(180deg, #d9b8d9 0%, #c9a8c9 100%);--btn-secondary-border: #e891a8;--btn-secondary-text: #4a3540;--btn-ghost-border: #e891a8;--btn-ghost-hover-bg: rgba(232, 145, 168, .15);--btn-danger-bg: linear-gradient(180deg, #c97b7b 0%, #b86868 100%);--btn-danger-hover-bg: linear-gradient(180deg, #d98b8b 0%, #c97b7b 100%);--btn-danger-border: #f5d0c5;--btn-focus-outline: #c9a8c9;--toolbar-bg: linear-gradient(135deg, rgba(255, 214, 220, .95) 0%, rgba(255, 228, 232, .95) 50%, rgba(245, 208, 197, .95) 100%);--toolbar-border: rgba(232, 145, 168, .4);--toolbar-shadow: rgba(232, 145, 168, .2);--toolbar-text: #4a3540;--sidebar-header-border: rgba(232, 145, 168, .2);--sidebar-brand-shadow: rgba(255, 255, 255, .8);--sidebar-nav-hover-bg: rgba(232, 145, 168, .1);--sidebar-nav-active-bg: var(--color-primary);--sidebar-nav-active-shadow: rgba(232, 145, 168, .3);--site-nav-bg: linear-gradient(135deg, #ffe4e8 0%, #ffd6dc 50%, #f5d0c5 100%);--site-nav-border: rgba(232, 145, 168, .4);--site-nav-shadow: rgba(232, 145, 168, .2);--site-nav-link-bg: rgba(232, 145, 168, .2);--site-nav-link-border: rgba(232, 145, 168, .4);--site-nav-link-hover-bg: rgba(232, 145, 168, .35);--site-nav-link-hover-border: #e891a8;--site-nav-brand-color: #4a3540;--site-nav-brand-shadow: rgba(255, 255, 255, .8);--header-bg: linear-gradient(135deg, #ffe4e8 0%, #ffd6dc 50%, #f5d0c5 100%);--header-border: rgba(232, 145, 168, .4);--header-shadow: rgba(232, 145, 168, .2);--main-bg: rgba(255, 245, 247, .9);--main-border: rgba(201, 168, 201, .4);--main-shadow: rgba(232, 145, 168, .1);--glitter-texture: radial-gradient(circle at 20% 30%, rgba(232, 145, 168, .3) 1px, transparent 1px), radial-gradient(circle at 60% 70%, rgba(245, 208, 197, .4) 1px, transparent 1px), radial-gradient(circle at 80% 20%, rgba(201, 168, 201, .3) 1px, transparent 1px), radial-gradient(circle at 40% 80%, rgba(232, 184, 200, .3) 1px, transparent 1px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--modal-overlay-bg: rgba(74, 53, 64, .85);--window-bg: rgba(255, 245, 247, .98);--window-border: 2px solid rgba(232, 145, 168, .5);--window-shadow: 0 8px 32px rgba(74, 53, 64, .2), 0 0 20px rgba(232, 145, 168, .15);--window-titlebar-bg: linear-gradient(135deg, #ffe4e8 0%, #ffd6dc 50%, #f5d0c5 100%);--window-titlebar-border: 1px solid rgba(232, 145, 168, .3);--window-titlebar-text: #4a3540;--window-titlebar-text-shadow: none;--window-content-bg: rgba(255, 228, 232, .5);--window-control-bg: rgba(232, 145, 168, .3);--window-control-border: 1px solid rgba(232, 145, 168, .5);--window-control-text: #4a3540;--window-control-hover-bg: rgba(232, 145, 168, .5);--window-control-hover-text: #4a3540;--window-control-hover-border: rgba(232, 145, 168, .7);--window-control-close-bg: rgba(201, 123, 123, .8);--window-control-close-text: white;--window-control-close-border: rgba(201, 123, 123, .8);--window-control-minimize-bg: rgba(245, 208, 197, .8);--window-control-minimize-text: #4a3540;--window-control-minimize-border: rgba(245, 208, 197, .8);--window-scrollbar-track: rgba(255, 228, 232, .8);--window-scrollbar-track-border: 1px solid rgba(232, 145, 168, .2);--window-scrollbar-thumb: linear-gradient(180deg, rgba(232, 145, 168, .6) 0%, rgba(201, 168, 201, .6) 100%);--window-scrollbar-thumb-border: 1px solid rgba(232, 145, 168, .3);--window-scrollbar-thumb-hover: linear-gradient(180deg, rgba(232, 145, 168, .8) 0%, rgba(201, 168, 201, .8) 100%)}[data-theme=vaporwave]{--color-background: #1a0a2e;--color-surface: #2d1b4e;--color-surface-elevated: #3d2b5e;--color-surface-overlay: rgba(255, 113, 206, .2);--color-primary: #ff71ce;--color-primary-rgb: 255, 113, 206;--color-accent-blue: #01cdfe;--color-accent-lavender: #b967ff;--color-accent-mint: #05ffa1;--color-accent-gold: #fffb96;--color-text-primary: #ffffff;--color-text-secondary: #fffb96;--color-text-tertiary: #01cdfe;--color-text-dark: #1a0a2e;--border-ink: 3px solid #ff71ce;--border-fancy: 3px solid #b967ff;--border-glow: 3px solid #01cdfe;--color-domain-watch: #b967ff;--color-domain-listen: #01cdfe;--color-domain-play: #05ffa1;--color-domain-read: #fffb96;--font-primary: "Segoe UI", "Arial", sans-serif;--font-display: "Impact", "Arial Black", sans-serif;--shadow-glow: 0 0 20px #ff71ce, 0 0 40px #01cdfe, 0 0 60px #b967ff;--shadow-soft: 0 4px 20px rgba(255, 113, 206, .4);--shadow-flat: 4px 4px 0px #ff71ce, 8px 8px 0px #01cdfe;--glass-background: rgba(45, 27, 78, .9);--glass-border: 2px solid rgba(255, 113, 206, .5);--btn-primary-bg: linear-gradient(180deg, #ff71ce 0%, #e050b0 100%);--btn-primary-hover-bg: linear-gradient(180deg, #ff91de 0%, #ff71ce 100%);--btn-primary-border: #01cdfe;--btn-secondary-bg: linear-gradient(180deg, #01cdfe 0%, #00a8d4 100%);--btn-secondary-hover-bg: linear-gradient(180deg, #40dfff 0%, #01cdfe 100%);--btn-secondary-border: #ff71ce;--btn-secondary-text: #1a0a2e;--btn-ghost-border: #b967ff;--btn-ghost-hover-bg: rgba(185, 103, 255, .2);--btn-danger-bg: linear-gradient(180deg, #ff4444 0%, #cc2222 100%);--btn-danger-hover-bg: linear-gradient(180deg, #ff6666 0%, #ff4444 100%);--btn-danger-border: #fffb96;--btn-focus-outline: #05ffa1;--toolbar-bg: linear-gradient(135deg, rgba(255, 113, 206, .9) 0%, rgba(185, 103, 255, .9) 50%, rgba(1, 205, 254, .9) 100%);--toolbar-border: rgba(255, 113, 206, .8);--toolbar-shadow: rgba(255, 113, 206, .5);--toolbar-text: #1a0a2e;--sidebar-header-border: rgba(255, 113, 206, .3);--sidebar-brand-shadow: rgba(1, 205, 254, .8);--sidebar-nav-hover-bg: rgba(255, 113, 206, .2);--sidebar-nav-active-bg: var(--color-primary);--sidebar-nav-active-shadow: rgba(1, 205, 254, .5);--site-nav-bg: linear-gradient(90deg, #ff71ce 0%, #b967ff 50%, #01cdfe 100%);--site-nav-border: #ff71ce;--site-nav-shadow: rgba(255, 113, 206, .5);--site-nav-link-bg: rgba(26, 10, 46, .6);--site-nav-link-border: rgba(255, 113, 206, .8);--site-nav-link-hover-bg: rgba(26, 10, 46, .9);--site-nav-link-hover-border: #01cdfe;--site-nav-brand-color: #1a0a2e;--site-nav-brand-shadow: rgba(5, 255, 161, .6);--header-bg: linear-gradient(135deg, #3d2b5e 0%, #2d1b4e 50%, #1a0a2e 100%);--header-border: #ff71ce;--header-shadow: rgba(255, 113, 206, .5);--main-bg: rgba(26, 10, 46, .9);--main-border: #01cdfe;--main-shadow: rgba(185, 103, 255, .2);--glitter-texture: linear-gradient(0deg, transparent 24%, rgba(255, 113, 206, .05) 25%, rgba(255, 113, 206, .05) 26%, transparent 27%, transparent 74%, rgba(1, 205, 254, .05) 75%, rgba(1, 205, 254, .05) 76%, transparent 77%), linear-gradient(90deg, transparent 24%, rgba(185, 103, 255, .05) 25%, rgba(185, 103, 255, .05) 26%, transparent 27%, transparent 74%, rgba(5, 255, 161, .05) 75%, rgba(5, 255, 161, .05) 76%, transparent 77%);--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-full: 0px;--modal-overlay-bg: repeating-linear-gradient( 0deg, rgba(26, 10, 46, .95), rgba(26, 10, 46, .95) 2px, rgba(255, 113, 206, .1) 2px, rgba(255, 113, 206, .1) 4px );--window-bg: rgba(26, 10, 46, .98);--window-border: 3px solid #ff71ce;--window-shadow: 0 0 30px #ff71ce, 0 0 60px #01cdfe, 8px 8px 0px rgba(0, 0, 0, .5);--window-titlebar-bg: linear-gradient(90deg, #ff71ce 0%, #b967ff 50%, #01cdfe 100%);--window-titlebar-border: 2px solid #01cdfe;--window-titlebar-text: #1a0a2e;--window-titlebar-text-shadow: 0 0 10px #fffb96;--window-content-bg: rgba(45, 27, 78, .8);--window-control-bg: #01cdfe;--window-control-border: 2px solid #01cdfe;--window-control-text: #1a0a2e;--window-control-hover-bg: #05ffa1;--window-control-hover-text: #1a0a2e;--window-control-hover-border: #05ffa1;--window-control-close-bg: #ff71ce;--window-control-close-text: #1a0a2e;--window-control-close-border: #ff71ce;--window-control-minimize-bg: #fffb96;--window-control-minimize-text: #1a0a2e;--window-control-minimize-border: #fffb96;--window-scrollbar-track: rgba(26, 10, 46, .9);--window-scrollbar-track-border: 2px solid #b967ff;--window-scrollbar-thumb: linear-gradient(180deg, #ff71ce 0%, #01cdfe 100%);--window-scrollbar-thumb-border: 2px solid #b967ff;--window-scrollbar-thumb-hover: linear-gradient(180deg, #01cdfe 0%, #05ffa1 100%)}[data-theme=library]{--color-background: #2c2416;--color-surface: #3d3424;--color-surface-elevated: #4d4434;--color-surface-overlay: rgba(107, 142, 78, .15);--color-primary: #6b8e4e;--color-primary-rgb: 107, 142, 78;--color-accent-blue: #7a9a8a;--color-accent-lavender: #8b7355;--color-accent-mint: #98b475;--color-accent-gold: #d4a574;--color-text-primary: #e8dcc8;--color-text-secondary: #c4b8a4;--color-text-tertiary: #98b475;--color-text-dark: #2c2416;--border-ink: 2px solid #6b8e4e;--border-fancy: 2px solid #d4a574;--border-glow: 2px solid #7a9a8a;--color-domain-watch: #8b7355;--color-domain-listen: #7a9a8a;--color-domain-play: #98b475;--color-domain-read: #d4a574;--font-primary: "Palatino Linotype", "Book Antiqua", "Palatino", serif;--font-display: "Palatino Linotype", "Book Antiqua", "Palatino", serif;--shadow-glow: 0 0 15px rgba(212, 165, 116, .3), 0 0 25px rgba(107, 142, 78, .2);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .4);--shadow-flat: 3px 3px 0px rgba(107, 142, 78, .3);--glass-background: rgba(61, 52, 36, .9);--glass-border: 1px solid rgba(212, 165, 116, .3);--btn-primary-bg: linear-gradient(180deg, #6b8e4e 0%, #5a7a3e 100%);--btn-primary-hover-bg: linear-gradient(180deg, #7b9e5e 0%, #6b8e4e 100%);--btn-primary-border: #d4a574;--btn-secondary-bg: linear-gradient(180deg, #8b7355 0%, #7a6244 100%);--btn-secondary-hover-bg: linear-gradient(180deg, #9b8365 0%, #8b7355 100%);--btn-secondary-border: #6b8e4e;--btn-secondary-text: #e8dcc8;--btn-ghost-border: #6b8e4e;--btn-ghost-hover-bg: rgba(107, 142, 78, .15);--btn-danger-bg: linear-gradient(180deg, #a85d5d 0%, #8b4848 100%);--btn-danger-hover-bg: linear-gradient(180deg, #b86d6d 0%, #a85d5d 100%);--btn-danger-border: #d4a574;--btn-focus-outline: #98b475;--toolbar-bg: linear-gradient(135deg, rgba(61, 52, 36, .95) 0%, rgba(77, 68, 52, .95) 50%, rgba(61, 52, 36, .95) 100%);--toolbar-border: rgba(212, 165, 116, .4);--toolbar-shadow: rgba(0, 0, 0, .3);--toolbar-text: #e8dcc8;--sidebar-header-border: rgba(212, 165, 116, .2);--sidebar-brand-shadow: rgba(212, 165, 116, .3);--sidebar-nav-hover-bg: rgba(107, 142, 78, .1);--sidebar-nav-active-bg: var(--color-primary);--sidebar-nav-active-shadow: rgba(107, 142, 78, .3);--site-nav-bg: linear-gradient(135deg, #4d4434 0%, #3d3424 50%, #4d4434 100%);--site-nav-border: rgba(212, 165, 116, .4);--site-nav-shadow: rgba(212, 165, 116, .2);--site-nav-link-bg: rgba(107, 142, 78, .2);--site-nav-link-border: rgba(212, 165, 116, .4);--site-nav-link-hover-bg: rgba(107, 142, 78, .35);--site-nav-link-hover-border: #6b8e4e;--site-nav-brand-color: #e8dcc8;--site-nav-brand-shadow: rgba(212, 165, 116, .3);--header-bg: linear-gradient(135deg, #4d4434 0%, #3d3424 100%);--header-border: rgba(212, 165, 116, .4);--header-shadow: rgba(212, 165, 116, .2);--main-bg: rgba(44, 36, 22, .9);--main-border: rgba(107, 142, 78, .4);--main-shadow: rgba(212, 165, 116, .1);--glitter-texture: radial-gradient(circle at 10% 20%, rgba(152, 180, 117, .2) 2px, transparent 2px), radial-gradient(circle at 50% 60%, rgba(107, 142, 78, .15) 2px, transparent 2px), radial-gradient(circle at 85% 30%, rgba(212, 165, 116, .1) 1px, transparent 1px), radial-gradient(circle at 30% 85%, rgba(122, 154, 138, .15) 2px, transparent 2px);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-full: 9999px;--modal-overlay-bg: rgba(44, 36, 22, .9);--window-bg: rgba(61, 52, 36, .98);--window-border: 2px solid rgba(212, 165, 116, .6);--window-shadow: 0 8px 32px rgba(0, 0, 0, .5), 0 0 20px rgba(212, 165, 116, .2);--window-titlebar-bg: linear-gradient(135deg, #4d4434 0%, #3d3424 100%);--window-titlebar-border: 1px solid rgba(212, 165, 116, .4);--window-titlebar-text: #e8dcc8;--window-titlebar-text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);--window-content-bg: rgba(44, 36, 22, .6);--window-control-bg: rgba(212, 165, 116, .4);--window-control-border: 1px solid rgba(212, 165, 116, .6);--window-control-text: #e8dcc8;--window-control-hover-bg: rgba(107, 142, 78, .5);--window-control-hover-text: #e8dcc8;--window-control-hover-border: rgba(107, 142, 78, .7);--window-control-close-bg: rgba(168, 93, 93, .8);--window-control-close-text: #e8dcc8;--window-control-close-border: rgba(168, 93, 93, .8);--window-control-minimize-bg: rgba(212, 165, 116, .6);--window-control-minimize-text: #2c2416;--window-control-minimize-border: rgba(212, 165, 116, .8);--window-scrollbar-track: rgba(44, 36, 22, .8);--window-scrollbar-track-border: 1px solid rgba(212, 165, 116, .3);--window-scrollbar-thumb: linear-gradient(180deg, rgba(107, 142, 78, .7) 0%, rgba(212, 165, 116, .7) 100%);--window-scrollbar-thumb-border: 1px solid rgba(212, 165, 116, .4);--window-scrollbar-thumb-hover: linear-gradient(180deg, rgba(107, 142, 78, .9) 0%, rgba(212, 165, 116, .9) 100%)}[data-theme=heavens]{--color-background: #e8f4fc;--color-surface: #f0f8ff;--color-surface-elevated: #ffffff;--color-surface-overlay: rgba(126, 184, 218, .15);--color-primary: #7eb8da;--color-primary-rgb: 126, 184, 218;--color-accent-blue: #a8d4ea;--color-accent-lavender: #c8d8e8;--color-accent-mint: #b8e0d0;--color-accent-gold: #f5d89a;--color-text-primary: #3a5068;--color-text-secondary: #5a7088;--color-text-tertiary: #7a90a8;--color-text-dark: #1a3048;--border-ink: 2px solid #7eb8da;--border-fancy: 2px solid #f5d89a;--border-glow: 2px solid #a8d4ea;--color-domain-watch: #c8d8e8;--color-domain-listen: #a8d4ea;--color-domain-play: #b8e0d0;--color-domain-read: #f5d89a;--font-primary: "Segoe UI", "Helvetica Neue", "Arial", sans-serif;--font-display: "Segoe UI Light", "Helvetica Neue Light", "Arial", sans-serif;--shadow-glow: 0 0 20px rgba(126, 184, 218, .3), 0 0 30px rgba(245, 216, 154, .2);--shadow-soft: 0 4px 16px rgba(58, 80, 104, .1);--shadow-flat: 2px 2px 0px rgba(126, 184, 218, .2);--glass-background: rgba(255, 255, 255, .9);--glass-border: 1px solid rgba(126, 184, 218, .3);--btn-primary-bg: linear-gradient(180deg, #7eb8da 0%, #6aa8ca 100%);--btn-primary-hover-bg: linear-gradient(180deg, #8ec8ea 0%, #7eb8da 100%);--btn-primary-border: #f5d89a;--btn-secondary-bg: linear-gradient(180deg, #f5d89a 0%, #e5c88a 100%);--btn-secondary-hover-bg: linear-gradient(180deg, #ffe8aa 0%, #f5d89a 100%);--btn-secondary-border: #7eb8da;--btn-secondary-text: #3a5068;--btn-ghost-border: #7eb8da;--btn-ghost-hover-bg: rgba(126, 184, 218, .15);--btn-danger-bg: linear-gradient(180deg, #da8a7e 0%, #ca7a6e 100%);--btn-danger-hover-bg: linear-gradient(180deg, #ea9a8e 0%, #da8a7e 100%);--btn-danger-border: #f5d89a;--btn-focus-outline: #a8d4ea;--toolbar-bg: linear-gradient(135deg, rgba(168, 212, 234, .9) 0%, rgba(240, 248, 255, .95) 50%, rgba(245, 216, 154, .9) 100%);--toolbar-border: rgba(126, 184, 218, .4);--toolbar-shadow: rgba(126, 184, 218, .2);--toolbar-text: #3a5068;--sidebar-header-border: rgba(126, 184, 218, .2);--sidebar-brand-shadow: rgba(255, 255, 255, .8);--sidebar-nav-hover-bg: rgba(126, 184, 218, .1);--sidebar-nav-active-bg: var(--color-primary);--sidebar-nav-active-shadow: rgba(126, 184, 218, .3);--site-nav-bg: linear-gradient(135deg, #f0f8ff 0%, #e8f4fc 50%, rgba(245, 216, 154, .3) 100%);--site-nav-border: rgba(126, 184, 218, .4);--site-nav-shadow: rgba(126, 184, 218, .2);--site-nav-link-bg: rgba(126, 184, 218, .2);--site-nav-link-border: rgba(126, 184, 218, .4);--site-nav-link-hover-bg: rgba(126, 184, 218, .35);--site-nav-link-hover-border: #7eb8da;--site-nav-brand-color: #3a5068;--site-nav-brand-shadow: rgba(255, 255, 255, .8);--header-bg: linear-gradient(135deg, #f0f8ff 0%, #e8f4fc 50%, #f5d89a40 100%);--header-border: rgba(126, 184, 218, .4);--header-shadow: rgba(245, 216, 154, .3);--main-bg: rgba(232, 244, 252, .8);--main-border: rgba(168, 212, 234, .4);--main-shadow: rgba(126, 184, 218, .1);--glitter-texture: radial-gradient(ellipse at 20% 30%, rgba(255, 255, 255, .8) 20px, transparent 40px), radial-gradient(ellipse at 70% 60%, rgba(255, 255, 255, .6) 30px, transparent 50px), radial-gradient(ellipse at 40% 80%, rgba(245, 216, 154, .3) 15px, transparent 30px), radial-gradient(circle at 85% 20%, rgba(168, 212, 234, .4) 10px, transparent 20px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--modal-overlay-bg: rgba(58, 80, 104, .7);--window-bg: rgba(255, 255, 255, .98);--window-border: 2px solid rgba(126, 184, 218, .5);--window-shadow: 0 8px 32px rgba(58, 80, 104, .15), 0 0 20px rgba(245, 216, 154, .2);--window-titlebar-bg: linear-gradient(135deg, #f0f8ff 0%, #e8f4fc 50%, rgba(245, 216, 154, .3) 100%);--window-titlebar-border: 1px solid rgba(126, 184, 218, .3);--window-titlebar-text: #3a5068;--window-titlebar-text-shadow: none;--window-content-bg: rgba(240, 248, 255, .5);--window-control-bg: rgba(126, 184, 218, .3);--window-control-border: 1px solid rgba(126, 184, 218, .5);--window-control-text: #3a5068;--window-control-hover-bg: rgba(126, 184, 218, .5);--window-control-hover-text: #3a5068;--window-control-hover-border: rgba(126, 184, 218, .7);--window-control-close-bg: rgba(218, 138, 126, .8);--window-control-close-text: white;--window-control-close-border: rgba(218, 138, 126, .8);--window-control-minimize-bg: rgba(245, 216, 154, .8);--window-control-minimize-text: #3a5068;--window-control-minimize-border: rgba(245, 216, 154, .8);--window-scrollbar-track: rgba(240, 248, 255, .8);--window-scrollbar-track-border: 1px solid rgba(126, 184, 218, .2);--window-scrollbar-thumb: linear-gradient(180deg, rgba(126, 184, 218, .6) 0%, rgba(245, 216, 154, .6) 100%);--window-scrollbar-thumb-border: 1px solid rgba(126, 184, 218, .3);--window-scrollbar-thumb-hover: linear-gradient(180deg, rgba(126, 184, 218, .8) 0%, rgba(245, 216, 154, .8) 100%)}[data-theme=carebears]{--color-background: #fef5fb;--color-surface: #fff0f8;--color-surface-elevated: #ffe8f5;--color-surface-overlay: rgba(255, 179, 217, .2);--color-primary: #ffb3d9;--color-primary-rgb: 255, 179, 217;--color-accent-blue: #a8d8f0;--color-accent-lavender: #e0d0f5;--color-accent-mint: #b8f0d0;--color-accent-gold: #fff5b8;--color-text-primary: #8b4a7d;--color-text-secondary: #a86a9e;--color-text-tertiary: #c88ab8;--color-text-dark: #6b2a5d;--border-ink: 2px solid #ffb3d9;--border-fancy: 2px solid #a8d8f0;--border-glow: 2px solid #e0d0f5;--color-domain-watch: #ffb3d9;--color-domain-listen: #a8d8f0;--color-domain-play: #b8f0d0;--color-domain-read: #fff5b8;--font-primary: "Comic Sans MS", "Segoe UI", "Arial", sans-serif;--font-display: "Comic Sans MS", "Segoe UI", "Arial", sans-serif;--shadow-glow: 0 0 20px rgba(255, 179, 217, .4), 0 0 30px rgba(168, 216, 240, .3);--shadow-soft: 0 4px 16px rgba(139, 74, 125, .15);--shadow-flat: 3px 3px 0px rgba(255, 179, 217, .3);--glass-background: rgba(255, 240, 248, .95);--glass-border: 2px solid rgba(255, 179, 217, .3);--btn-primary-bg: linear-gradient(180deg, #ffb3d9 0%, #ff99c9 100%);--btn-primary-hover-bg: linear-gradient(180deg, #ffc9e5 0%, #ffb3d9 100%);--btn-primary-border: #a8d8f0;--btn-secondary-bg: linear-gradient(180deg, #a8d8f0 0%, #90c8e0 100%);--btn-secondary-hover-bg: linear-gradient(180deg, #c0e8ff 0%, #a8d8f0 100%);--btn-secondary-border: #ffb3d9;--btn-secondary-text: #6b2a5d;--btn-ghost-border: #e0d0f5;--btn-ghost-hover-bg: rgba(224, 208, 245, .2);--btn-danger-bg: linear-gradient(180deg, #ff9999 0%, #ff7777 100%);--btn-danger-hover-bg: linear-gradient(180deg, #ffb3b3 0%, #ff9999 100%);--btn-danger-border: #fff5b8;--btn-focus-outline: #b8f0d0;--toolbar-bg: linear-gradient(135deg, rgba(255, 179, 217, .85) 0%, rgba(168, 216, 240, .85) 25%, rgba(224, 208, 245, .85) 50%, rgba(184, 240, 208, .85) 75%, rgba(255, 245, 184, .85) 100%);--toolbar-border: rgba(255, 179, 217, .5);--toolbar-shadow: rgba(255, 179, 217, .3);--toolbar-text: #8b4a7d;--sidebar-header-border: rgba(255, 179, 217, .3);--sidebar-brand-shadow: rgba(255, 255, 255, .9);--sidebar-nav-hover-bg: rgba(255, 179, 217, .15);--sidebar-nav-active-bg: var(--color-primary);--sidebar-nav-active-shadow: rgba(168, 216, 240, .4);--site-nav-bg: linear-gradient(90deg, #ffb3d9 0%, #a8d8f0 25%, #e0d0f5 50%, #b8f0d0 75%, #fff5b8 100%);--site-nav-border: rgba(255, 179, 217, .5);--site-nav-shadow: rgba(255, 179, 217, .3);--site-nav-link-bg: rgba(255, 179, 217, .25);--site-nav-link-border: rgba(255, 179, 217, .5);--site-nav-link-hover-bg: rgba(255, 179, 217, .45);--site-nav-link-hover-border: #ffb3d9;--site-nav-brand-color: #6b2a5d;--site-nav-brand-shadow: rgba(255, 255, 255, .9);--header-bg: linear-gradient(135deg, #fff0f8 0%, #ffe8f5 50%, rgba(255, 245, 184, .3) 100%);--header-border: rgba(255, 179, 217, .5);--header-shadow: rgba(255, 179, 217, .2);--main-bg: rgba(254, 245, 251, .9);--main-border: rgba(168, 216, 240, .4);--main-shadow: rgba(255, 179, 217, .15);--glitter-texture: radial-gradient(circle at 15% 20%, rgba(255, 255, 255, .9) 15px, transparent 30px), radial-gradient(circle at 60% 40%, rgba(255, 179, 217, .3) 2px, transparent 2px), radial-gradient(circle at 80% 70%, rgba(168, 216, 240, .3) 2px, transparent 2px), radial-gradient(circle at 30% 80%, rgba(255, 245, 184, .3) 2px, transparent 2px), radial-gradient(circle at 85% 25%, rgba(224, 208, 245, .3) 2px, transparent 2px), radial-gradient(circle at 45% 60%, rgba(184, 240, 208, .3) 2px, transparent 2px);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--modal-overlay-bg: rgba(139, 74, 125, .75);--window-bg: rgba(255, 240, 248, .98);--window-border: 3px solid rgba(255, 179, 217, .6);--window-shadow: 0 8px 32px rgba(139, 74, 125, .2), 0 0 40px rgba(255, 179, 217, .3);--window-titlebar-bg: linear-gradient(90deg, #ffb3d9 0%, #a8d8f0 25%, #e0d0f5 50%, #b8f0d0 75%, #fff5b8 100%);--window-titlebar-border: 2px solid rgba(255, 179, 217, .4);--window-titlebar-text: #6b2a5d;--window-titlebar-text-shadow: 1px 1px 2px rgba(255, 255, 255, .8);--window-content-bg: rgba(255, 232, 245, .6);--window-control-bg: rgba(255, 179, 217, .4);--window-control-border: 2px solid rgba(255, 179, 217, .6);--window-control-text: #6b2a5d;--window-control-hover-bg: rgba(168, 216, 240, .6);--window-control-hover-text: #6b2a5d;--window-control-hover-border: rgba(168, 216, 240, .8);--window-control-close-bg: rgba(255, 153, 153, .8);--window-control-close-text: white;--window-control-close-border: rgba(255, 153, 153, .8);--window-control-minimize-bg: rgba(255, 245, 184, .9);--window-control-minimize-text: #6b2a5d;--window-control-minimize-border: rgba(255, 245, 184, .9);--window-scrollbar-track: rgba(255, 240, 248, .9);--window-scrollbar-track-border: 2px solid rgba(255, 179, 217, .3);--window-scrollbar-thumb: linear-gradient(180deg, rgba(255, 179, 217, .7) 0%, rgba(168, 216, 240, .7) 100%);--window-scrollbar-thumb-border: 2px solid rgba(255, 179, 217, .4);--window-scrollbar-thumb-hover: linear-gradient(180deg, rgba(255, 179, 217, .9) 0%, rgba(168, 216, 240, .9) 100%)}[data-theme=carebears] .glow-text{text-shadow:0 0 8px rgba(255,179,217,.6),0 0 15px rgba(168,216,240,.4),0 0 20px rgba(224,208,245,.3);animation:pulse-glow-carebears 2.5s ease-in-out infinite alternate}@keyframes pulse-glow-carebears{0%{text-shadow:0 0 8px rgba(255,179,217,.5),0 0 15px rgba(168,216,240,.3)}to{text-shadow:0 0 12px rgba(255,179,217,.7),0 0 20px rgba(168,216,240,.5),0 0 30px rgba(224,208,245,.4),0 0 40px rgba(184,240,208,.3)}}[data-theme=carebears] .flat-shaded{border-style:solid;border-width:2px;box-shadow:3px 3px #ffb3d966,6px 6px #a8d8f04d}[data-theme=carebears] .ornate-border{border-style:solid;border-width:2px;background:#fff0f8e6;box-shadow:inset 0 0 20px #ffb3d933}[data-theme=carebears] .storybook-shadow{box-shadow:3px 3px #ffb3d966,6px 6px #a8d8f04d,9px 9px #e0d0f533}[data-theme] body,body[data-theme]{background-color:var(--color-background);color:var(--color-text-primary)}[data-theme] .time-toolbar{background:var(--toolbar-bg);border-bottom-color:var(--toolbar-border);box-shadow:0 4px 12px var(--toolbar-shadow)}[data-theme] .time-text{color:var(--toolbar-text)}[data-theme] .sidebar{background:var(--glass-background);border-right:1.5px solid var(--glass-border)}[data-theme] .sidebar-header{border-bottom-color:var(--sidebar-header-border)}[data-theme] .sidebar-brand{color:var(--color-primary);text-shadow:2px 2px 0 var(--sidebar-brand-shadow)}[data-theme] .sidebar-nav-link:hover{background:var(--sidebar-nav-hover-bg);color:var(--color-primary)}[data-theme] .sidebar-nav-link.active{background:var(--sidebar-nav-active-bg);box-shadow:3px 3px 0 var(--sidebar-nav-active-shadow)}[data-theme] .site-nav{background:var(--site-nav-bg);border-bottom-color:var(--site-nav-border);box-shadow:0 4px 15px var(--site-nav-shadow)}[data-theme] .site-nav-link{background:var(--site-nav-link-bg);border-color:var(--site-nav-link-border)}[data-theme] .site-nav-link:hover{background:var(--site-nav-link-hover-bg);border-color:var(--site-nav-link-hover-border)}[data-theme] .site-nav-brand{color:var(--site-nav-brand-color);text-shadow:1px 1px 0px var(--site-nav-brand-shadow)}[data-theme] .app-header.flat-shaded{background:var(--header-bg);border-color:var(--header-border);box-shadow:0 0 20px var(--header-shadow)}[data-theme] .app-main.ornate-border{background:var(--main-bg);border-color:var(--main-border);box-shadow:inset 0 0 20px var(--main-shadow)}[data-theme] .btn--primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-border)}[data-theme] .btn--primary:hover:not(:disabled){background:var(--btn-primary-hover-bg)}[data-theme] .btn--secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}[data-theme] .btn--secondary:hover:not(:disabled){background:var(--btn-secondary-hover-bg)}[data-theme] .btn--ghost{border-color:var(--btn-ghost-border)}[data-theme] .btn--ghost:hover:not(:disabled){background:var(--btn-ghost-hover-bg)}[data-theme] .btn--danger{background:var(--btn-danger-bg);border-color:var(--btn-danger-border)}[data-theme] .btn--danger:hover:not(:disabled){background:var(--btn-danger-hover-bg)}[data-theme] .btn:focus-visible{outline-color:var(--btn-focus-outline)}[data-theme=moonlit] .glow-text{text-shadow:0 0 5px rgba(232,228,236,.5),0 0 10px rgba(184,169,201,.4),0 0 20px rgba(184,169,201,.3);animation:pulse-glow-moonlit 2s infinite alternate}@keyframes pulse-glow-moonlit{0%{text-shadow:0 0 5px rgba(232,228,236,.5),0 0 10px rgba(184,169,201,.3)}to{text-shadow:0 0 10px rgba(232,228,236,.6),0 0 20px rgba(184,169,201,.4),0 0 30px rgba(126,184,201,.3)}}[data-theme] .flat-shaded{border-color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-flat)}[data-theme] .ornate-border{border-color:var(--color-accent-gold)}[data-theme] .storybook-shadow{box-shadow:5px 5px 0 var(--color-primary),10px 10px 0 var(--color-accent-blue)}[data-theme=moonlit] .flat-shaded{border-style:solid;border-width:2px}[data-theme=moonlit] .ornate-border{border-style:solid;border-width:2px;background:#2d2d4480}[data-theme=moonlit] .storybook-shadow{box-shadow:3px 3px 8px #0000004d}[data-theme=moonlit]{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px}[data-theme=ballerina] .glow-text{text-shadow:0 0 5px rgba(232,145,168,.4),0 0 10px rgba(201,168,201,.3);animation:pulse-glow-ballerina 3s ease-in-out infinite alternate}@keyframes pulse-glow-ballerina{0%{text-shadow:0 0 5px rgba(232,145,168,.3),0 0 10px rgba(201,168,201,.2)}to{text-shadow:0 0 8px rgba(232,145,168,.5),0 0 15px rgba(201,168,201,.3),0 0 20px rgba(245,208,197,.2)}}[data-theme=ballerina] .flat-shaded{border-style:solid;border-width:2px}[data-theme=ballerina] .ornate-border{border-style:solid;border-width:2px;background:#ffe4e8b3}[data-theme=ballerina] .storybook-shadow{box-shadow:2px 2px 8px #e891a833}[data-theme=vaporwave] .glow-text{text-shadow:0 0 10px #ff71ce,0 0 20px #01cdfe,0 0 30px #b967ff,0 0 40px #ff71ce;animation:pulse-glow-vaporwave 1.5s ease-in-out infinite alternate}@keyframes pulse-glow-vaporwave{0%{text-shadow:0 0 10px #ff71ce,0 0 20px #01cdfe,0 0 30px #b967ff}to{text-shadow:0 0 15px #ff71ce,0 0 30px #01cdfe,0 0 45px #b967ff,0 0 60px #05ffa1}}[data-theme=vaporwave] .flat-shaded{border-style:solid;border-width:3px;box-shadow:4px 4px #ff71ce,8px 8px #01cdfe}[data-theme=vaporwave] .ornate-border{border-style:solid;border-width:3px;background:#2d1b4ecc;box-shadow:inset 0 0 30px #b967ff33}[data-theme=vaporwave] .storybook-shadow{box-shadow:4px 4px #ff71ce,8px 8px #01cdfe,12px 12px #b967ff}[data-theme=library] .glow-text{text-shadow:0 0 5px rgba(212,165,116,.4),0 0 10px rgba(107,142,78,.3);animation:pulse-glow-library 4s ease-in-out infinite alternate}@keyframes pulse-glow-library{0%{text-shadow:0 0 5px rgba(212,165,116,.3),0 0 10px rgba(107,142,78,.2)}to{text-shadow:0 0 8px rgba(212,165,116,.5),0 0 15px rgba(107,142,78,.3),0 0 20px rgba(152,180,117,.2)}}[data-theme=library] .flat-shaded{border-style:solid;border-width:2px}[data-theme=library] .ornate-border{border-style:solid;border-width:2px;background:#3d3424cc}[data-theme=library] .storybook-shadow{box-shadow:3px 3px 8px #0006}[data-theme=heavens] .glow-text{text-shadow:0 0 5px rgba(126,184,218,.4),0 0 10px rgba(245,216,154,.3);animation:pulse-glow-heavens 3s ease-in-out infinite alternate}@keyframes pulse-glow-heavens{0%{text-shadow:0 0 5px rgba(126,184,218,.3),0 0 10px rgba(245,216,154,.2)}to{text-shadow:0 0 10px rgba(126,184,218,.5),0 0 20px rgba(245,216,154,.4),0 0 30px rgba(168,212,234,.3)}}[data-theme=heavens] .flat-shaded{border-style:solid;border-width:2px}[data-theme=heavens] .ornate-border{border-style:solid;border-width:2px;background:#f0f8ffcc}[data-theme=heavens] .storybook-shadow{box-shadow:2px 2px 12px #7eb8da33}h1,.h1{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h2,.h2{font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h3,.h3{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--color-text-primary)}h4,.h4{font-size:var(--text-xl);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-primary)}h5,.h5{font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-primary)}h6,.h6{font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-normal);color:var(--color-text-primary)}.text-large{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-primary)}.text-base,body{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary)}.text-small{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary)}.text-xs{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text-secondary)}.text-label{font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-tertiary)}.text-caption{font-size:var(--text-xs);font-style:italic;color:var(--color-text-tertiary)}.text-code{font-family:var(--font-mono);font-size:.9em;background:#ffffff0d;padding:.125rem .375rem;border-radius:var(--radius-sm);color:var(--color-accent-cyan)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 20px currentColor}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes rainbow{0%{color:red}16%{color:#ff7f00}33%{color:#ff0}50%{color:#0f0}66%{color:#00f}83%{color:#8b00ff}to{color:red}}@keyframes rainbow-bg{0%{background-color:red}16%{background-color:#ff7f00}33%{background-color:#ff0}50%{background-color:#0f0}66%{background-color:#00f}83%{background-color:#8b00ff}to{background-color:red}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);filter:brightness(1)}25%{transform:scale(1.2) rotate(90deg);filter:brightness(1.5)}50%{transform:scale(.8) rotate(180deg);filter:brightness(.8)}75%{transform:scale(1.1) rotate(270deg);filter:brightness(1.3)}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideLeft{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideRight{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 10px currentColor}50%{box-shadow:0 0 20px currentColor}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-base) ease-out}.animate-slide-down{animation:slideDown var(--transition-base) ease-out}.animate-slide-left{animation:slideLeft var(--transition-base) ease-out}.animate-slide-right{animation:slideRight var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:1000px 100%;animation:shimmer 2s infinite}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-glow:hover{box-shadow:var(--shadow-glow-primary)}.hover-scale:hover{transform:scale(1.05)}.hover-brighten:hover{filter:brightness(1.2)}.blink{animation:blink 1s step-start infinite}.rainbow-text{animation:rainbow 3s linear infinite;font-weight:700}.rainbow-bg{animation:rainbow-bg 3s linear infinite;padding:var(--space-2) var(--space-4)}.sparkle{animation:sparkle 2s ease-in-out infinite;display:inline-block}.marquee{animation:marquee 10s linear infinite;white-space:nowrap}.spin{animation:spin 2s linear infinite;display:inline-block}.wiggle{animation:wiggle .5s ease-in-out infinite;display:inline-block}.retro-glow{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 20px currentColor}.neon-text{color:#fff;text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px #FF1493,0 0 82px #FF1493,0 0 92px #FF1493,0 0 102px #FF1493,0 0 151px #FF1493}.cyber-text{color:#0f0;text-shadow:0 0 5px #00FF00,0 0 10px #00FF00,0 0 15px #00FF00,0 0 20px #00FF00;font-family:var(--font-mono)}input[type=text],input[type=number],input[type=url],input[type=email],textarea,select{transition:all .2s cubic-bezier(.4,0,.2,1)}input[type=text]:focus,input[type=number]:focus,input[type=url]:focus,input[type=email]:focus,textarea:focus,select:focus{transform:translateY(-1px);box-shadow:0 4px 12px #ff85a226}textarea.auto-resize{min-height:60px;resize:vertical;overflow-y:hidden}.input-with-counter{position:relative}.char-counter{position:absolute;right:12px;bottom:8px;font-size:.7rem;color:var(--color-text-tertiary);font-weight:600;opacity:.6;pointer-events:none;transition:opacity .2s}.input-with-counter:focus-within .char-counter{opacity:1}.char-counter.warning{color:#ff9f1c}.char-counter.error{color:#ff4757}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary);opacity:.5;font-style:italic;transition:opacity .2s}input:focus::placeholder,textarea:focus::placeholder{opacity:.3}.keyboard-hint{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:var(--color-text-tertiary);font-weight:600;padding:2px 6px;background:#00000008;border:1px solid rgba(0,0,0,.08);border-radius:4px;font-family:var(--font-mono)}.keyboard-hint kbd{font-family:inherit;font-weight:700}.input-group{display:flex;gap:8px;align-items:stretch}.input-group input{flex:1}.input-group button{flex-shrink:0}input.valid,textarea.valid{border-color:#2ed573;background:#2ed57305}input.invalid,textarea.invalid{border-color:#ff4757;background:#ff475705}input.loading,textarea.loading,select.loading{opacity:.6;pointer-events:none;background-image:linear-gradient(90deg,transparent 0%,rgba(255,133,162,.1) 50%,transparent 100%);background-size:200% 100%;animation:input-loading 1.5s infinite}@keyframes input-loading{0%{background-position:200% 0}to{background-position:-200% 0}}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed;background:#00000005}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}textarea{scrollbar-width:thin;scrollbar-color:rgba(255,133,162,.3) transparent}textarea::-webkit-scrollbar{width:8px}textarea::-webkit-scrollbar-track{background:transparent}textarea::-webkit-scrollbar-thumb{background:#ff85a24d;border-radius:4px}textarea::-webkit-scrollbar-thumb:hover{background:#ff85a280}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-primary);background-color:var(--color-background);background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(0,255,255,.03) 10px,rgba(0,255,255,.03) 20px),var(--glitter-texture);background-size:100% 100%,100% 100%,200px 200px;animation:twinkle 3s infinite alternate;color:var(--color-text-primary);font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-osx-font-smoothing:grayscale}@keyframes twinkle{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,0 0,10px 10px}}#root{display:flex;width:100%;min-height:100vh;overflow-x:hidden}.storybook-shadow{box-shadow:5px 5px #ff1493,10px 10px #0ff}.flat-shaded{border:3px ridge var(--color-primary);background:var(--color-surface);box-shadow:5px 5px 0 var(--color-accent-lavender)}.ornate-border{border:5px double var(--color-accent-gold);padding:var(--space-4);border-radius:var(--radius-md);background:repeating-linear-gradient(45deg,#ffd7001a,#ffd7001a 10px,#ff14931a 10px 20px)}.glow-text{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #FF1493,0 0 30px #FF1493,0 0 40px #00FFFF;animation:pulse-glow 1.5s infinite alternate}@keyframes pulse-glow{0%{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #FF1493,0 0 30px #FF1493}to{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #FF1493,0 0 40px #FF1493,0 0 50px #00FFFF}}.app-layout{display:flex;width:100%;min-height:100vh;padding-top:76px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,20,147,.05) 2px,rgba(255,20,147,.05) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,255,255,.05) 2px,rgba(0,255,255,.05) 4px)}.app-content{flex:1;display:flex;flex-direction:column;overflow-x:hidden}.app-header{margin:var(--space-4);padding:var(--space-6);background:linear-gradient(45deg,#ff1493,gold,#0ff);border:5px groove #FFD700;box-shadow:0 0 20px #ff1493cc}.app-main{flex:1;margin:var(--space-4);padding:var(--space-8);overflow-y:auto;background:#000080b3;border:3px ridge #00FFFF;box-shadow:inset 0 0 20px #ffd7004d}.tabs{display:flex;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.tabs button{background:transparent;border:none;color:#fff;opacity:.5;cursor:pointer;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;padding:.5rem 1rem;transition:opacity .2s,border-bottom .2s}.tabs button.active{opacity:1;border-bottom:2px solid var(--color-primary)}