:root{--primary:#f472b6;--primary-hover:#ec4899;--bg:#fff0f5;--panel-bg:#ffffffbf;--text:#475569;--text-muted:#94a3b8;--border:#fbcfe8;--danger:#fb7185;--success:#34d399}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:"M PLUS Rounded 1c",Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}.container{max-width:1600px;margin:0 auto;padding:2rem}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:2px solid #fff;border-radius:24px;padding:2rem;box-shadow:0 10px 25px -5px #f472b626,0 8px 10px -6px #f472b61a}h1{background:linear-gradient(90deg,#f472b6,#fb7185);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.75rem;margin-top:0;font-size:2rem;font-weight:700;display:flex}.form-group{margin-bottom:1rem}label{color:var(--text);margin-bottom:.5rem;font-weight:600;display:block}.hint{color:var(--text-muted);margin-top:.25rem;margin-bottom:.5rem;font-size:.85rem;display:block}select,input[type=text],input[type=number],input[type=color]{border:2px solid var(--border);width:100%;color:var(--text);background-color:#ffffffe6;border-radius:12px;padding:.75rem 1rem;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1rem;transition:all .2s}select:focus,input[type=text]:focus,input[type=number]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f133}.btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #f472b64d}.btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn.active{background-color:var(--danger);animation:2s infinite pulse}.radio-group{flex-direction:column;gap:.75rem;display:flex}.radio-card{border:2px solid var(--border);cursor:pointer;background-color:#fffc;border-radius:16px;align-items:flex-start;padding:1rem;transition:all .2s;display:flex}.radio-card:hover{border-color:var(--primary-hover)}.radio-card input[type=radio]{accent-color:var(--primary);margin-top:.25rem;margin-right:1rem}.radio-content h4{color:var(--text);margin:0 0 .25rem}.radio-content p{color:var(--text-muted);margin:0;font-size:.85rem}.radio-card.selected{border-color:var(--primary);background-color:#f472b61a;box-shadow:0 4px 12px #f472b61a}.overlay-link{border:1px solid var(--success);background-color:#10b9811a;border-radius:8px;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem;display:flex}.overlay-link code{color:var(--success);font-size:1.1rem;font-weight:700}.status-indicator{background-color:var(--text-muted);border-radius:50%;width:10px;height:10px;margin-right:.5rem;display:inline-block}.status-indicator.listening{background-color:var(--danger);box-shadow:0 0 8px var(--danger)}@keyframes pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.overlay-container{background-color:#0000;flex-direction:column;justify-content:flex-end;width:100vw;height:100vh;padding:2rem 2rem 15px;display:flex;overflow:hidden}.subtitle-box{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.subtitle-text{text-align:center;text-shadow:-2px -2px 0 var(--stroke-color,#000), 2px -2px 0 var(--stroke-color,#000), -2px 2px 0 var(--stroke-color,#000), 2px 2px 0 var(--stroke-color,#000), 0px 4px 8px #00000080;opacity:0;word-wrap:break-word;font-weight:800;animation:.3s ease-out forwards slideUp;transform:translateY(20px)}.subtitle-text.original{font-size:var(--orig-size,24px);color:var(--orig-color,#e2e8f0);max-width:min(calc(var(--orig-max-chars,40) * 1em), 95vw)}.subtitle-text.translated{font-size:var(--trans-size,36px);color:var(--trans-color,#fbbf24);max-width:min(calc(var(--trans-max-chars,40) * 1em), 95vw)}@keyframes slideUp{to{opacity:var(--text-opacity,1);transform:translateY(0)}}.preview-box{border:2px solid var(--border);background-color:#fdf2f8;background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:16px;flex-direction:column;justify-content:flex-end;min-height:200px;margin-top:1rem;padding:1rem;display:flex;overflow:hidden}