:root{--bg-color: #0a0a0f;--text-color: #ffffff;--accent-color: #ffd700;--accent-glow: rgba(255, 215, 0, .3);--glass-bg: rgba(20, 20, 30, .6);--glass-border: rgba(255, 255, 255, .1);--font-main: "Outfit", sans-serif}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main)}#app{position:relative;width:100vw;height:100vh}#infinite-canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}#infinite-canvas:active{cursor:grabbing}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:1rem;pointer-events:auto;box-shadow:0 4px 20px #00000080}header{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:100}.logo{font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.scale-display{text-align:right}.scale-value{display:block;font-size:1.5rem;font-weight:600;color:var(--accent-color)}.scale-context{font-size:.9rem;opacity:.7}.centered-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:200;max-width:800px;width:90%}.theme-cards{display:flex;gap:20px;margin-top:2rem;justify-content:center;flex-wrap:wrap}.theme-card{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:2rem;width:200px;cursor:pointer;transition:all .3s ease}.theme-card:hover{background:#ffffff1a;transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 0 20px var(--accent-glow)}.card-icon{font-size:3rem;margin-bottom:1rem}.key-form{display:flex;gap:10px;justify-content:center;margin-top:1.5rem}.key-form input{background:#ffffff0f;border:1px solid var(--glass-border);border-radius:24px;padding:12px 20px;color:var(--text-color);font-family:inherit;font-size:1rem;width:260px}.key-form input:focus{outline:none;border-color:var(--accent-color)}.key-error{color:#ff9a9a;font-size:.9rem;margin-bottom:0}#loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:2rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:300}.loader{width:40px;height:40px;border:4px solid var(--accent-color);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.controls{position:absolute;bottom:20px;left:20px;display:flex;gap:10px;align-items:center}.icon-btn{background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.icon-btn:hover{background:#fff3}.action-bar{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:12px}.auto-toggle{display:flex;align-items:center;gap:6px;font-size:.9rem;opacity:.8;cursor:pointer;-webkit-user-select:none;user-select:none}.auto-toggle input{accent-color:var(--accent-color);cursor:pointer}.primary-btn{background:var(--accent-color);color:#000;border:none;padding:12px 24px;border-radius:24px;font-weight:600;cursor:pointer;font-size:1rem;transition:transform .2s}.primary-btn:hover:not(:disabled){transform:scale(1.05)}.primary-btn:disabled{opacity:.5;cursor:wait}#error-toast{position:absolute;top:100px;left:50%;transform:translate(-50%);max-width:560px;display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:12px;background:#3c0c0ceb;border:1px solid rgba(255,120,120,.4);font-size:.9rem;line-height:1.4;pointer-events:auto;z-index:400}.error-dismiss{background:none;border:none;color:inherit;opacity:.6;cursor:pointer;font-size:.9rem;padding:0}.error-dismiss:hover{opacity:1}.debug-info{margin-left:10px;font-size:.8rem;font-family:monospace;opacity:.5}