:root{--primary-color: rgba(255, 255, 255, .85);--bg-color: rgba(0, 0, 0, .85);--glass-bg: rgba(20, 20, 20, .3);--glass-border: rgba(255, 255, 255, .1);--font-sans: "Noto Sans SC", sans-serif;--font-serif: "Noto Serif SC", serif;--font-hand: "Klee One", cursive;--transition-speed: .6s}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000;font-family:var(--font-sans);color:var(--primary-color)}#glcanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;transition:filter .3s ease}.ui-element{position:absolute;z-index:10}#zen-timer{opacity:1;transition:opacity var(--transition-speed) ease}#mode-switcher-container{position:absolute;top:0;left:0;width:100%;height:50px;z-index:20}#mode-switcher{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;gap:15px;font-size:14px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;padding:10px 20px;opacity:1;transition:opacity var(--transition-speed) ease}.mode-option{color:#fff6;transition:color .3s}.mode-option.active{color:#ffffffe6;text-shadow:0 0 10px rgba(255,255,255,.5)}.separator{color:#fff3}#zen-timer{top:30px;right:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer}.timer-ring{transform:rotate(-90deg);position:absolute}.timer-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:2}.timer-ring-progress{fill:none;stroke:#fffc;stroke-width:2;stroke-dasharray:164;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.timer-text{font-size:12px;font-weight:300;letter-spacing:1px}#the-deck{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;max-width:800px;height:70%;background:var(--glass-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid var(--glass-border);border-radius:12px;padding:40px;box-shadow:0 8px 32px #0000004d;z-index:10;opacity:1}#editor{width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--primary-color);font-size:18px;line-height:1.8;resize:none;font-family:inherit;transition:filter 2s ease,opacity 2s ease}#editor::placeholder{color:#fff3}#editor::-webkit-scrollbar{width:8px}#editor::-webkit-scrollbar-track{background:transparent}#editor::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}#editor::-webkit-scrollbar-thumb:hover{background:#fff6}.smoke-out{filter:blur(20px);opacity:0}#vibe-mixer-toggle{position:absolute;left:-40px;top:20px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#ffffff80;cursor:pointer;transition:color .3s,transform .3s,opacity var(--transition-speed) ease;z-index:20;opacity:1}#the-deck:hover #vibe-mixer-toggle{opacity:1}#vibe-mixer-toggle:hover{color:#ffffffe6;transform:rotate(90deg)}#vibe-mixer{position:absolute;top:60px;left:-280px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px;padding:20px;width:240px;box-shadow:0 8px 32px #0000004d;opacity:0;visibility:hidden;transform:translate(-20px);transition:opacity .3s,transform .3s,visibility .3s;z-index:25}#vibe-mixer.show{opacity:1;visibility:visible;transform:translate(0)}.control-group{margin-bottom:20px}.control-group label{display:block;font-size:12px;margin-bottom:8px;color:#fff9;letter-spacing:1px}input[type=range]{width:100%;-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-5px}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background:#fff3}.font-selector{display:flex;gap:10px}.font-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:6px 12px;border-radius:15px;cursor:pointer;font-size:12px;transition:all .3s}.font-btn.active,.font-btn:hover{border-color:#fffc;color:#ffffffe6}.action-buttons{display:flex;gap:10px;margin-top:10px}.action-buttons button{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px;border-radius:6px;cursor:pointer;transition:all .3s;letter-spacing:1px}#custom-alert{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#custom-alert.show{opacity:1;visibility:visible}.alert-content{background:var(--glass-bg);border:1px solid var(--glass-border);padding:30px 40px;border-radius:16px;text-align:center;box-shadow:0 10px 40px #00000080;transform:scale(.9);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}#custom-alert.show .alert-content{transform:scale(1)}.alert-content p{margin:0 0 20px;font-size:18px;letter-spacing:2px;color:#ffffffe6}#alert-close{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 24px;border-radius:20px;cursor:pointer;font-size:14px;transition:all .3s ease;letter-spacing:1px}#alert-close:hover{background:#ffffff40;border-color:#fff9;transform:translateY(-2px)}.action-buttons button:hover{background:#fff3}#btn-release:hover{background:#ff323233;border-color:#ff323280}