:root{--bg-top: #05060b;--bg-mid: #0f1220;--bg-bottom: #040405;--shell: #121520;--shell-border: #24293a;--panel: #161a27;--panel-border: #2b3350;--text: #f7fbff;--muted: #9aa7c6;--accent: #ff2f92;--accent-hover: #ff4ca6;--accent-soft: #2e1322;--ring: #39e0ff;--surface: #1a1f2f;--ink-dark: #dff8ff;--cyan: #39e0ff;--pink: #ff2f92;--lime: #d7ff45;--violet: #8b5cf6}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Manrope,sans-serif;background:radial-gradient(circle at 20% 0%,#ff2f9238 0,transparent 24%),radial-gradient(circle at 100% 10%,#39e0ff2b 0,transparent 28%),radial-gradient(circle at 50% 100%,#8b5cf622 0,transparent 36%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-mid) 45%,var(--bg-bottom) 100%);color:var(--text);padding:24px 16px 40px;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:linear-gradient(120deg,transparent 0 46%,#ffffff08 46% 48%,transparent 48% 100%),radial-gradient(circle at 50% 50%,#ffffff04 0,transparent 55%),linear-gradient(180deg,#ffffff00 0%,#ffffff03 100%);pointer-events:none}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at center,black 35%,transparent 78%);pointer-events:none}.app-layout{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px 0 36px}.experience-shell{width:min(1180px,100%);display:block;padding:20px;border-radius:32px;border:1px solid #ffffff0f;background:linear-gradient(180deg,#111527d8 0%,#0a0d16f0 100%);box-shadow:0 30px 90px #00000070;backdrop-filter:blur(16px);animation:rise .5s ease-out both;position:relative;overflow:hidden}.experience-shell:before{content:"";position:absolute;inset:-30% auto auto -10%;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#ff2f9228 0%,transparent 72%);filter:blur(12px);animation:driftGlow 9s ease-in-out infinite;pointer-events:none}.hero-tags{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.hero-tags span{padding:9px 14px;border-radius:999px;background:#ffffff0b;border:1px solid #ffffff12;color:#fff;font-size:.82rem;font-weight:800;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.hero-tags span:hover{transform:translateY(-2px);background:#ffffff14;border-color:#39e0ff40;box-shadow:0 10px 22px #0002}.workspace-panel{position:relative;display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:28px;background:radial-gradient(circle at top right,#39e0ff12 0,transparent 24%),radial-gradient(circle at top left,#ff2f9214 0,transparent 22%),linear-gradient(180deg,#141927 0%,#0f131f 100%);border:1px solid var(--shell-border);box-shadow:inset 0 1px #ffffff08;overflow:hidden}.workspace-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 58%,#ffffff05 58% 60%,transparent 60% 100%);pointer-events:none}.workspace-panel:after{content:"";position:absolute;right:-90px;bottom:-110px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#39e0ff16 0%,transparent 72%);filter:blur(14px);animation:driftGlow 11s ease-in-out infinite reverse;pointer-events:none}.workspace-header{display:flex;flex-direction:column;gap:14px}.brand-row{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}.brand-logo{width:5rem;border:salmon solid .5px;border-radius:50%;margin:0;padding:0}.app-logo{width:72px;height:72px;flex-shrink:0;filter:drop-shadow(0 0 12px #39e0ff40);animation:floatLogo 4s ease-in-out infinite}.brand-copy{margin-right:auto}.brand-microcopy{margin:6px 0 0;color:#b8c5e4;font-size:.92rem;font-weight:700}.brand-signal{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border-radius:999px;background:#ffffff0b;border:1px solid #ffffff12;color:#edf8ff;font-size:.82rem;font-weight:800;letter-spacing:.03em;box-shadow:inset 0 1px #ffffff08}.signal-dot{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px #d7ff4520;animation:pulseDot 1.8s ease-out infinite}.workspace-eyebrow{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.22em;color:var(--pink);font-weight:800}.brand-title{margin:0;font-size:clamp(2.4rem,4vw,4.2rem);line-height:.9;letter-spacing:-.05em;font-weight:800;text-wrap:balance}.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.9fr);gap:18px;align-items:stretch}.hero-main{padding:18px 0 2px;position:relative}.hero-lead{margin:0;max-width:14ch;font-size:clamp(1.6rem,3vw,2.6rem);line-height:.95;letter-spacing:-.05em;font-weight:800;color:#fff;text-shadow:0 0 28px #ffffff12}.workspace-subtitle{margin:12px 0 0;max-width:46ch;color:#cfd5e6;font-size:1rem;line-height:1.55}.pulse-card{position:relative;padding:18px;border-radius:24px;background:radial-gradient(circle at top right,#39e0ff1e 0,transparent 30%),linear-gradient(180deg,#171d2b 0%,#101520 100%);border:1px solid #ffffff12;box-shadow:inset 0 1px #ffffff08;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.pulse-card:after{content:"";position:absolute;inset:auto -20px -30px auto;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#ff2f9233 0%,transparent 70%);filter:blur(10px)}.pulse-card:hover{transform:translateY(-3px);border-color:#39e0ff30;box-shadow:inset 0 1px #ffffff08,0 18px 34px #00000024}.pulse-card-top{display:flex;flex-direction:column;gap:6px}.pulse-label{color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:800}.pulse-card-top strong{font-size:1.2rem;line-height:1}.pulse-meter{margin-top:18px;height:11px;border-radius:999px;background:#0d1018;overflow:hidden;border:1px solid #ffffff0a}.pulse-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pink) 0%,var(--violet) 52%,var(--cyan) 100%);box-shadow:0 0 18px #39e0ff50;animation:meterGlow 2.8s linear infinite}.pulse-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.pulse-stats div{padding:12px 10px;border-radius:18px;background:#0d121cbf;border:1px solid #ffffff10;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.pulse-stats div:hover{transform:translateY(-2px);border-color:#ffffff18;background:#101725}.pulse-stats strong,.pulse-stats span{display:block}.pulse-stats strong{font-size:1.1rem;color:#fff}.pulse-stats span{margin-top:4px;color:#95a2c1;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em}.lang-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;border-radius:22px;background:linear-gradient(180deg,#171c29 0%,#121723 100%);border:1px solid var(--shell-border);box-shadow:inset 0 1px #ffffff06}.lang-select-wrap{flex:1;min-width:150px}select{width:100%;border:1px solid #ffffff0a;border-radius:16px;padding:12px 38px 12px 14px;font-size:.95rem;font-family:Manrope,sans-serif;font-weight:700;background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3ba' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;color:var(--text);cursor:pointer;appearance:none;transition:border-color .18s,background-color .18s,transform .18s}select:hover{transform:translateY(-1px);background-color:#202433}select:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 4px #39e0ff20;background-color:#202331}.swap-btn{flex-shrink:0;width:48px;height:48px;border-radius:16px;border:1px solid var(--shell-border);background:var(--surface);color:var(--cyan);font-size:1.1rem;display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s,transform .2s;padding:0}.swap-btn:hover{background:#1f2230;border-color:var(--ring);transform:translateY(-1px) scale(1.06) rotate(8deg)}.panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{display:flex;flex-direction:column;border:1px solid var(--panel-border);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#1a2031 0%,#121625 100%);box-shadow:inset 0 1px #ffffff08;transition:border-color .2s,transform .2s,box-shadow .2s}.panel:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff08,0 18px 32px #00000024}.panel:focus-within{border-color:var(--ring);box-shadow:0 0 0 4px #39e0ff18,0 14px 34px #00000028;transform:translateY(-2px)}.panel-label{padding:14px 18px 4px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--pink)}textarea{flex:1;border:none;outline:none;resize:none;padding:8px 18px 18px;font-size:1.05rem;font-family:Manrope,sans-serif;color:var(--text);background:linear-gradient(180deg,transparent 0%,#ffffff01 100%);min-height:220px;line-height:1.55}textarea:focus{background:linear-gradient(180deg,#ffffff02 0%,#39e0ff04 100%)}textarea::placeholder{color:#727994}textarea.output{color:var(--ink-dark);font-weight:700}.panel-footer{display:flex;align-items:center;gap:6px;padding:10px 12px 12px;border-top:1px solid #ffffff0a;background:#131826}.char-count{font-size:.77rem;color:var(--muted);margin-right:auto}.icon-btn{border:none;background:#1d2130;color:var(--muted);font-size:.82rem;font-family:Manrope,sans-serif;font-weight:700;padding:7px 12px;border-radius:999px;cursor:pointer;transition:background .14s,color .14s,transform .14s;display:flex;align-items:center;gap:4px}.icon-btn:hover{background:#2a3149;color:var(--cyan);transform:translateY(-1px) scale(1.02)}.icon-btn svg{flex-shrink:0}.translate-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:6px;flex-wrap:wrap}.translate-btn{border:0;border-radius:999px;padding:16px 30px;background:linear-gradient(135deg,var(--pink) 0%,#8b5cf6 48%,var(--cyan) 100%);color:#fff;font-weight:800;font-size:1rem;font-family:Manrope,sans-serif;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;display:flex;align-items:center;gap:8px;box-shadow:0 16px 38px #ff2f9236;position:relative;overflow:hidden;animation:breatheButton 2.6s ease-in-out infinite}.translate-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 32%,#ffffff3d 46%,transparent 60% 100%);transform:translate(-120%);transition:transform .34s ease}.translate-btn:hover{transform:translateY(-1px);filter:saturate(1.06);box-shadow:0 18px 34px #39e0ff28}.translate-btn:hover:after{transform:translate(120%)}.translate-btn:active{transform:translateY(0)}.translate-btn:disabled{opacity:.7;pointer-events:none;animation:none}.translate-hint{margin:0;color:#98a5c4;font-size:.9rem;font-weight:700;text-align:right}.detected-lang{margin:0;font-size:.84rem;color:var(--muted);font-weight:700;min-height:1.2em}.detected-lang.error{color:#ff7a9f}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulseDot{0%{box-shadow:0 0 #d7ff4542}70%{box-shadow:0 0 0 10px #d7ff4500}to{box-shadow:0 0 #d7ff4500}}@keyframes meterGlow{0%{filter:saturate(.96) brightness(.96)}50%{filter:saturate(1.08) brightness(1.05)}to{filter:saturate(.96) brightness(.96)}}@keyframes breatheButton{0%,to{transform:translateY(0);box-shadow:0 16px 38px #ff2f9236}50%{transform:translateY(-1px);box-shadow:0 20px 42px #39e0ff24}}@keyframes driftGlow{0%,to{transform:translateZ(0)}50%{transform:translate3d(16px,-12px,0)}}@keyframes rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (max-width: 1280px){body{padding:18px 14px 32px}.app-layout{padding:12px 0 28px}.experience-shell{width:min(1080px,100%);padding:16px}.workspace-panel{padding:22px}.brand-title{font-size:clamp(2.2rem,3.6vw,3.5rem)}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(220px,.85fr)}}@media (max-width: 1024px){.pulse-card{padding:16px}.pulse-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.panels,.hero-grid{grid-template-columns:1fr}textarea{min-height:190px}.translate-row{align-items:flex-start}.translate-hint{text-align:left}}@media (max-width: 768px){body{padding:12px 10px 24px}.app-layout{padding:8px 0 20px;min-height:auto}.experience-shell{padding:12px;border-radius:24px}.workspace-panel{padding:18px 16px;border-radius:24px}.workspace-header{gap:12px}.brand-row{align-items:flex-start}.brand-copy{min-width:0}.app-logo{width:64px;height:64px}.brand-title{font-size:clamp(1.9rem,7vw,2.8rem)}.brand-microcopy{font-size:.86rem}.brand-signal{width:100%;justify-content:center}.hero-main{padding-top:8px}.hero-lead{max-width:14ch;font-size:clamp(1.45rem,5.5vw,2rem)}.workspace-subtitle{max-width:none;font-size:.95rem}.hero-tags{gap:10px}.hero-tags span{font-size:.77rem;padding:8px 12px}.lang-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch}.lang-select-wrap{min-width:0}.panel-footer{flex-wrap:wrap}.char-count{width:100%;margin-right:0}.translate-row{flex-direction:column;align-items:stretch}.translate-btn{width:100%;justify-content:center}.translate-hint{text-align:center}}@media (max-width: 560px){.panels{grid-template-columns:1fr}textarea{min-height:150px}.workspace-panel{padding:16px 14px}.brand-row{gap:12px}.app-logo{width:56px;height:56px}.workspace-eyebrow{font-size:.68rem;letter-spacing:.18em}.brand-title{font-size:clamp(1.75rem,9vw,2.4rem)}.hero-lead{max-width:12ch;font-size:clamp(1.6rem,10vw,2.2rem)}.lang-bar{grid-template-columns:1fr}.swap-btn{width:100%;min-height:46px}select{font-size:.92rem}.pulse-stats{grid-template-columns:1fr}.translate-btn{width:100%;justify-content:center}}.ui-lang-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid #ffffff18;background:#ffffff0b}.lang-flag-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid transparent;background:transparent;cursor:pointer;opacity:.45;transition:opacity .16s ease,border-color .16s ease,background .16s ease,transform .16s ease;padding:4px;overflow:hidden}.lang-flag-btn svg{width:100%;height:auto;border-radius:3px}.lang-flag-btn:hover{opacity:.8;transform:scale(1.1)}.lang-flag-btn.active{opacity:1;border-color:var(--cyan);background:#39e0ff18;box-shadow:0 0 10px #39e0ff30}.bmc-btn{position:fixed;bottom:28px;right:28px;z-index:100;display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:999px;background:#ff5e5b;color:#fff;font-family:Manrope,sans-serif;font-size:.92rem;font-weight:800;text-decoration:none;letter-spacing:.01em;box-shadow:0 4px 18px #ff5e5b55,0 2px 6px #00000028;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;animation:bmcFloat 3.2s ease-in-out infinite;white-space:nowrap}.kofi-cup-icon{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1)}.bmc-btn:hover{background:#ff4541;transform:translateY(-2px);box-shadow:0 8px 24px #ff5e5b66,0 3px 10px #00000030}.bmc-btn:active{transform:translateY(0) scale(.98)}@keyframes bmcFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width: 768px){.bmc-btn{bottom:18px;right:16px;padding:10px 18px;font-size:.84rem;border-radius:999px}}