:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width>=1025px){:root{font-size:18px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;width:1126px;max-width:100%;min-height:100svh;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);flex-direction:column;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@keyframes spin{to{transform:rotate(360deg)}}:root,.light-theme{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px}.dark-theme{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}.dark-theme #social .button-icon{filter:invert()brightness(2)}.profiles-page{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:24px 20px}.profiles-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.profiles-header h1{letter-spacing:-.5px;margin:0;font-size:28px}.profiles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.profiles-empty{text-align:center;color:var(--text);border:2px dashed var(--border);border-radius:12px;padding:48px 24px}.profiles-empty p{margin-top:8px;font-size:15px}.profiles-loading{text-align:center;color:var(--text);padding:48px 24px}.profiles-error{color:#e2574c;background:#e2574c14;border:1px solid #e2574c4d;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}.profile-card{border:1px solid var(--border);background:var(--bg);border-radius:12px;align-items:center;gap:14px;padding:16px;transition:box-shadow .2s;display:flex}.profile-card:hover{box-shadow:var(--shadow)}.profile-card__swatch{border-radius:50%;flex-shrink:0;width:40px;height:40px}.profile-card__name{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;font-weight:500;overflow:hidden}.profile-card__actions{flex-shrink:0;gap:8px;display:flex}.btn{min-width:44px;min-height:44px;font-size:15px;font-family:var(--sans);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 18px;font-weight:500;text-decoration:none;transition:box-shadow .2s,opacity .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow)}.btn-secondary{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.btn-secondary:hover:not(:disabled){box-shadow:var(--shadow)}.btn-danger{color:#e2574c;background:0 0;border:1px solid #e2574c44}.btn-danger:hover:not(:disabled){background:#e2574c14}.btn-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--accent-bg)}.btn-sm{min-width:44px;min-height:44px;padding:6px 12px;font-size:14px}.profiles-dialog{border:1px solid var(--border);background:var(--bg);color:var(--text);box-shadow:var(--shadow);box-sizing:border-box;border-radius:16px;width:100%;max-width:520px;padding:0}.profiles-dialog::backdrop{background:#00000073}.profile-form{flex-direction:column;gap:20px;padding:28px 24px;display:flex}.profile-form h2{margin:0 0 4px;font-size:20px}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-h);font-size:14px;font-weight:500}.form-input,.form-select,.form-textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;font-size:16px;font-family:var(--sans);color:var(--text-h);background:var(--bg);border-radius:8px;min-height:44px;padding:10px 14px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);outline:none}.form-input[aria-invalid=true],.form-select[aria-invalid=true],.form-textarea[aria-invalid=true]{border-color:#e2574c}.form-textarea{resize:vertical;min-height:100px}.form-char-count{color:var(--text);text-align:right;font-size:12px}.form-error{color:#e2574c;font-size:13px}.color-swatches{flex-wrap:wrap;gap:10px;display:flex}.color-swatch{cursor:pointer;outline-offset:3px;border:2px solid #0000;border-radius:50%;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;transition:transform .15s,box-shadow .15s}.color-swatch:hover{transform:scale(1.1)}.color-swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px currentColor}.color-swatch:focus-visible{outline:2px solid var(--accent)}.reply-length-options{gap:8px;display:flex}.reply-length-btn{border:1.5px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;border-radius:8px;flex:1;padding:8px 12px;font-size:14px;transition:border-color .15s,background .15s}.reply-length-btn:hover{border-color:var(--accent)}.reply-length-btn--active{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}.form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}@media (width<=600px){.profiles-page{padding:16px}.profiles-grid{grid-template-columns:1fr}.profile-form{padding:20px 16px}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.reply-page{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:24px 20px}.reply-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.reply-header h1{letter-spacing:-.5px;margin:0;font-size:28px}.reply-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.profile-selector{flex:1;min-width:250px}.profile-selector-label{color:var(--text-h);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.profile-selector-empty{color:var(--text);padding:12px 0;font-size:15px}.profile-selector-empty a{color:var(--accent);text-decoration:underline}.reply-error{color:#e2574c;background:#e2574c14;border:1px solid #e2574c4d;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px}.profile-selector-select{box-sizing:border-box;border:1px solid var(--border);width:100%;max-width:360px;font-size:16px;font-family:var(--sans);color:var(--text-h);background:var(--bg);cursor:pointer;appearance:auto;border-radius:8px;min-height:44px;padding:10px 14px;transition:border-color .2s}.profile-selector-select:focus{border-color:var(--accent);outline:none}.profile-selector-pills{scrollbar-width:none;flex-direction:row;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.profile-selector-pills::-webkit-scrollbar{display:none}.profile-pill{font-size:15px;font-family:var(--sans);cursor:pointer;border:2px solid var(--border);background:var(--bg);color:var(--text-h);white-space:nowrap;border-radius:24px;flex-shrink:0;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:8px 16px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.profile-pill:hover{border-color:var(--accent-border);background:var(--accent-bg)}.profile-pill--selected{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.profile-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}@media (width>=601px){.profile-selector-select--desktop{display:block}.profile-selector-pills--mobile{display:none}}@media (width<=600px){.profile-selector-select--desktop{display:none}.profile-selector-pills--mobile{display:flex}}.reply-candidates{flex-direction:column;gap:16px;display:flex}.reply-skeleton-card{border:1px solid var(--border);background:var(--bg);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.reply-skeleton-line{background:var(--border);border-radius:6px;animation:1.4s ease-in-out infinite skeleton-pulse}.reply-skeleton-line--short{width:25%;height:16px}.reply-skeleton-line--medium{width:60%;height:14px}.reply-skeleton-line--long{width:90%;height:14px}.reply-skeleton-line--full{width:100%;height:14px}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.reply-card{border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:16px;transition:box-shadow .2s}.reply-card:hover{box-shadow:var(--shadow)}.reply-card__header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.reply-card__length-label{color:var(--text-h);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.reply-card__tone-badge{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);text-transform:capitalize;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500}.reply-card__text{color:var(--text-h);white-space:pre-wrap;word-break:break-word;margin:0 0 12px;font-size:16px;line-height:1.55}.reply-card__text--clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reply-card__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reply-card__toggle{min-height:44px;color:var(--accent);cursor:pointer;font-size:14px;font-family:var(--sans);text-underline-offset:2px;background:0 0;border:none;padding:8px 0;text-decoration:underline}.reply-card__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.reply-card__copy-btn{min-width:44px;min-height:44px;font-size:15px;font-family:var(--sans);cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.reply-card__copy-btn:hover:not(:disabled){background:var(--accent-bg);border-color:var(--accent-border)}.reply-card__copy-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reply-card__copy-confirm{color:#22a06b;font-size:14px;font-weight:500}.reply-card__copy-fallback{color:var(--text);font-size:13px}@media (width<=600px){.reply-page{padding:16px}.reply-header h1{font-size:22px}.reply-controls{flex-direction:column;align-items:stretch}.profile-selector{width:100%;min-width:auto}.reply-card__copy-btn{justify-content:center;width:100%;margin-left:0}.reply-card__actions{flex-direction:column;align-items:flex-start}}._container_8oda3_1{flex-direction:column;gap:8px;width:100%;max-width:720px;display:flex}._track_8oda3_9{background:var(--surface,#eef2f6);touch-action:none;border-radius:8px;height:14px;position:relative;overflow:hidden}._fill_8oda3_18{background:linear-gradient(90deg,#3b82f6,#06b6d4);width:0%;height:100%;transition:width .32s}._meta_8oda3_25{color:var(--muted,#475569);font-size:.875rem}@media (width<=600px){._track_8oda3_9{border-radius:12px;height:20px}._container_8oda3_1{padding:8px}}._indeterminate_8oda3_37{width:40%;animation:1.2s linear infinite _indet_8oda3_37;position:absolute;left:-40%}@keyframes _indet_8oda3_37{0%{left:-40%}50%{left:30%}to{left:100%}}._visuallyHidden_8oda3_50{clip-path:inset(50%);clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.workflow-screen{box-sizing:border-box;text-align:left;flex-direction:column;gap:24px;width:100%;max-width:800px;margin:0 auto;padding:24px 20px;display:flex}.workflow-screen__heading{letter-spacing:-.5px;color:var(--text-h);margin:0;font-size:28px;font-weight:600}.workflow-screen__status-label{color:var(--text);margin:0;font-size:16px}.workflow-screen__progress-section{flex-direction:column;gap:12px;display:flex}.workflow-screen__error-box{background:#e2574c14;border:1px solid #e2574c4d;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 24px;display:flex}.workflow-screen__error-msg{color:#e2574c;margin:0;font-size:16px}.workflow-screen__progress-hint{color:var(--text);margin:0;font-size:14px}.workflow-screen__transcription{background:var(--bg);border:1px solid var(--border);color:var(--text-h);white-space:pre-wrap;word-break:break-word;border-radius:10px;max-height:300px;padding:16px 20px;font-size:16px;line-height:1.6;overflow-y:auto}.workflow-screen__files-section{flex-direction:column;gap:10px;display:flex}.workflow-screen__file-list{flex-direction:column;gap:8px;display:flex}.workflow-screen__file-item{border:1px solid var(--border);border-radius:10px;overflow:hidden}.workflow-screen__file-toggle{background:var(--bg);cursor:pointer;width:100%;font-family:var(--sans);color:var(--text-h);text-align:left;border:none;align-items:center;gap:12px;min-height:44px;padding:12px 16px;font-size:14px;transition:background .15s;display:flex}.workflow-screen__file-toggle:hover{background:var(--accent-bg)}.workflow-screen__file-index{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:600;display:inline-flex}.workflow-screen__file-name{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:180px;font-weight:500;overflow:hidden}.workflow-screen__file-preview{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.workflow-screen__file-chevron{color:var(--text);flex-shrink:0;font-size:11px}.workflow-screen__file-text{color:var(--text-h);border-top:1px solid var(--border);background:var(--bg);white-space:pre-wrap;word-break:break-word;max-height:200px;padding:12px 16px;font-size:15px;line-height:1.6;overflow-y:auto}.workflow-screen__partial-results{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.workflow-screen__file-chip{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.workflow-screen__file-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:500;overflow:hidden}.workflow-screen__idle-profile{margin-bottom:20px}.workflow-screen__reply-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.workflow-screen__copy-prompt-btn{white-space:nowrap;flex-shrink:0}.workflow-screen__paste-hint{color:var(--text);text-align:center;opacity:.7;margin:0;font-size:13px;line-height:1.6}.workflow-screen__paste-section{flex-direction:column;align-items:center;gap:10px;display:flex}.workflow-screen__paste-label{color:var(--text-h);margin:0;font-size:14px;font-weight:500}.workflow-screen__paste-btn{width:100%;max-width:320px}.workflow-screen__ios-steps{color:var(--text-h);text-align:left;max-width:360px;margin:0;padding-left:20px;font-size:13px;line-height:1.8}.workflow-screen__paste-error{color:#d9534f;text-align:center;margin:0;font-size:13px}.workflow-screen__reply-controls .profile-selector{flex:1;min-width:240px;margin-bottom:0}.workflow-screen__retry-btn{background:var(--accent);color:#fff;min-width:44px;min-height:44px;font-size:15px;font-family:var(--sans);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 20px;font-weight:500;transition:box-shadow .2s,opacity .2s;display:inline-flex}.workflow-screen__retry-btn:hover{box-shadow:var(--shadow)}.step-indicator{align-items:center;gap:0;width:100%;display:flex}.step-indicator__item{flex:1;align-items:center;min-width:0;display:flex}.step-indicator__item:last-child{flex:none}.step-indicator__dot-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.step-indicator__dot{border:2px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:background .2s,border-color .2s;display:flex}.step-indicator__dot--completed{background:var(--accent);border-color:var(--accent);color:#fff}.step-indicator__dot--current{background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.step-indicator__label{color:var(--text);white-space:nowrap;text-align:center;font-size:11px;font-weight:500}.step-indicator__label--current{color:var(--accent);font-weight:700}.step-indicator__label--completed{color:var(--accent)}.step-indicator__connector{background:var(--border);flex:1;height:2px;margin-bottom:20px;transition:background .2s}.step-indicator__connector--completed{background:var(--accent)}@media (width<=600px){.workflow-screen{padding:16px}.step-indicator__label{font-size:10px}.step-indicator__dot{width:24px;height:24px;font-size:11px}}.privacy-page{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:2rem 1rem}.privacy-container{background:#fff;border-radius:12px;max-width:800px;margin:0 auto;padding:3rem 2rem;box-shadow:0 4px 6px #0000001a}.privacy-heading{color:#1a1a1a;text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700}.privacy-section{margin-bottom:2.5rem}.privacy-section h2{color:#333;border-bottom:2px solid #e0e0e0;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:600}.privacy-section p{color:#555;margin-bottom:1rem;font-size:1rem;line-height:1.6}.privacy-list{margin:1rem 0;padding-left:0;list-style:none}.privacy-list li{color:#555;margin-bottom:.75rem;padding-left:1.5rem;font-size:1rem;line-height:1.6;position:relative}.privacy-list ul li:before,.privacy-list ol li:before{content:""}.privacy-section ul li:before{content:"•";color:#4a90e2;font-weight:700;position:absolute;left:0}.privacy-section ol{padding-left:1.5rem;list-style:decimal}.privacy-section ol li{padding-left:.5rem}.privacy-link{color:#4a90e2;border-bottom:1px solid #4a90e2;font-weight:500;text-decoration:none;transition:color .2s}.privacy-link:hover{color:#2e5c8a;border-bottom-color:#2e5c8a}.privacy-note{color:#333;background-color:#f0f4ff;border-left:4px solid #4a90e2;border-radius:4px;margin:1rem 0;padding:1rem;font-size:.95rem;font-style:italic}.privacy-footer{text-align:center;border-top:1px solid #e0e0e0;margin-top:3rem;padding-top:2rem}.privacy-back-link{color:#4a90e2;border:1px solid #4a90e2;border-radius:6px;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.privacy-back-link:hover{color:#fff;background-color:#4a90e2;border-color:#4a90e2}@media (width<=600px){.privacy-container{padding:1.5rem 1rem}.privacy-heading{margin-bottom:1.5rem;font-size:1.5rem}.privacy-section h2{font-size:1.1rem}.privacy-section p,.privacy-list li{font-size:.95rem}}.settings-page{background:var(--bg);min-height:100vh;color:var(--text);padding:2rem 1rem;transition:background-color .2s,color .2s}.settings-container{max-width:800px;margin:0 auto}.settings-heading{color:var(--text-h);text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700}.settings-error-banner{color:var(--text-h);background-color:#ef44441a;border:1px solid #ef44444d;border-radius:6px;margin-bottom:2rem;padding:1rem 1.5rem;font-size:.95rem;line-height:1.5}.settings-section{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-bottom:2rem;padding:2rem;transition:background-color .2s,border-color .2s}.settings-section-header{margin-bottom:1.5rem}.settings-section-header h2{color:var(--text-h);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.settings-section-description{color:var(--text);margin:0;font-size:.95rem;line-height:1.5}.settings-form-group{margin-bottom:1.5rem}.settings-label{color:var(--text-h);margin-bottom:.75rem;font-size:.95rem;font-weight:500;display:block}.settings-select-wrapper{position:relative}.settings-select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6375' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;border-radius:6px;padding:.75rem 2.75rem .75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.dark-theme .settings-select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}.settings-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.settings-select:disabled{opacity:.6;cursor:not-allowed}.settings-field-help{color:var(--text);margin-top:.5rem;font-size:.85rem;line-height:1.5}.settings-btn{border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text-h);cursor:pointer;text-align:center;border-radius:6px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.settings-btn:hover:not(:disabled){background:var(--accent-bg);border-color:var(--accent-border)}.settings-btn:focus{box-shadow:0 0 0 3px var(--accent-bg);outline:none}.settings-btn:disabled{opacity:.6;cursor:not-allowed}.settings-btn-secondary{background:var(--bg);border:1px solid var(--border);color:var(--text-h)}.settings-btn-secondary:hover:not(:disabled){background:var(--accent-bg);border-color:var(--accent-border)}.settings-btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.settings-btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.settings-error-message{color:#ef4444;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:4px;margin-top:1rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.5}.settings-button-group{flex-wrap:wrap;gap:1rem;display:flex}.settings-theme-btn{border:2px solid var(--border);background:var(--bg);min-width:120px;min-height:44px;color:var(--text-h);cursor:pointer;border-radius:6px;flex:1;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s}.settings-theme-btn:hover:not(:disabled){border-color:var(--accent)}.settings-theme-btn:focus{box-shadow:0 0 0 3px var(--accent-bg);outline:none}.settings-theme-btn--active{background:var(--accent-bg);border-color:var(--accent);color:var(--text-h)}.settings-theme-btn:disabled{opacity:.6;cursor:not-allowed}.settings-checkbox-group{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.settings-checkbox{cursor:pointer;width:20px;height:20px;accent-color:var(--accent)}.settings-checkbox:focus{outline:2px solid var(--accent);outline-offset:2px}.settings-checkbox:disabled{opacity:.6;cursor:not-allowed}.settings-checkbox-label{color:var(--text-h);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.95rem}.settings-loading{text-align:center;color:var(--text);padding:3rem 2rem;font-size:1rem}.settings-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.settings-modal{background:var(--bg);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:8px;padding:2rem}.settings-modal h2{color:var(--text-h);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.settings-modal p{color:var(--text);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.settings-modal-actions{justify-content:flex-end;gap:1rem;display:flex}.settings-modal-actions button{cursor:pointer;border:none;border-radius:6px;min-height:44px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s}.settings-modal-actions .settings-btn-secondary{background:var(--bg);border:1px solid var(--border);color:var(--text-h)}.settings-modal-actions .settings-btn-secondary:hover:not(:disabled){background:var(--accent-bg);border-color:var(--accent-border)}.settings-modal-actions .settings-btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.settings-modal-actions .settings-btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef444480}.settings-footer{border-top:1px solid var(--border);text-align:center;margin-top:3rem;padding-top:2rem}.settings-back-link{color:var(--accent);border:1px solid var(--accent-border);border-radius:6px;min-height:44px;padding:.75rem 1.5rem;font-weight:500;line-height:1.6;text-decoration:none;transition:all .2s;display:inline-block}.settings-back-link:hover{background-color:var(--accent-bg);border-color:var(--accent)}.settings-back-link:focus{box-shadow:0 0 0 3px var(--accent-bg);outline:none}@media (width<=600px){.settings-page{padding:1rem}.settings-heading{margin-bottom:1.5rem;font-size:1.5rem}.settings-section{margin-bottom:1.5rem;padding:1.5rem 1rem}.settings-section-header h2{font-size:1.1rem}.settings-section-description,.settings-select,.settings-btn,.settings-theme-btn,.settings-checkbox-label{font-size:.9rem}.settings-button-group{flex-direction:column}.settings-theme-btn{width:100%;min-width:auto}.settings-modal{padding:1.5rem}.settings-modal h2{font-size:1.1rem}.settings-modal-actions{flex-direction:column-reverse}.settings-modal-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.settings-page,.settings-btn,.settings-select,.settings-theme-btn,.settings-checkbox,.settings-back-link{transition:none}}.navigation{z-index:1000;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0;box-shadow:0 2px 8px #0000001a}.navigation-container{justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;padding:0 1rem;display:flex}.navigation-logo{flex:none}.logo-link{color:#fff;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:flex}.logo-link:hover{opacity:.9}.logo-icon{font-size:1.5rem;display:block}.logo-text{display:inline-block}.navigation-menu{align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.navigation-menu li{align-items:center;height:100%;display:flex}.nav-link{color:#ffffffd9;border-bottom:3px solid #0000;align-items:center;height:100%;padding:0 1.25rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-link:hover{color:#fff;background-color:#ffffff1a}.nav-link--active{color:#fff;background-color:#ffffff1a;border-bottom-color:#ffd89b}.nav-link--external{color:#ffffffd9}.nav-link--external:hover{color:#ffd89b}@media (width<=768px){.navigation-container{flex-wrap:wrap;height:auto;padding:.5rem}.navigation-logo{border-bottom:1px solid #fff3;width:100%;margin-bottom:.5rem;padding:.5rem 0}.logo-link{font-size:1rem}.logo-text{display:inline}.navigation-menu{flex-wrap:wrap;justify-content:space-between;gap:0;width:100%}.navigation-menu li{flex:0 0 calc(50% - .25rem);height:40px;margin-bottom:.5rem}.nav-link{background-color:#ffffff1a;border:none;border-radius:6px;width:100%;margin:0 .25rem;padding:0 .75rem;font-size:.9rem}.nav-link:hover{background-color:#fff3}.nav-link--active{background-color:#ffd70033;border:none}}@media (width<=480px){.navigation-container{padding:.5rem}.navigation-menu li{flex:0 0 calc(50% - .25rem)}.nav-link{padding:0 .5rem;font-size:.85rem}.logo-link{gap:.5rem}.logo-text{display:none}}