body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}*,:after,:before,body{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tts-button-container{gap:4px;position:relative}.tts-button,.tts-button-container{align-items:center;display:inline-flex}.tts-button{background:#f0f0f0;background:var(--theme-button-bg,#f0f0f0);border:1px solid #ccc;border:1px solid var(--theme-button-border,#ccc);border-radius:6px;color:#333;color:var(--theme-button-text,#333);cursor:pointer;font-family:inherit;font-weight:500;gap:6px;transition:all .3s ease}.tts-button:hover:not(:disabled){background:#e0e0e0;background:var(--theme-button-hover,#e0e0e0)}.tts-button:disabled{cursor:not-allowed;opacity:.6}.tts-button-small{font-size:12px;padding:4px 8px}.tts-button-medium{font-size:14px;padding:6px 12px}.tts-button-large{font-size:16px;padding:8px 16px}.tts-button-loading{animation:tts-pulse 1s ease-in-out infinite}.tts-button-loading,.tts-button-playing{background:#4a9eff;background:var(--theme-accent,#4a9eff);color:#fff;transition:background-color .3s ease,color .3s ease}@keyframes tts-pulse{0%,to{opacity:1}50%{opacity:.7}}.tts-button-loading-icon{animation:tts-spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes tts-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tts-button-icon,.tts-button-playing-icon{font-size:1.1em}.tts-button-text{font-size:.9em}.tts-voice-selector{position:relative}.tts-voice-toggle{align-items:center;background:#f0f0f0;background:var(--theme-button-bg,#f0f0f0);border:none;border-radius:4px;color:#333;color:var(--theme-button-text,#333);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.tts-voice-toggle:hover{background:#e0e0e0;background:var(--theme-button-hover,#e0e0e0)}.tts-voice-dropdown{background:#fff;background:var(--theme-background,#fff);border:1px solid #ccc;border:1px solid var(--theme-border-color,#ccc);border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:4px;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.tts-voice-option{align-items:center;background:#0000;border:none;color:#333;color:var(--theme-text-primary,#333);cursor:pointer;display:flex;gap:8px;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.tts-voice-option:hover{background:#f5f5f5;background:var(--theme-background-hover,#f5f5f5)}.tts-voice-option-selected{background:#4a9eff;background:var(--theme-accent,#4a9eff);color:#fff}.tts-voice-option-selected:hover{background:#3d8bff;background:var(--theme-accent-hover,#3d8bff)}.tts-voice-gender{flex-shrink:0;font-size:16px}.tts-voice-info{flex:1 1;min-width:0}.tts-voice-group{border-bottom:1px solid #eee;border-bottom:1px solid var(--theme-border-color,#eee)}.tts-voice-group:last-child{border-bottom:none}.tts-voice-group-header{background:#f8f8f8;background:var(--theme-background-subtle,#f8f8f8);border-bottom:1px solid #eee;border-bottom:1px solid var(--theme-border-color,#eee);color:#666;color:var(--theme-text-secondary,#666);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px 4px;text-transform:uppercase}.tts-voice-display-name{color:#333;color:var(--theme-text-primary,#333);font-size:13px;font-weight:500;line-height:1.2}.tts-voice-variant{color:#666;color:var(--theme-text-secondary,#666);font-size:11px;line-height:1.2;opacity:.8}.tts-error{background:#f44;border-radius:4px;color:#fff;display:flex;flex-direction:column;font-size:12px;gap:4px;left:0;margin-top:4px;min-width:200px;padding:8px;position:absolute;top:100%;white-space:nowrap;z-index:1000}.tts-error-message{font-weight:500}.tts-retry-button{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:11px;gap:4px;padding:4px 8px;transition:all .2s ease}.tts-retry-button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80}.tts-retry-button:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] .tts-button{background:#444;background:var(--theme-button-bg,#444);border-color:#555;border-color:var(--theme-button-border,#555);color:#fff;color:var(--theme-button-text,#fff)}[data-theme=dark] .tts-button:hover:not(:disabled){background:#555;background:var(--theme-button-hover,#555)}[data-theme=dark] .tts-voice-toggle{background:#444;background:var(--theme-button-bg,#444);color:#fff;color:var(--theme-button-text,#fff)}[data-theme=dark] .tts-voice-toggle:hover{background:#555;background:var(--theme-button-hover,#555)}[data-theme=dark] .tts-voice-dropdown{background:#333;background:var(--theme-background,#333);border-color:#555;border-color:var(--theme-border-color,#555)}[data-theme=dark] .tts-voice-option{color:#fff;color:var(--theme-text-primary,#fff)}[data-theme=dark] .tts-voice-option:hover{background:#444;background:var(--theme-background-hover,#444)}[data-theme=dark] .tts-voice-group-header{background:#2a2a2a;background:var(--theme-background-subtle,#2a2a2a);border-bottom-color:#444;border-bottom-color:var(--theme-border-color,#444);color:#999;color:var(--theme-text-secondary,#999)}[data-theme=dark] .tts-voice-display-name{color:#fff;color:var(--theme-text-primary,#fff)}[data-theme=dark] .tts-voice-variant{color:#999;color:var(--theme-text-secondary,#999)}.kanji-canvas-dropdown{background-color:#1a1a1a;border:1px solid #555;border-radius:8px;box-shadow:0 8px 16px #0000004d;left:0;margin-top:.5rem;max-height:80vh;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.kanji-canvas-header{background-color:#222;border-bottom:1px solid #333;border-radius:8px 8px 0 0;padding:.75rem 1rem}.kanji-canvas-header h3{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;line-height:1.2;margin:0}.kanji-canvas-header .close-button{align-items:center;background:none;border:none;border-radius:4px;color:#ccc;color:var(--theme-text-secondary,#ccc);cursor:pointer;display:inline-flex;font-size:1.5rem;height:auto;justify-content:center;line-height:1;margin-top:0;padding:.25rem .5rem;position:static;transition:all .2s ease;width:auto}.kanji-canvas-header .close-button:hover{background:#ffffff1a;background:var(--theme-background-hover,#ffffff1a);color:#fff;color:var(--theme-text-primary,#fff)}.kanji-canvas-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.predictions-below{background-color:#222;border:1px solid #333;border-radius:6px;margin-top:.5rem;padding:.75rem}.predictions-grid{display:flex;flex-wrap:wrap;gap:.2rem;justify-content:center;padding:.5rem}.prediction-character{align-items:center;background-color:#333!important;border:1px solid #444;border-radius:4px;box-shadow:inset 0 0 0 1000px #333;cursor:pointer;display:flex;height:48px;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;overflow:hidden;padding:.5rem .75rem;transition:all .2s ease;width:auto}.prediction-character:hover{background-color:#444!important;border-color:#555;box-shadow:inset 0 0 0 1000px #444;transform:translateY(-1px)}.prediction-character .tone-colored-character{align-items:center;background:#0000;display:flex;height:100%;justify-content:center;width:100%}.prediction-character .tone-colored-character .character-display{background:#0000}.prediction-character .character-display{display:inline-block;font-size:1.75rem!important;line-height:1;margin:0;padding:0;white-space:nowrap}.no-predictions{color:#666;min-height:75px;text-align:center;width:100%}.loading-text,.no-predictions,.recognizing-text,.start-drawing-text{align-items:center;display:flex;font-size:.9rem;justify-content:center;padding:.5rem}.loading-text,.recognizing-text,.start-drawing-text{line-height:1.2;margin:0;min-height:2.5rem}.recognizing-text{color:#4ecdc4;font-weight:500}.start-drawing-text{color:#888;font-style:italic}.loading-text{align-items:center;color:#ccc;display:flex;font-weight:500;justify-content:center;position:relative}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #444;border-radius:50%;border-top-color:#7dd3fc;height:20px;margin-right:.5rem;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.canvas-container{background-color:#222;border:1px solid #333;border-radius:6px;display:flex;justify-content:center;padding:.75rem}.kanji-canvas{background-color:#fff;background-image:radial-gradient(circle at 20% 20%,#00000005 1px,#0000 0),radial-gradient(circle at 80% 80%,#00000005 1px,#0000 0);background-position:0 0,10px 10px;background-size:20px 20px;border:1px solid #444;border-radius:4px;box-shadow:inset 0 0 10px #0000001a;cursor:crosshair;touch-action:none}.kanji-canvas:focus,.kanji-canvas:hover{border-color:#667eea}.kanji-canvas:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}.kanji-canvas-controls{display:flex;gap:.75rem;justify-content:center}.clear-button,.recognize-button,.undo-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;height:2.5rem;justify-content:center;min-width:100px;padding:.5rem 1rem;text-align:center;transition:all .2s ease}.clear-button{align-items:center!important;background-color:#444;color:#fff;display:flex!important;height:2.5rem!important;justify-content:center!important}.clear-button:hover:not(:disabled){background-color:#555}.undo-button{background-color:#4ecdc4;color:#fff}.undo-button:hover:not(:disabled){background-color:#44a08d}.recognize-button{background-color:#007acc;color:#fff}.recognize-button:hover:not(:disabled){background-color:#005a9e}.clear-button:disabled,.recognize-button:disabled,.undo-button:disabled{background-color:#333;color:#666;cursor:not-allowed}@media (max-width:768px){.kanji-canvas-dropdown{display:flex;flex-direction:column;max-height:85vh}.kanji-canvas-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-height:0;padding:.5rem}.canvas-container{flex-shrink:0;padding:.25rem}.kanji-canvas{height:auto;max-height:250px;max-width:250px;width:100%}.predictions-below{flex-shrink:0;min-height:90px}.kanji-canvas-controls{align-items:center;flex-direction:row;flex-shrink:0;flex-wrap:wrap;gap:.3rem;justify-content:center;margin-top:auto;padding-top:.3rem}.clear-button,.recognize-button,.undo-button{flex:1 1;font-size:.75rem;max-width:110px;min-width:75px;padding:.35rem .5rem}.prediction-character{font-size:.85rem;padding:.25rem .4rem}.predictions-grid{gap:.15rem;padding:.3rem}}.speech-dropdown{background:#2a2a2a;background:var(--theme-background-secondary,#2a2a2a);border:1px solid #555;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:4px;max-height:80vh;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.speech-header{background:#333;background:var(--theme-background-tertiary,#333);border-bottom:1px solid #555;border-radius:8px 8px 0 0;padding:.75rem 1rem}.speech-header h3{align-items:center;color:#fff;color:var(--theme-text-primary,#fff);display:flex;font-size:1rem;font-weight:600;justify-content:space-between;line-height:1.2;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;box-sizing:border-box!important;color:#888;cursor:pointer;display:flex!important;flex-shrink:0!important;font-size:1.2rem;justify-content:center;line-height:1;margin-left:.5rem;margin-right:-10px;margin-top:-10px;max-height:24px!important;min-height:24px!important;padding:0!important;transition:all .2s ease;vertical-align:middle}.close-button,.close-button:hover{height:24px!important;width:24px!important}.close-button:hover{background:#555!important;color:#fff}.speech-content{padding:1rem}.speech-status{margin-bottom:1rem;text-align:center}.status-text{color:#fff;color:var(--theme-text-primary,#fff);font-size:.9rem;margin-bottom:.5rem}.current-language{color:#ccc;color:var(--theme-text-secondary,#ccc);font-size:.8rem}.browser-info{background:#333;background:var(--theme-background-tertiary,#333);border-left:4px solid #2196f3;border-radius:6px;margin-top:.75rem;padding:.75rem;text-align:left}.browser-name{color:#fff;color:var(--theme-text-primary,#fff);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.setup-instructions{margin-top:.5rem}.setup-instructions h4{font-size:.8rem;font-weight:600;margin:0 0 .5rem}.setup-instructions h4,.setup-instructions ul{color:#ccc;color:var(--theme-text-secondary,#ccc)}.setup-instructions ul{font-size:.75rem;line-height:1.4;margin:0;padding-left:1.2rem}.setup-instructions li{margin-bottom:.25rem}.whisper-info{background:#333;background:var(--theme-background-tertiary,#333);border-left:4px solid #4caf50;border-radius:6px;margin-top:.75rem;padding:.75rem;text-align:left}.api-name{color:#fff;color:var(--theme-text-primary,#fff);font-size:.9rem;font-weight:600;margin-bottom:.25rem}.api-description{color:#ccc;color:var(--theme-text-secondary,#ccc);font-size:.75rem;line-height:1.4}.permission-warning{background:#ff6b6b1a;border-left:3px solid #ff6b6b;color:#ff6b6b}.macos-permission-info,.permission-warning{border-radius:4px;font-size:.8rem;margin-top:.5rem;padding:.5rem}.macos-permission-info{background:#4ecdc41a;border-left:3px solid #4ecdc4;color:#4ecdc4}.speech-controls{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.clear-button,.listen-button,.search-button{align-items:center;background:#444;border:1px solid #555;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.clear-button:hover:not(:disabled),.listen-button:hover:not(:disabled),.search-button:hover:not(:disabled){background:#555;border-color:#666}.clear-button:disabled,.listen-button:disabled,.search-button:disabled{background:#333;border-color:#444;cursor:not-allowed;opacity:.6}.permission-button{background:#4ecdc4;border:none;color:#fff;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.permission-button:hover{background:#45b7b8;transform:translateY(-1px)}.permission-button:active{transform:translateY(0)}.transcript-display{background:#333;background:var(--theme-background-tertiary,#333);border:1px solid #555;border-radius:6px;margin-bottom:1rem;min-height:80px;padding:.75rem}.transcript-label{color:#ccc;color:var(--theme-text-secondary,#ccc);font-size:.8rem;font-weight:500;margin-bottom:.5rem}.transcript-text{color:#fff;color:var(--theme-text-primary,#fff);font-size:.9rem;font-style:italic;line-height:1.4;min-height:40px}.voice-commands{margin-bottom:1rem}.voice-commands h4{color:#fff;color:var(--theme-text-primary,#fff);font-size:.9rem;font-weight:600;margin:0 0 .5rem}.commands-list{background:#333;background:var(--theme-background-tertiary,#333);border:1px solid #555;border-radius:6px;padding:.75rem}.command-item{color:#ccc;color:var(--theme-text-secondary,#ccc);font-size:.8rem;line-height:1.3;margin-bottom:.25rem}.command-item:last-child{margin-bottom:0}@media (max-width:768px){.speech-dropdown{left:-10px;right:-10px}.speech-controls{flex-direction:column}.clear-button,.listen-button,.search-button{justify-content:center;width:100%}}.live-transcript-indicator{align-items:center;color:#4a9eff;color:var(--theme-accent,#4a9eff);display:flex;font-size:.875rem;font-style:italic;gap:.5rem;margin-top:.5rem}.live-dot{animation:pulse 1.5s ease-in-out infinite;color:#f44}.pronunciation-panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin:1rem 0;overflow:visible}.pronunciation-content{background:#0000;overflow:visible;padding:1rem}.pronunciation-controls{align-items:center;display:flex;gap:.75rem}.pronunciation-text{align-items:center;color:#f8f8f2;color:var(--theme-text-primary,#f8f8f2);display:flex;flex:1 1;font-size:1.25rem;font-weight:600;min-height:2.5rem}.pronunciation-character{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:0;height:100%;padding-top:1rem!important}.pronunciation-character .character-display,.pronunciation-character .tone-colored-character .character-display,.pronunciation-text .character-display,.pronunciation-text .tone-colored-character .character-display{font-family:Hanazono Mincho Lite CJK,Noto Sans SC,Noto Sans TC,Source Han Sans SC,sans-serif!important}.voice-dropdown-container{position:relative}.voice-dropdown-button{align-items:center;background:#444;background:var(--theme-button-bg,#444);border:1px solid #555;border:1px solid var(--theme-button-border,#555);border-radius:6px;color:#fff;color:var(--theme-button-text,#fff);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;min-width:200px;padding:.5rem .75rem;transition:all .2s ease}.voice-dropdown-button:hover{background:#555;background:var(--theme-button-hover,#555);border-color:#ff69b4;border-color:var(--theme-accent,#ff69b4)}.voice-gender{flex-shrink:0;font-size:1rem}.voice-label{flex:1 1;font-size:.85rem;text-align:left}.dropdown-arrow{flex-shrink:0;font-size:.8rem}.voice-dropdown{background:#272822;background:var(--theme-background,#272822);border:1px solid #555;border:1px solid var(--theme-border-color,#555);border-radius:6px;box-shadow:0 4px 12px #0000004d;margin-top:.25rem;max-height:300px;min-width:200px;overflow-x:visible;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.voice-dropdown-option{align-items:center;background:#0000;border:none;color:#f8f8f2;color:var(--theme-text-primary,#f8f8f2);cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem;text-align:left;transition:background-color .2s ease;width:100%}.voice-dropdown-option:hover{background:#444;background:var(--theme-background-hover,#444)}.voice-dropdown-option.selected{background:#ff69b4;background:var(--theme-accent,#ff69b4);color:#fff}.voice-dropdown-option.selected:hover{background:#ff87c3;background:var(--theme-accent-hover,#ff87c3)}.voice-dropdown-option .voice-gender{flex-shrink:0;font-size:.9rem}.voice-dropdown-option .voice-info{flex:1 1;font-size:.8rem}.voice-group{border-bottom:1px solid #444;border-bottom:1px solid var(--theme-border-color,#444)}.voice-group:last-child{border-bottom:none}.voice-group-header{background:#2a2a2a;background:var(--theme-background-subtle,#2a2a2a);border-bottom:1px solid #444;border-bottom:1px solid var(--theme-border-color,#444);color:#999;color:var(--theme-text-secondary,#999);font-size:10px;font-weight:600;letter-spacing:.5px;padding:6px 12px 4px;text-transform:uppercase}.voice-display-name{color:#f8f8f2;color:var(--theme-text-primary,#f8f8f2);font-size:.8rem;font-weight:500;line-height:1.2}.voice-variant{color:#999;color:var(--theme-text-secondary,#999);font-size:.7rem;line-height:1.2;opacity:.8}[data-theme=light] .pronunciation-text{color:#333;color:var(--theme-text-primary,#333)}[data-theme=light] .voice-dropdown-button{background:#f0f0f0;background:var(--theme-button-bg,#f0f0f0);border-color:#ccc;border-color:var(--theme-button-border,#ccc);color:#333;color:var(--theme-button-text,#333)}[data-theme=light] .voice-dropdown-button:hover{background:#e0e0e0;background:var(--theme-button-hover,#e0e0e0);border-color:#4a9eff;border-color:var(--theme-accent,#4a9eff)}[data-theme=light] .voice-dropdown{background:#fff;background:var(--theme-background,#fff);border-color:#ddd;border-color:var(--theme-border-color,#ddd)}[data-theme=light] .voice-dropdown-option{color:#333;color:var(--theme-text-primary,#333)}[data-theme=light] .voice-dropdown-option:hover{background:#f5f5f5;background:var(--theme-background-hover,#f5f5f5)}[data-theme=light] .voice-group-header{background:#f8f8f8;background:var(--theme-background-subtle,#f8f8f8);border-bottom-color:#ddd;border-bottom-color:var(--theme-border-color,#ddd);color:#666;color:var(--theme-text-secondary,#666)}[data-theme=light] .voice-display-name{color:#333;color:var(--theme-text-primary,#333)}[data-theme=light] .voice-variant{color:#666;color:var(--theme-text-secondary,#666)}.pronunciation-show-more{border-top:1px solid #ffffff1a;display:flex;justify-content:center;margin-top:1rem;padding-top:1rem}.show-more-button{align-items:center;background:#444;background:var(--theme-button-bg,#444);border:1px solid #555;border:1px solid var(--theme-button-border,#555);border-radius:6px;color:#fff;color:var(--theme-button-text,#fff);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.show-more-button:hover{background:#555;background:var(--theme-button-hover,#555);border-color:#ff69b4;border-color:var(--theme-accent,#ff69b4);transform:translateY(-1px)}.show-more-text{font-size:.9rem}.show-more-arrow{font-size:.8rem;transition:transform .2s ease}.pronunciation-expanded-content{animation:slideDown .3s ease-out;border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}[data-theme=light] .pronunciation-show-more{border-top-color:#ddd;border-top-color:var(--theme-border-color,#ddd)}[data-theme=light] .show-more-button{background:#f0f0f0;background:var(--theme-button-bg,#f0f0f0);border-color:#ccc;border-color:var(--theme-button-border,#ccc);color:#333;color:var(--theme-button-text,#333)}[data-theme=light] .show-more-button:hover{background:#e0e0e0;background:var(--theme-button-hover,#e0e0e0);border-color:#4a9eff;border-color:var(--theme-accent,#4a9eff)}[data-theme=light] .pronunciation-expanded-content{border-top-color:#ddd;border-top-color:var(--theme-border-color,#ddd)}@media (max-width:768px){.pronunciation-controls{align-items:stretch;flex-direction:column;gap:.5rem}.pronunciation-text{font-size:1.1rem;text-align:center}.voice-dropdown-button{min-width:auto;width:100%}.voice-dropdown{left:0;right:auto;width:100%}}.pronunciation-systems-container{background:#ffffff0d;background:var(--panel-bg,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--panel-border,#ffffff1a);border-radius:8px;border-radius:var(--panel-border-radius,8px);margin-top:10px;padding:20px}.pronunciation-header{margin-bottom:20px;text-align:left}.pronunciation-header h2{color:#fff;color:var(--theme-text-primary,#fff);font-size:1.1rem;font-weight:500;margin:0 0 8px;text-align:left}.pronunciation-description{color:#999;font-size:.9rem;font-weight:500;margin:0;text-align:left}.pronunciation-section{background:#ffffff0d;background:var(--panel-bg,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--panel-border,#ffffff1a);border-radius:8px;border-radius:var(--panel-border-radius,8px);box-shadow:0 2px 4px #0000001a;box-sizing:border-box;margin-bottom:16px;overflow:hidden;width:100%}.section-header{border-left:4px solid #66d9ef;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:16px 20px;transition:background-color .2s ease;width:100%}.section-header:hover{background-color:#ffffff14;background-color:var(--theme-background-hover,#ffffff14)}.section-title{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:8px}.section-subtitle{color:#ccc;font-size:.85rem;font-weight:500;margin-left:20px}.section-content{background:#3d3e38;background:var(--theme-background-secondary,#3d3e38);border-radius:0 0 8px 8px;box-sizing:border-box;margin-top:1px;padding:0 20px 20px;width:100%}.dialect-pronunciations,.regional-pronunciations,.standard-pronunciations{box-sizing:border-box;margin-right:0;margin-top:16px;padding-right:0;width:100%}.regional-pronunciations h4,.standard-pronunciations h4{color:#ccc;font-size:.9rem;font-weight:500;margin:16px 0 12px}.standard-pronunciations:first-of-type h4{margin-top:0}.pronunciation-system{background:#ffffff0d;background:var(--panel-bg,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--panel-border,#ffffff1a);border-radius:6px;box-sizing:border-box;margin-bottom:12px;margin-right:0;overflow:hidden;width:100%}.pronunciation-system:last-child{margin-bottom:0}.pronunciation-system-header{align-items:center;background:#ffffff0d;background:var(--panel-bg,#ffffff0d);box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease;width:100%}.pronunciation-system-header:hover{background:#ffffff14;background:var(--theme-background-hover,#ffffff14)}.system-name{font-size:.95rem;font-weight:500}.system-arrow,.system-count{color:#888;font-size:.8rem}.pronunciation-system-content{background:#4a4b45;background:var(--theme-background-tertiary,#4a4b45);border-radius:0 0 6px 6px;box-sizing:border-box;padding:12px 16px;width:100%}.system-description{color:#ccc;font-size:.8rem;font-style:italic;margin-bottom:8px}.pronunciation-values{display:block;margin:0;padding:0;width:100%}.pronunciation-values>*{display:inline-block;margin-bottom:8px;margin-right:8px}.pronunciation-values>:last-child{margin-right:0}.pronunciation-value{align-items:center;background:#3d3e38;background:var(--theme-background-secondary,#3d3e38);border:1px solid #555;border:1px solid var(--theme-border-color,#555);border-radius:6px;color:#888;display:flex;font-family:Courier New,monospace;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.pronunciation-value:hover{background:#5a5b55;background:var(--theme-background-hover,#5a5b55);box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.all-languages-list{display:flex;flex-wrap:wrap;gap:8px}.language-tag{background:#272822cc;border-radius:16px;color:#f8f8f2;font-size:.85rem;font-weight:500;padding:6px 12px}.no-data-message{color:#888;padding:40px 20px;text-align:center}.no-data-message h3{color:#888;margin:0 0 8px}.no-data-message p{font-size:.9rem;margin:0}[data-theme=light] .pronunciation-section,[data-theme=light] .pronunciation-systems-container{background:#0000000d;background:var(--panel-bg,#0000000d);border-color:#0000001a;border-color:var(--panel-border,#0000001a)}[data-theme=light] .pronunciation-section{box-shadow:0 2px 4px #0000000d}[data-theme=light] .section-content{background:#00000014;background:var(--theme-background-secondary,#00000014)}[data-theme=light] .pronunciation-system-content{background:#0000001f;background:var(--theme-background-tertiary,#0000001f)}[data-theme=light] .section-header:hover{background-color:#00000014;background-color:var(--theme-background-hover,#00000014)}@media (max-width:768px){.pronunciation-panel{margin:.5rem 0}.pronunciation-content{padding:.75rem}}[data-theme=light] .pronunciation-system-header{background:#0000000d;background:var(--panel-bg,#0000000d)}[data-theme=light] .pronunciation-system-header:hover{background:#ffffff14;background:var(--theme-background-hover,#ffffff14)}[data-theme=light] .pronunciation-value{background:#00000014;background:var(--theme-background-secondary,#00000014);border-color:#00000026;border-color:var(--theme-border-color,#00000026);color:#666}[data-theme=light] .pronunciation-value:hover{background:#0000001f;background:var(--theme-background-hover,#0000001f)}[data-theme=light] .language-tag{background:#f8f8f2cc;color:#272822}.voice-search-panel{animation:slideDown .3s ease-out;background:#2a2a2a;background:var(--theme-background-secondary,#2a2a2a);border:1px solid #555;border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;flex-direction:column;gap:4px;left:0!important;margin-bottom:4px;min-height:65px;padding:6px 12px;position:fixed!important;right:0!important;top:0!important;z-index:10001!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:769px){@keyframes slideDownDesktop{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.voice-search-panel{animation:slideDownDesktop .3s ease-out!important}}.voice-search-header{align-items:center;display:flex;flex:0 0 auto;justify-content:space-between;margin-bottom:0}.voice-search-header h3{align-items:center;color:#fff;color:var(--theme-text-primary,#fff);display:flex;font-size:12px;font-weight:600;gap:8px;margin:0}.voice-search-header .current-language{background:#333;background:var(--theme-background-tertiary,#333);border:1px solid #555;border-radius:3px;color:#888;color:var(--theme-text-secondary,#888);font-size:11px;font-weight:500;padding:2px 6px}.voice-close-button{align-items:center;background:none;border:none;border-radius:4px;box-sizing:border-box!important;color:#888;cursor:pointer;display:flex!important;flex-shrink:0!important;font-size:1.2rem;height:24px!important;justify-content:center;line-height:1;margin-left:.5rem;margin-right:-10px;max-height:24px!important;min-height:24px!important;padding:0!important;transition:all .2s ease;vertical-align:middle;width:24px!important}.voice-close-button:hover{background:#555!important;color:#fff;height:24px!important;width:24px!important}.voice-search-transcript-full{align-items:center;background:#1a1a1a;background:var(--theme-background,#1a1a1a);border:1px solid #555;border-radius:4px;color:#fff;color:var(--theme-text-primary,#fff);display:flex;font-family:inherit;font-size:12px;height:auto;line-height:1.3;margin-bottom:6px;min-height:28px;overflow-x:auto;padding:4px 8px;white-space:nowrap;width:100%}.voice-search-status-button{align-items:stretch;display:flex;flex:0 0 auto;margin-right:auto;max-width:none;min-width:120px;width:-webkit-fit-content;width:fit-content}.voice-search-action-buttons{align-items:stretch;display:flex;gap:.5rem}.status-text{align-items:center;background:#333;background:var(--theme-background-tertiary,#333);border:1px solid #555;border-radius:6px;color:#888;color:var(--theme-text-secondary,#888);display:flex;font-size:.8rem;font-weight:500;height:36px;justify-content:flex-start;line-height:1.2;min-height:36px;overflow-x:auto;padding:.5rem .75rem;text-align:left;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.status-text.status-hidden{opacity:0;visibility:hidden}.voice-search-controls{align-items:stretch;display:flex;flex:0 0 auto;gap:.5rem;justify-content:space-between;margin-top:auto}.voice-search-panel .clear-button,.voice-search-panel .listen-button,.voice-search-panel .search-button{align-items:center;background:#444;border:1px solid #555;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;gap:.25rem;height:36px!important;justify-content:center;min-height:36px!important;padding:.5rem .75rem!important;transition:all .2s ease}.voice-search-panel .clear-button:hover:not(:disabled),.voice-search-panel .listen-button:hover:not(:disabled),.voice-search-panel .search-button:hover:not(:disabled){background:#555;border-color:#666}.voice-search-panel .clear-button:disabled,.voice-search-panel .listen-button:disabled,.voice-search-panel .search-button:disabled{background:#333;border-color:#444;cursor:not-allowed;opacity:.6}.listen-button.listening{animation:pulse 1.5s infinite;background:#d32f2f;border-color:#f44336}.permission-button{align-items:center;background:linear-gradient(135deg,#4a9eff,#0f8)!important;border:none!important;border-radius:6px;box-shadow:0 2px 8px #4a9eff4d!important;color:#fff!important;cursor:pointer;display:flex;font-size:.8rem;font-weight:700!important;height:36px;justify-content:center;min-height:36px;padding:.5rem .75rem;text-shadow:0 1px 2px #0000004d!important;transition:all .3s ease!important}.permission-button:hover:not(:disabled){background:linear-gradient(135deg,#3a8eef,#00e078)!important;box-shadow:0 4px 12px #4a9eff66!important;transform:translateY(-2px)!important}.permission-button:active{transform:translateY(0)!important}.permission-button:disabled{background:#666!important;box-shadow:none!important;cursor:not-allowed;transform:none!important}@keyframes pulse{0%{box-shadow:0 0 0 0 #d32f2fb3}70%{box-shadow:0 0 0 10px #d32f2f00}to{box-shadow:0 0 0 0 #d32f2f00}}@media (max-width:768px){.voice-search-panel{bottom:auto!important;left:0!important;margin-bottom:0!important;min-height:auto;padding:6px 8px;position:fixed!important;right:0!important;top:0!important;transform:none!important;width:100%!important;z-index:10001!important}.voice-search-header{display:none}.voice-search-transcript-container{align-items:flex-end;display:flex;gap:6px;margin-bottom:0;padding-bottom:2px}.voice-search-transcript-container .voice-search-label.mobile-only{color:#fff;color:var(--theme-text-primary,#fff);display:inline-block!important;flex-shrink:0;font-size:11px;font-weight:600;white-space:nowrap}.voice-search-transcript-full{flex:1 1;font-size:11px;height:25px;margin:0;min-height:25px;padding:2px 6px}.voice-close-button.mobile-only{display:block!important;flex-shrink:0;font-size:1rem;height:20px;margin:0;max-height:20px;min-height:20px;padding:0;width:20px}.voice-search-controls{align-items:center;display:flex;gap:6px;margin-top:0;padding:0}.voice-search-status-button{flex:0 0 auto;margin-right:auto;max-width:none;min-width:auto;width:-webkit-fit-content;width:fit-content}.status-text{font-size:.7rem;height:auto;justify-content:flex-start;min-height:25px;overflow-x:auto;padding:.1rem .5rem;text-align:left;white-space:nowrap}.language-dropdown-container{flex-shrink:0;position:relative}.language-dropdown-header{align-items:center;background:#333;background:var(--theme-background-tertiary,#333);border:1px solid #555;border-radius:6px;cursor:pointer;display:flex;height:25px;justify-content:center;min-height:25px;padding:.1rem .5rem;transition:background-color .2s ease}.language-dropdown-header:hover{background-color:#ffffff14;background-color:var(--theme-background-hover,#ffffff14)}.language-dropdown-title{align-items:center;display:flex;font-size:.7rem;font-weight:600;gap:4px;white-space:nowrap}.language-dropdown-content{background:#2a2a2a;background:var(--theme-background-secondary,#2a2a2a);border:1px solid #555;border-radius:6px;box-shadow:0 4px 12px #0000004d;left:0;max-height:140px;min-width:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.language-option{align-items:flex-start;border-bottom:1px solid #444;cursor:pointer;display:flex;gap:6px;min-height:36px;padding:.3rem .5rem;transition:background-color .2s ease}.language-option:last-child{border-bottom:none}.language-option:hover{background-color:#ffffff14;background-color:var(--theme-background-hover,#ffffff14)}.language-option.selected{background-color:#4a9eff;background-color:var(--theme-accent,#4a9eff);color:#fff}.language-flag{flex-shrink:0;font-size:.9rem;margin-top:1px;text-align:center;width:20px}.language-text-container{display:flex;flex:1 1;flex-direction:column;gap:1px}.language-name{color:#fff;color:var(--theme-text-primary,#fff);font-size:.7rem;font-weight:500;line-height:1.2}.language-english{color:#ccc;font-size:.65rem;font-weight:400;line-height:1.2}.current-language.desktop-only{display:none}.voice-close-button.desktop-only,.voice-search-label.desktop-only{display:none!important}.voice-search-action-buttons{align-items:center;display:flex;gap:4px}.voice-search-panel .clear-button,.voice-search-panel .search-button{font-size:.7rem;height:25px;min-height:25px;padding:.1rem .5rem}.voice-search-panel .clear-button,.voice-search-panel .listen-button,.voice-search-panel .search-button{-webkit-tap-highlight-color:transparent;background:#444;border:1px solid #555;border-radius:6px;cursor:pointer;position:relative;touch-action:manipulation;z-index:10}.voice-search-panel .listen-button{font-size:.7rem!important;height:25px!important;max-height:25px!important;min-height:25px!important;padding:.1rem .5rem!important}.permission-button{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#4a9eff,#0f8)!important;border:none!important;border-radius:6px;color:#fff!important;cursor:pointer;font-size:.7rem;height:25px;min-height:25px;padding:.1rem .5rem;position:relative;touch-action:manipulation;z-index:10}.voice-search-panel .listen-button.listening{background:linear-gradient(135deg,#ff4a4a,#f80)!important;border:none!important;border-radius:6px!important;color:#fff!important;font-size:.7rem!important;height:25px!important;max-height:25px!important;min-height:25px!important;padding:.1rem .5rem!important}.voice-search-panel .clear-button,.voice-search-panel .search-button{display:none}@media (max-width:768px){.voice-search-panel .clear-button{display:none!important}}}@media (min-width:769px){.voice-search-panel{left:50%!important;max-width:800px!important;min-width:320px!important;position:fixed!important;right:auto!important;top:60px!important;transform:translateX(-50%)!important;width:100%!important}.voice-search-transcript-container .voice-close-button.mobile-only,.voice-search-transcript-container .voice-search-label.mobile-only{display:none!important}}.current-language.desktop-only{display:inline-block}@media (min-width:769px){.voice-search-header{display:none}.voice-search-transcript-container{align-items:center;display:flex;gap:8px;margin-bottom:4px}.voice-search-label.desktop-only{color:#fff;color:var(--theme-text-primary,#fff);flex-shrink:0;font-size:14px;font-weight:600;white-space:nowrap}.voice-search-transcript-full{flex:1 1;font-size:14px;height:32px;margin:0;min-height:32px;padding:6px 12px}.voice-close-button.desktop-only{flex-shrink:0;font-size:1.2rem;height:32px;margin:0;max-height:32px;min-height:32px;padding:0;width:32px}.language-dropdown-container{flex-shrink:0;position:relative}.language-dropdown-header{align-items:center;background:#333;background:var(--theme-background-tertiary,#333);border:1px solid #555;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;min-height:36px;padding:.5rem .75rem;transition:background-color .2s ease}.language-dropdown-header:hover{background-color:#ffffff14;background-color:var(--theme-background-hover,#ffffff14)}.language-dropdown-title{align-items:center;display:flex;font-size:.8rem;font-weight:600;gap:6px;white-space:nowrap}.language-dropdown-content{background:#2a2a2a;background:var(--theme-background-secondary,#2a2a2a);border:1px solid #555;border-radius:6px;box-shadow:0 4px 12px #0000004d;left:0;max-height:180px;min-width:280px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.language-option{align-items:flex-start;border-bottom:1px solid #444;cursor:pointer;display:flex;gap:8px;min-height:48px;padding:.5rem .75rem;transition:background-color .2s ease}.language-option:last-child{border-bottom:none}.language-option:hover{background-color:#ffffff14;background-color:var(--theme-background-hover,#ffffff14)}.language-option.selected{background-color:#4a9eff;background-color:var(--theme-accent,#4a9eff);color:#fff}.language-flag{flex-shrink:0;font-size:1rem;margin-top:2px;text-align:center;width:24px}.language-text-container{display:flex;flex:1 1;flex-direction:column;gap:2px}.language-name{color:#fff;color:var(--theme-text-primary,#fff);font-size:.8rem;font-weight:500;line-height:1.2}.language-english{color:#ccc;font-size:.75rem;font-weight:400;line-height:1.2}.voice-search-controls{padding:0}.voice-search-transcript-full{margin-bottom:2px}}.legal-page{background:#0000;flex:1 1;overflow-y:auto;padding:2rem 1rem}.legal-container{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;box-shadow:0 8px 32px #0000004d;margin:0 auto;max-width:900px}.legal-header{align-items:center;border-bottom:1px solid var(--panel-border);display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.legal-header h1{color:#333;color:var(--theme-text-primary,#333);font-size:1.75rem;font-weight:600;margin:0}.legal-close-button{background:none;border:none;border-radius:4px;color:#666;color:var(--theme-text-secondary,#666);cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;transition:all .2s}.legal-close-button:hover{background:#0000000d;color:#333;color:var(--theme-text-primary,#333)}.legal-content{padding:2rem}.legal-updated{color:#666;color:var(--theme-text-secondary,#666);font-size:.875rem;font-style:italic;margin:0 0 2rem}.legal-section{margin-bottom:2.5rem}.legal-section:last-child{margin-bottom:0}.legal-section h2{color:#333;color:var(--theme-text-primary,#333);font-size:1.25rem;font-weight:600;margin:0 0 1rem;padding-top:.5rem}.legal-section h3{color:#4a9eff;color:var(--theme-accent,#4a9eff);font-size:1.05rem;font-weight:600;margin:1.5rem 0 .75rem}.legal-section p{color:#333;color:var(--theme-text-primary,#333);line-height:1.7;margin:0 0 1rem}.legal-section p:last-child{margin-bottom:0}.legal-section ul{list-style:none;margin:0 0 1rem;padding:0}.legal-section li{color:#333;color:var(--theme-text-primary,#333);line-height:1.7;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.legal-section li:before{color:#4a9eff;color:var(--theme-accent,#4a9eff);content:"•";font-size:1.5rem;left:0;line-height:1.4;position:absolute}.legal-section li strong{color:#333;color:var(--theme-text-primary,#333);font-weight:600}.legal-section a{color:#4a9eff;color:var(--theme-accent,#4a9eff);text-decoration:none;transition:color .2s}.legal-section a:hover{color:#5aafff;color:var(--theme-accent-hover,#5aafff);text-decoration:underline}@media (max-width:768px){.legal-page{padding:1rem .5rem}.legal-header{padding:1.5rem 1.5rem 1rem}.legal-header h1{font-size:1.5rem}.legal-content{padding:1.5rem}.legal-section h2{font-size:1.125rem}.legal-section h3{font-size:1rem}.legal-section{margin-bottom:2rem}}.out-of-coins-sliding-container{bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000}.out-of-coins-sliding-overlay{animation:overlayFadeIn .3s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.out-of-coins-sliding-panel{height:100%;overflow:hidden;position:relative;width:100%}.out-of-coins-main-panel{animation:modalSlideIn .3s ease-out;background:#2a2a2a;background:var(--theme-background-secondary,#2a2a2a);border:1px solid #555;border-radius:12px;bottom:0;box-shadow:0 8px 24px #0006;left:0;margin:auto;max-height:90vh;max-width:450px;overflow-y:auto;position:absolute;right:0;top:0;transition:transform .4s cubic-bezier(.4,0,.2,1);width:90%}.out-of-coins-main-panel.slide-left{transform:translateX(-100%)}.out-of-coins-payment-panel{background:#2a2a2a;background:var(--theme-background-secondary,#2a2a2a);border:1px solid #555;border-radius:12px;bottom:0;box-shadow:0 8px 24px #0006;left:0;margin:auto;max-height:90vh;max-width:450px;overflow-y:auto;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);width:90%}.out-of-coins-payment-panel.slide-in{transform:translateX(0)}.payment-panel-header{align-items:center;border-bottom:1px solid #555;display:flex;justify-content:space-between;padding:16px 20px 12px}.payment-panel-back{align-items:center;background:none;border:none;border-radius:6px;color:#ccc;color:var(--theme-text-secondary,#ccc);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s ease}.payment-panel-back:hover{background-color:#555;color:#fff}.payment-panel-title{color:var(--theme-text-primary);flex:1 1;font-size:1.5rem;font-weight:600;margin:0;text-align:center}.payment-panel-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--theme-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.payment-panel-close:hover{background-color:#555;color:#fff}.payment-panel-content{padding:20px}.payment-plan-summary{background:#1a1a1a;background:var(--theme-background-primary,#1a1a1a);border:1px solid #444;border-radius:12px;margin-bottom:24px;padding:20px}.plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.plan-header h3{color:var(--theme-text-primary);font-size:1.25rem;font-weight:600;margin:0}.popular-badge{background:linear-gradient(135deg,gold,orange);border-radius:12px;color:#000;font-size:.625rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.plan-price{align-items:baseline;display:flex;margin-bottom:8px}.plan-price .currency{color:gold;font-size:1.125rem;margin-right:2px}.plan-price .amount{color:gold;font-size:2rem;font-weight:700}.plan-price .period{color:var(--theme-text-secondary);font-size:1rem;margin-left:4px}.plan-description{color:var(--theme-text-secondary);font-size:.875rem;margin:0}.custom-amount-section{background:#1a1a1a;background:var(--theme-background-primary,#1a1a1a);border:1px solid #444;border-radius:12px;box-sizing:border-box;margin-bottom:24px;max-width:100%;overflow:hidden;padding:20px;width:100%}.custom-amount-section label{color:var(--theme-text-primary);display:block;font-weight:600;margin-bottom:8px}.amount-input-group{align-items:center;box-sizing:border-box;display:flex;margin-bottom:16px;max-width:100%;width:100%}.currency-symbol{color:gold;font-size:1.125rem;font-weight:500;margin-right:8px}.amount-input{-moz-appearance:textfield;background:var(--theme-background-secondary);border:2px solid #444;border-radius:8px;box-sizing:border-box;color:var(--theme-text-primary);flex:1 1;font-size:1.125rem;font-weight:600;max-width:100%;padding:12px 16px;transition:border-color .2s;width:100%}.amount-input::-webkit-inner-spin-button,.amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-input:focus{border-color:gold;box-shadow:0 0 0 3px #ffd7001a;outline:none}.preset-amounts{display:flex;flex-wrap:wrap;gap:8px}.preset-btn{background:var(--theme-background-secondary);border:2px solid #444;border-radius:8px;color:var(--theme-text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s}.preset-btn:hover{border-color:gold;color:gold}.preset-btn.active{background:gold;border-color:gold;color:#000}.paypal-subscription-section{background:#1a1a1a;background:var(--theme-background-primary,#1a1a1a);border:1px solid #444;border-radius:12px;box-sizing:border-box;margin-bottom:24px;max-width:100%;overflow:hidden;padding:20px}.paypal-subscription-section h4{color:var(--theme-text-primary);font-size:1rem;font-weight:600;margin:0 0 16px;text-align:center}.paypal-subscription-section>div{box-sizing:border-box;max-width:100%;overflow:hidden}.paypal-subscription-section .paypal-button,.paypal-subscription-section [data-paypal-button],.paypal-subscription-section iframe{box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.payment-error{background:#ff00001a;border:1px solid #ff00004d;border-radius:8px;color:#ff6b6b;font-size:.875rem;margin-bottom:20px;padding:12px;text-align:center}.payment-security{border-top:1px solid #555;padding-top:20px;text-align:center}.security-badges{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:12px}.security-badges span{font-weight:500}.security-badges span,.security-text{color:var(--theme-text-secondary);font-size:.75rem}.security-text{line-height:1.4;margin:0}@keyframes overlayFadeIn{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0}to{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:1}}@keyframes bannerFadeIn{0%{border-color:#ffd70000;box-shadow:0 0 0 #ffd70000,inset 0 0 0 #ffd70000;opacity:0;transform:translateY(10px) scale(.95)}to{border-color:gold;box-shadow:0 4px 12px #ffd70033,inset 0 1px 0 #ffd7001a;opacity:1;transform:translateY(0) scale(1)}}@keyframes bannerShimmer{0%,to{box-shadow:0 4px 12px #ffd70033,inset 0 1px 0 #ffd7001a}50%{box-shadow:0 6px 16px #ffd7004d,inset 0 1px 0 #ffd70033}}@keyframes bannerShine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes coinSpin{0%{transform:rotateY(0deg)}15%{transform:rotateY(180deg)}50%{transform:rotateY(180deg)}65%{transform:rotateY(0deg)}to{transform:rotateY(0deg)}}@keyframes coinGlow{0%{filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}to{filter:drop-shadow(0 0 16px rgba(255,215,0,.8))}}@keyframes coinPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes buttonGlow{0%{box-shadow:0 0 5px #3b82f633}to{box-shadow:0 0 20px #3b82f666}}@keyframes formFadeIn{0%{opacity:0;transform:translateX(20px) translateY(10px)}60%{opacity:.7;transform:translateX(-2px) translateY(-2px)}to{opacity:1;transform:translateX(0) translateY(0)}}.out-of-coins-modal{animation:modalSlideIn .3s ease-out;background:#2a2a2a;background:var(--theme-background-secondary,#2a2a2a);border:1px solid #555;border-radius:12px;box-shadow:0 8px 24px #0006;max-height:90vh;max-width:450px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}60%{opacity:.8;transform:translateY(5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.out-of-coins-modal-header{align-items:center;border-bottom:1px solid #555;display:flex;justify-content:space-between;padding:16px 20px 12px}.out-of-coins-modal-title{color:var(--theme-text-primary);font-size:1.5rem;font-weight:600;margin:0}.out-of-coins-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--theme-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.out-of-coins-modal-close:hover{background-color:#555;color:#fff}.out-of-coins-modal-content{padding:20px}.out-of-coins-banner{animation:bannerFadeIn .5s ease-out .2s both,bannerShimmer 8s ease-in-out .7s infinite;background:linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#1a1a1a);border:1px solid gold;border-radius:8px;box-shadow:0 4px 12px #ffd70033,inset 0 1px 0 #ffd7001a;margin-bottom:20px;overflow:hidden;padding:16px;position:relative}.out-of-coins-banner:before{animation:bannerShine 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#3b82f61a,#8b5cf61a,#ffffff1a,#0000);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.out-of-coins-banner-content{align-items:center;display:flex;gap:12px}.out-of-coins-banner-icon{animation:coinSpin 4s ease-in-out infinite,coinGlow 3s ease-in-out infinite alternate,coinPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,215,0,.6));flex-shrink:0}.out-of-coins-banner-text h3{color:gold;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 8px;text-align:left;text-shadow:0 1px 2px #00000080}.out-of-coins-banner-text p{color:#fff;font-size:.9rem;line-height:1.4;margin:0;opacity:.9;text-align:left;text-shadow:0 1px 2px #0000004d}.out-of-coins-error{background:#ff00001a;border:1px solid #ff00004d;border-radius:8px;color:#ff6b6b;font-size:.875rem;margin-bottom:16px;padding:12px;text-align:center}.out-of-coins-form{animation:formFadeIn .4s ease-out .1s both;display:flex;flex-direction:column;gap:18px}.out-of-coins-option{background:#1a1a1a;background:var(--theme-background-primary,#1a1a1a);border:2px solid #444;border-radius:12px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.out-of-coins-option:hover{border-color:#666;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.out-of-coins-option.selected{background:linear-gradient(135deg,#ffd7001a,#ffa5000d);border-color:gold;box-shadow:0 8px 24px #ffd70033}.option-header{margin-bottom:12px;text-align:center}.option-header h3{color:#fff;color:var(--theme-text-primary,#fff);font-size:1.25rem;font-weight:600;margin:0 0 8px}.price{align-items:center;color:gold;display:flex;font-size:1.125rem;font-weight:700;gap:4px;justify-content:center}.price span{color:#ccc;color:var(--theme-text-secondary,#ccc);font-size:.875rem;font-weight:400}.option-features{margin-bottom:12px}.feature{align-items:center;color:#ccc;color:var(--theme-text-secondary,#ccc);display:flex;font-size:.875rem;gap:6px;margin-bottom:4px}.feature-icon{font-size:1rem;text-align:center;width:20px}.option-badges{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.option-badge,.option-badges{position:absolute;right:12px;top:12px}.option-badge{background:linear-gradient(135deg,gold,orange);border-radius:12px;color:#000;font-size:.625rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.option-badges .option-badge{position:static}.option-badge-discount{background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:12px;color:#fff;font-size:.625rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.out-of-coins-form-actions{display:flex;flex-direction:column;gap:12px;margin-top:12px}.out-of-coins-btn{animation:buttonGlow 2s ease-in-out infinite alternate;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;outline:none;padding:14px 24px;text-align:center;transition:all .3s ease}.out-of-coins-btn-secondary{background:#0000;border:2px solid #555;color:#ccc;color:var(--theme-text-secondary,#ccc)}.out-of-coins-btn-secondary:hover{background:#333;border-color:#666;transform:translateY(-2px)}.out-of-coins-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#1e40af);border:2px solid #1e40af;color:#fff}.out-of-coins-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#7c3aed 50%,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.out-of-coins-btn-primary:active:not(:disabled){transform:translateY(0)}.out-of-coins-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.out-of-coins-sliding-overlay{align-items:flex-start;padding:20px 10px 10px}.out-of-coins-main-panel,.out-of-coins-payment-panel{border-radius:8px;margin:0;max-height:calc(100vh - 40px);max-width:100%;width:100%}.out-of-coins-modal-header,.payment-panel-header{padding:12px 16px 8px}.out-of-coins-modal-content,.payment-panel-content{padding:16px}.out-of-coins-modal-title,.payment-panel-title{font-size:1.125rem}.out-of-coins-banner{margin-bottom:8px;padding:8px}.out-of-coins-banner-content{align-items:center;flex-direction:row;gap:8px;text-align:left}.out-of-coins-banner-icon{transform:scale(.8)}.out-of-coins-banner-text h3{font-size:.95rem;margin-bottom:4px}.out-of-coins-banner-text p{font-size:.8rem}.out-of-coins-form{gap:8px}.out-of-coins-option{padding:12px}.option-header h3{font-size:1.125rem}.price{font-size:1rem}.feature{font-size:.8rem}.out-of-coins-btn{font-size:.9rem;padding:12px 20px}.out-of-coins-form-actions{gap:8px;margin-top:6px}.payment-plan-summary{margin-bottom:20px;padding:16px}.plan-header h3{font-size:1.125rem}.plan-price .amount{font-size:1.75rem}.custom-amount-section{margin-bottom:20px;padding:16px}.amount-input{font-size:1rem;padding:10px 12px}.preset-btn{font-size:.8rem;padding:6px 12px}.paypal-subscription-section{margin-bottom:20px;max-width:100%;overflow:hidden;padding:16px}.paypal-subscription-section .paypal-button,.paypal-subscription-section [data-paypal-button],.paypal-subscription-section iframe{max-width:100%!important;min-width:0!important;width:100%!important}.paypal-subscription-section h4{font-size:.9rem;margin-bottom:12px}.payment-error{font-size:.8rem;margin-bottom:12px;padding:10px 12px}.security-badges{flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:center}.security-badges span,.security-text{font-size:.7rem}}@media (max-width:480px){.out-of-coins-sliding-overlay{padding:10px 5px 5px}.out-of-coins-main-panel,.out-of-coins-payment-panel{border-radius:6px;max-height:calc(100vh - 20px)}.out-of-coins-modal-header,.payment-panel-header{padding:10px 12px 6px}.out-of-coins-modal-content,.payment-panel-content{padding:12px}.out-of-coins-modal-title,.payment-panel-title{font-size:1rem}.out-of-coins-banner{margin-bottom:6px;padding:6px}.out-of-coins-banner-icon{transform:scale(.7)}.out-of-coins-banner-text h3{font-size:.9rem}.out-of-coins-banner-text p{font-size:.75rem}.out-of-coins-form{gap:6px}.out-of-coins-option{padding:8px}.option-header h3{font-size:1rem}.price{font-size:.9rem}.feature{font-size:.75rem}.out-of-coins-btn{font-size:.85rem;padding:10px 16px}.out-of-coins-form-actions{gap:6px;margin-top:4px}.payment-plan-summary{margin-bottom:16px;padding:12px}.plan-header h3{font-size:1rem}.plan-price .amount{font-size:1.5rem}.custom-amount-section{margin-bottom:16px;padding:12px}.amount-input{font-size:.9rem;padding:8px 10px}.preset-btn{font-size:.75rem;padding:5px 10px}.paypal-subscription-section{margin-bottom:16px;max-width:100%;overflow:hidden;padding:12px}.paypal-subscription-section .paypal-button,.paypal-subscription-section [data-paypal-button],.paypal-subscription-section iframe{max-width:100%!important;min-width:0!important;width:100%!important}.paypal-subscription-section h4{font-size:.85rem;margin-bottom:10px}.payment-error{font-size:.75rem;margin-bottom:10px;padding:8px 10px}.security-badges{flex-direction:row;flex-wrap:nowrap;gap:6px;justify-content:center}.security-badges span,.security-text{font-size:.65rem}}@media (max-width:768px){.out-of-coins-option{min-height:60px}.out-of-coins-btn{min-height:44px}.preset-btn{min-height:36px;min-width:60px}.out-of-coins-modal-close,.payment-panel-back,.payment-panel-close{min-height:44px;min-width:44px}}[data-theme=dark] .out-of-coins-btn:focus{box-shadow:0 0 0 3px #ffd70033}
/*# sourceMappingURL=main-88d3322f.5be8e815.css.map*/