:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--primary:#d81b60;--primary-light:#f06292;--bg:#fff;--card:#fff;--bg-input:#fff;--border:#f0d0dc;--active-bg:#fce7f3;--text:#2d0a1c;--text-light:#9d5a78;--danger:#ef4444;--success:#10b981;--radius:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@supports (color:color(display-p3 0 0 0)){:root{--primary:color(display-p3 .87 .07 .39);--primary-light:color(display-p3 .94 .39 .57);--bg:color(display-p3 1 1 1);--border:color(display-p3 .941 .816 .863);--active-bg:color(display-p3 .988 .906 .953);--text:color(display-p3 .177 .04 .11);--text-light:color(display-p3 .615 .353 .469)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:color(display-p3 .04 .04 .04);--card:color(display-p3 .1 .1 .1);--bg-input:color(display-p3 .14 .14 .14);--border:color(display-p3 .26 .24 .25);--active-bg:color(display-p3 .18 .14 .16);--text:color(display-p3 .95 .93 .94);--text-light:color(display-p3 .6 .58 .59)}}[data-theme=dark]{--bg:color(display-p3 .04 .04 .04);--card:color(display-p3 .1 .1 .1);--bg-input:color(display-p3 .14 .14 .14);--border:color(display-p3 .26 .24 .25);--active-bg:color(display-p3 .18 .14 .16);--text:color(display-p3 .95 .93 .94);--text-light:color(display-p3 .6 .58 .59)}[data-theme=light]{--bg:color(display-p3 1 1 1);--border:color(display-p3 .941 .816 .863);--active-bg:color(display-p3 .988 .906 .953);--text:color(display-p3 .177 .04 .11);--text-light:color(display-p3 .615 .353 .469)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a0a0a;--card:#1a1a1a;--bg-input:#242424;--border:#404040;--active-bg:#2a2428;--text:#f0eeef;--text-light:#8f8c8e}}[data-theme=dark]{--bg:#0a0a0a;--card:#1a1a1a;--bg-input:#242424;--border:#404040;--active-bg:#2a2428;--text:#f0eeef;--text-light:#8f8c8e}[data-theme=light]{--bg:#fff;--card:#fff;--bg-input:#fff;--border:#f0d0dc;--active-bg:#fce7f3;--text:#2d0a1c;--text-light:#9d5a78}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);flex-direction:column;align-items:center;min-height:100dvh;padding:24px 16px;font-family:system-ui,sans-serif;transition:background .2s,color .2s;display:flex}main{flex-direction:column;width:100%;max-width:480px;display:flex}.app-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}h1{margin-bottom:4px;font-size:1.75rem}.subtitle{color:var(--text-light);font-size:.95rem}.layout,.col-left,.col-right{flex-direction:column;display:flex}@media (width>=1040px){main{max-width:960px}.layout{flex-direction:row;align-items:flex-start;gap:16px}.col-left,.col-right{flex:1}}.card{background:var(--card);border-radius:var(--radius);width:100%;margin-bottom:16px;padding:20px;transition:background .2s;box-shadow:0 2px 12px #0000000f}.card label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-bottom:10px;font-size:.9rem;font-weight:600;display:block}select,button{border:2px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);cursor:pointer;border-radius:12px;padding:12px 16px;font-size:1rem;transition:border-color .2s,background .2s,color .2s,opacity .2s}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239d5a78' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px 16px;padding-inline-end:40px}[dir=rtl] select{background-position:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f8c8e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238f8c8e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}select:focus,button:focus{border-color:var(--primary-light);outline:none}.mode-toggle{border:2px solid var(--border);border-radius:10px;margin-bottom:14px;display:flex;overflow:hidden}.mode-btn{color:var(--text-light);background:0 0;border:none;border-radius:0;flex:1;width:auto;padding:8px 12px;font-size:.85rem;font-weight:600}.mode-btn.active{background:var(--primary);color:#fff}.mode-btn:hover:not(.active){background:var(--active-bg);color:var(--text)}#transport-section{overflow:hidden}.transport-grid{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow:auto hidden}.transport-grid::-webkit-scrollbar{display:none}.transport-btn{scroll-snap-align:start;background:var(--bg-input);border:2px solid var(--border);cursor:pointer;text-align:center;border-radius:12px;flex:0 0 68px;padding:12px 4px;font-size:1.6rem;transition:all .2s}.transport-btn.active{border-color:var(--primary);background:var(--active-bg)}.transport-btn:hover{border-color:var(--primary-light)}.transport-label{color:var(--text-light);margin-top:4px;font-size:.65rem;display:block}#custom-phrase{border:2px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);resize:vertical;border-radius:12px;min-height:88px;padding:12px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s,background .2s}#custom-phrase:focus{border-color:var(--primary-light);outline:none}.status-display{text-align:center;border-radius:12px;width:100%;margin-bottom:16px;padding:16px;font-size:.9rem;font-weight:500}.status-display.stopped{background:var(--active-bg);color:var(--primary)}.status-display.playing{color:var(--success);background:#d1fae5;animation:2s infinite pulse}.status-display.loading{color:#92400e;background:#fef9c3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .status-display.playing{background:#0d2e1e}:root:not([data-theme=light]) .status-display.loading{color:#fbbf24;background:#2d2500}}[data-theme=dark] .status-display.playing{background:#0d2e1e}[data-theme=dark] .status-display.loading{color:#fbbf24;background:#2d2500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}#kokoro-progress{width:100%;margin-bottom:16px}#kokoro-progress-label{color:var(--text-light);text-align:center;margin:0 0 6px;font-size:.8rem}#kokoro-progress-bar{appearance:none;background:var(--border);border:none;border-radius:3px;width:100%;height:6px;overflow:hidden}#kokoro-progress-bar::-webkit-progress-bar{background:var(--border);border-radius:3px}#kokoro-progress-bar::-webkit-progress-value{background:var(--primary);border-radius:3px;transition:width .2s}#kokoro-progress-bar::-moz-progress-bar{background:var(--primary);border-radius:3px}#kokoro-progress-bar:indeterminate,#kokoro-progress-bar:not([value]){background:linear-gradient(90deg, var(--border) 25%, var(--primary) 50%, var(--border) 75%);background-size:200% 100%;animation:1.4s linear infinite progress-slide}#kokoro-progress-bar:indeterminate::-webkit-progress-bar{background:0 0}#kokoro-progress-bar:indeterminate::-webkit-progress-value{background:0 0}@keyframes progress-slide{0%{background-position:100% 0}to{background-position:-100% 0}}.controls{gap:12px;width:100%;margin-bottom:16px;display:flex}.btn-play{background:var(--primary);color:#fff;border:none;padding:16px;font-size:1.1rem;font-weight:700}.btn-play:hover:not(:disabled){background:var(--primary-light)}.btn-play:disabled{background:var(--text-light);cursor:default;opacity:.7}.btn-stop{color:#fff;background:#334155;border:none;padding:16px;font-size:1.1rem;font-weight:700}.btn-stop:hover:not(:disabled){background:#1e293b}.btn-stop:disabled{opacity:.35;cursor:default}.current-text{text-align:center;background:var(--card);border-radius:var(--radius);justify-content:center;align-items:center;width:100%;min-height:80px;margin-bottom:16px;padding:20px;font-size:1.15rem;font-weight:600;transition:background .2s;display:flex;box-shadow:0 2px 12px #0000000f}.interval-control{align-items:center;gap:12px;display:flex}.interval-control input[type=range]{accent-color:var(--primary);flex:1}.interval-value{text-align:right;min-width:40px;font-size:.9rem;font-weight:700}.qr-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.qr-row span{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:600}.btn-qr{background:var(--primary);color:#fff;white-space:nowrap;border:none;width:auto;padding:8px 14px;font-size:.85rem;font-weight:600}.btn-qr:hover{background:var(--primary-light)}#qr-container{flex-direction:column;align-items:center;gap:10px;padding-top:16px;display:none}#qr-container.visible{display:flex}#qrcode{background:#fff;border-radius:8px;padding:10px;line-height:0}#qrcode svg{display:block}.qr-url{color:var(--text-light);word-break:break-all;text-align:center;font-size:.7rem}#btn-install{background:var(--primary);color:#fff;border:none;width:100%;margin-bottom:16px;padding:14px 16px;font-size:1rem;font-weight:700;display:none}#btn-install.visible{display:block}#btn-install:hover{background:var(--primary-light)}#theme-toggle{border:2px solid var(--border);background:var(--card);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1.2rem;transition:background .2s,border-color .2s;display:flex}#theme-toggle:hover{border-color:var(--primary-light)}footer{text-align:center;color:var(--text-light);margin-top:auto;padding-top:32px;padding-bottom:8px;font-size:.8rem;line-height:1.5}footer a{color:var(--primary);text-decoration:none}.unlock-btn{border:2px solid var(--primary);width:100%;color:var(--primary);cursor:pointer;background:0 0;border-radius:10px;margin-top:10px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:background .2s,color .2s}.unlock-btn:hover{background:var(--primary);color:#fff}.premium-active{color:var(--primary);text-align:center;margin:8px 0 0;font-size:.85rem;font-weight:600}dialog{border-radius:var(--radius);background:var(--card);color:var(--text);border:none;width:calc(100vw - 48px);max-width:380px;padding:28px;box-shadow:0 8px 40px #00000040}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}dialog h2{margin:0 0 8px;font-size:1.15rem}dialog>form>p{color:var(--text-light);margin:0 0 16px;font-size:.9rem;line-height:1.4}.btn-buy{box-sizing:border-box;background:var(--primary);color:#fff;text-align:center;border-radius:10px;width:100%;margin-bottom:20px;padding:12px 16px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .2s;display:block}.btn-buy:hover{background:var(--primary-light)}.dialog-divider{color:var(--text-light);text-align:center;margin-bottom:10px;font-size:.8rem}#license-input{box-sizing:border-box;border:2px solid var(--border);background:var(--bg-input);width:100%;color:var(--text);border-radius:10px;margin-bottom:6px;padding:10px 14px;font-family:monospace;font-size:.85rem}#license-input:focus{border-color:var(--primary-light);outline:none}.license-msg{border-radius:8px;margin:4px 0 12px;padding:8px 12px;font-size:.82rem}.license-msg.error{color:#b91c1c;background:#fde8e8}.license-msg.success{color:#065f46;background:#d1fae5}[data-theme=dark] .license-msg.error{color:#fca5a5;background:#3f1212}[data-theme=dark] .license-msg.success{color:#6ee7b7;background:#052e16}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .license-msg.error{color:#fca5a5;background:#3f1212}:root:not([data-theme=light]) .license-msg.success{color:#6ee7b7;background:#052e16}}.dialog-actions{gap:10px;margin-top:12px;display:flex}.dialog-actions button{border-radius:10px;flex:1;padding:11px;font-size:.9rem;font-weight:600}.dialog-actions #btn-activate{background:var(--primary);color:#fff;border:none}.dialog-actions #btn-activate:hover{background:var(--primary-light)}.btn-secondary{border:2px solid var(--border);color:var(--text);background:0 0}.btn-secondary:hover{border-color:var(--primary-light)}#update-banner{background:var(--text);color:var(--card);white-space:nowrap;z-index:100;border-radius:12px;align-items:center;gap:12px;padding:12px 18px;font-size:.875rem;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}#update-banner[hidden]{display:none}#btn-update-reload{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:.875rem;font-weight:600}#btn-update-reload:hover{background:var(--primary-light)}