*,*:before,*:after{box-sizing:border-box}html{overflow-y:scroll}body{font-family:Outfit,sans-serif;background-color:#f0f4ff;color:#1e293b;min-height:100vh;overflow-x:hidden;scrollbar-gutter:stable}.orb-layer{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(90px)}.orb-a{width:700px;height:700px;background:radial-gradient(circle,rgba(124,58,237,.18),transparent 70%);top:-220px;left:-180px;animation:drift-a 20s ease-in-out infinite alternate}.orb-b{width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.14),transparent 70%);top:25%;right:-160px;animation:drift-b 26s ease-in-out infinite alternate}.orb-c{width:500px;height:500px;background:radial-gradient(circle,rgba(13,148,136,.11),transparent 70%);bottom:-100px;left:25%;animation:drift-c 30s ease-in-out infinite alternate}.orb-d{width:380px;height:380px;background:radial-gradient(circle,rgba(225,29,72,.07),transparent 70%);top:55%;left:8%;animation:drift-d 24s ease-in-out infinite alternate}@keyframes drift-a{0%{transform:translate(0) scale(1)}33%{transform:translate(65px,45px) scale(1.06)}66%{transform:translate(-35px,80px) scale(.96)}to{transform:translate(85px,-45px) scale(1.08)}}@keyframes drift-b{0%{transform:translate(0) scale(1)}50%{transform:translate(-80px,65px) scale(1.11)}to{transform:translate(45px,-80px) scale(.91)}}@keyframes drift-c{0%{transform:translate(0) scale(1)}40%{transform:translate(55px,-65px) scale(1.07)}to{transform:translate(-65px,45px) scale(.95)}}@keyframes drift-d{0%{transform:translate(0) scale(1)}60%{transform:translate(75px,-40px) scale(1.1)}to{transform:translate(-55px,55px) scale(.92)}}.glass{background:#ffffffb3;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #1f268712,0 2px 8px #0000000a,inset 0 1px #fffffff2}.glass-strong{background:#ffffffe0;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border:1px solid rgba(255,255,255,.95);box-shadow:0 20px 60px #1f268717,0 4px 16px #0000000d,inset 0 1px #fff}@keyframes slideUp{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) both}.scale-in{animation:scaleIn .5s cubic-bezier(.16,1,.3,1) both}.d1{animation-delay:.07s}.d2{animation-delay:.14s}.d3{animation-delay:.21s}.d4{animation-delay:.28s}.d5{animation-delay:.35s}.grad-text{background:linear-gradient(135deg,#7c3aed,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-wrap{background:linear-gradient(135deg,#7c3aed,#2563eb)}@keyframes logo-shine{0%,88%,to{opacity:0}44%{opacity:1}}.logo-shine{position:absolute;inset:0;background:linear-gradient(135deg,#fff0 25%,#ffffff8c,#fff0 75%);animation:logo-shine 6s ease-in-out infinite}.tab-nav{position:relative;overflow-x:auto;scrollbar-width:none}.tab-nav::-webkit-scrollbar{display:none}.tab-pill{position:absolute;height:calc(100% - 12px);top:6px;background:#fff;border-radius:14px;box-shadow:0 4px 16px #00000017,0 1px 4px #0000000d;transition:left .4s cubic-bezier(.34,1.56,.64,1),width .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:0}.tab-btn{position:relative;z-index:1;color:#64748b;transition:color .3s ease;white-space:nowrap}.tab-btn.active{color:#1e293b;font-weight:700}.nav-tab.active{color:#1e293b;font-weight:700;background:transparent;border:none}.file-drop-area{border:none;transition:transform .3s,box-shadow .3s;animation:gentle-float 7s ease-in-out infinite alternate;border-radius:16px}.file-drop-area:hover{transform:translateY(-2px);box-shadow:0 12px 40px #7c3aed1a}.file-drop-area.active-drag{border-color:#7c3aed;background:#7c3aed0d}@keyframes gentle-float{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.upload-icon-wrap{background:linear-gradient(135deg,#7c3aed24,#2563eb1a)}.action-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;cursor:pointer}.action-card:not(:disabled):hover{transform:translateY(-5px);box-shadow:0 18px 36px #0000001a}.action-card:not(:disabled):active{transform:translateY(-1px) scale(.97)}.icon-orb{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.action-card:not(:disabled):hover .icon-orb{transform:scale(1.18) rotate(-8deg)}.gen-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,#7c3aed,#2563eb);transition:transform .25s,box-shadow .25s}.gen-btn:before{content:"";position:absolute;top:0;left:-150%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:shimmer 3.5s ease-in-out infinite}@keyframes shimmer{0%{left:-150%}55%{left:200%}to{left:200%}}.gen-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 16px 40px #7c3aed61}.gen-btn:not(:disabled):active{transform:translateY(0) scale(.98)}.output-card-header{background:linear-gradient(135deg,#7c3aed0f,#2563eb0a)}.copy-action-btn{padding:6px 8px;color:#94a3b8;border-radius:8px;transition:color .2s,background .2s}.copy-action-btn:hover{color:#475569;background:#fff9}.loader-orb{width:100px;height:100px;border-radius:50%;background:conic-gradient(from 0deg,#7c3aed,#2563eb,#0d9488,#e11d48,#7c3aed);filter:blur(20px);animation:spin-orb 3s linear infinite}.loader-orb-sm{width:50px;height:50px;border-radius:50%;background:conic-gradient(from 0deg,#7c3aed,#2563eb,#7c3aed);filter:blur(10px);animation:spin-orb 2s linear infinite}@keyframes spin-orb{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.loader-ring{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:#7c3aed80;border-right-color:#2563eb4d;animation:spin-ring 1.4s linear infinite}@keyframes spin-ring{to{transform:rotate(360deg)}}.scan-wrap{position:absolute;inset:0;border-radius:24px;overflow:hidden;pointer-events:none}.scan-line{position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.8),rgba(13,148,136,.8),transparent);box-shadow:0 0 12px #7c3aed80;animation:scan 2s ease-in-out infinite}@keyframes scan{0%{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.transcript-card{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);border-left:4px solid #e2e8f0;border-radius:16px;padding:16px;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-left-color .3s;box-shadow:0 4px 16px #1f26870f}.transcript-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #1f26871a}.transcript-card:active{transform:translateY(-1px)}.transcript-card.selected{border-left-color:#7c3aed;background:#7c3aed0f}.transcript-action-btn{color:#fff;font-size:11px;font-weight:700;padding:9px 6px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;transition:transform .2s,box-shadow .2s}.transcript-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.transcript-action-btn:active{transform:translateY(0)}.tk-context-menu{position:fixed;z-index:100;min-width:200px;animation:ctxIn .18s cubic-bezier(.16,1,.3,1) both}@keyframes ctxIn{0%{opacity:0;transform:scale(.92) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.tk-ctx-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;color:#334155;transition:background .15s;cursor:pointer;border:none;background:none;text-align:left}.tk-ctx-item:hover{background:#7c3aed14;color:#1e293b}.tk-ctx-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.radio-card:checked+div{border-color:#7c3aed;background-color:#7c3aed12}.radio-card:checked+div .radio-icon{color:#7c3aed}.tone-radio:checked+span{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;border-color:transparent;box-shadow:0 4px 12px #7c3aed4d}.settings-input{width:100%;background:#fffc;border:1px solid #e2e8f0;border-radius:12px;padding:11px 14px;color:#1e293b;font-size:14px;font-family:Outfit,sans-serif;transition:border-color .2s,box-shadow .2s;outline:none}.settings-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.settings-input option,.settings-input optgroup{background:#fff;color:#1e293b}.provider-btn{transition:all .2s}.sync-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background:#0f172a80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);align-items:center;justify-content:center}.modal.active{display:flex}#api-tooltip-trigger:hover .api-tooltip,#api-tooltip-trigger:focus .api-tooltip{display:block}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;z-index:9999;opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 24px #7c3aed59;font-family:Outfit,sans-serif}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.char-counter{font-size:11px;text-align:right;font-weight:600}.char-counter.warning{color:#f59e0b}.char-counter.danger{color:#ef4444}.user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(124,58,237,.4)}.auth-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Outfit,sans-serif}.sync-indicator{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse-sync 2s infinite}@keyframes pulse-sync{0%,to{opacity:1}50%{opacity:.4}}.markdown-content{color:#1e293b;line-height:1.7;font-size:.94rem;font-family:Outfit,sans-serif}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:#0f172a;font-weight:800;margin-top:1.5em;margin-bottom:.7em}.markdown-content h1{font-size:1.5em;border-bottom:2px solid #e2e8f0;padding-bottom:.4em}.markdown-content h2{font-size:1.2em;color:#1e3a8a}.markdown-content h3{font-size:1.05em;margin-top:2em;padding-top:1em;border-top:1px solid #e2e8f0}.markdown-content h3:first-child{margin-top:0;padding-top:0;border-top:none}.markdown-content ul{list-style:disc;padding-left:1.3em;margin-bottom:1em}.markdown-content li{margin-bottom:.4em}.markdown-content strong{color:#0f172a;font-weight:700}.markdown-content p{margin-bottom:1em}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#7c3aed33;border-radius:3px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7c3aed2e;border-radius:3px}.sr-only-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.view-section{animation:slideUp .45s cubic-bezier(.16,1,.3,1) both}.view-section.hidden{display:none}.pricing-pro-card{transform:translateY(-6px);transition:transform .3s ease,box-shadow .3s ease}.pricing-pro-card:hover{transform:translateY(-10px);box-shadow:0 32px 64px #7c3aed59}#tnc-modal .glass-strong,#privacy-modal .glass-strong{animation:scaleIn .3s cubic-bezier(.16,1,.3,1) both}#cookie-banner{animation:slideUp .5s cubic-bezier(.16,1,.3,1) both}