:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#101c32;background:#b9d9eb;font-synthesis:none}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(135deg,#b8dbecaa,#eef8ffcc),url(/assets/lia-office-background.png) center / cover fixed}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:#a9cfe2aa;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}button,input,textarea{font:inherit}button{border:0}.app-shell{width:min(1200px,calc(100% - 64px));min-height:min(770px,calc(100vh - 64px));margin:32px auto;padding:22px 88px 52px;overflow:hidden;border:1px solid #ffffffb5;border-radius:19px;background:linear-gradient(130deg,#ffffff92,#dcecf5a8);box-shadow:0 20px 48px #142b4533,inset 0 1px #fff9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-header{display:flex;align-items:center;gap:36px;height:190px;padding:0 22px 20px}.brand-logo{width:170px;height:112px;object-fit:contain;filter:drop-shadow(0 4px 6px #57708a26)}.app-title-block{display:flex;flex-direction:column;justify-content:center;min-width:0}.app-title-block h1{margin:0;color:#111c32;font-size:clamp(3.2rem,6vw,5rem);font-weight:800;letter-spacing:.08em;line-height:.9}.app-title-block p{margin:12px 0 0;color:#17253a;font-size:clamp(1rem,2.3vw,1.55rem);font-weight:400;letter-spacing:-.025em;line-height:1.15;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 252px;align-items:start;gap:24px}.translation-column{min-width:0}.source-card,.language-panel,.results-card{border:1px solid #fff;background:#ffffff62;box-shadow:0 9px 18px #2e536d1c,inset 0 1px 2px #ffffffc7;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.source-card{position:relative;height:273px;padding:18px 23px;border-radius:17px}.source-card-header{display:flex;align-items:center;justify-content:space-between}.source-card label{color:#0b111c;font-size:1.08rem;font-weight:600}.source-actions{display:flex;gap:8px}.icon-button{display:grid;width:42px;height:42px;place-items:center;border:1px solid #bdcbd5;border-radius:11px;color:#182b3d;background:#ffffff45;cursor:pointer;font-size:1.55rem;line-height:1;transition:background .2s,transform .2s}.icon-button:hover{background:#fff9;transform:translateY(-1px)}.source-card textarea{display:block;width:100%;height:172px;margin-top:4px;resize:none;border:0;outline:0;color:#25374a;background:transparent;font-size:1.16rem;line-height:1.55}.source-card textarea::placeholder{color:#263849;opacity:.92}.character-count{position:absolute;right:22px;bottom:16px;color:#35465a;font-size:.92rem}.translate-button{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;height:55px;margin-top:16px;border:1px solid #9bbbd1;border-radius:28px;color:#f5fbff;background:linear-gradient(100deg,#1e365f,#3a7095,#203d6d);box-shadow:0 8px 15px #1d385d33,inset 0 1px #fff5;cursor:pointer;font-size:1.12rem;transition:filter .2s,transform .2s}.translate-button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.translate-button:disabled{cursor:not-allowed;opacity:.58}.translate-icon{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.language-panel{min-height:458px;overflow:hidden;border-radius:15px;background:#ffffffd0}.search-box{display:flex;align-items:center;gap:8px;margin:11px 11px 8px;padding:0 10px;height:38px;border:1px solid #c4ced7;border-radius:8px;color:#5f6b76;background:#ffffffa6}.search-box span{font-size:1.6rem;line-height:1;transform:rotate(-20deg)}.search-box input{width:100%;min-width:0;border:0;outline:0;color:#283747;background:transparent;font-size:.92rem}.search-box input::placeholder{color:#69737c}.selected-languages{display:flex;gap:8px;min-height:48px;padding:3px 12px 10px;border-bottom:1px solid #d2d9df}.language-chip{display:flex;align-items:center;gap:7px;height:32px;padding:0 10px;border-radius:8px;color:#223245;background:#eaf0f4;box-shadow:0 2px 3px #40566a1c;cursor:pointer;font-size:.94rem}.language-chip:hover{background:#dce9f1}.language-list-header{padding:11px 12px 7px;color:#18202b;font-size:1.02rem;font-weight:500}.language-list{max-height:355px;overflow-y:auto}.language-row{display:flex;align-items:center;width:100%;height:38px;padding:0 12px;color:#1e2732;background:transparent;cursor:pointer;text-align:left}.language-row:hover{background:#edf3f7}.language-row.is-selected{background:#e4eaee}.flag{width:29px;font-size:1.1rem}.language-name{overflow:hidden;flex:1;white-space:nowrap;text-overflow:ellipsis;font-size:.94rem}.language-code{margin-right:8px;color:#7c8790;font-size:.78rem}.chevron{color:#5d6770;font-size:.94rem}.error-message{color:#962d3b;font-size:.9rem}.results-card{margin-top:18px;padding:18px 22px;border-radius:15px}.results-card h2{margin:0 0 12px;font-size:1.15rem}.detected,.metrics{color:#506171;font-size:.85rem}.translation-result{margin-top:9px;padding:10px 13px;border-radius:10px;background:#f4f9fcaa}.translation-result h3{margin:0 0 4px;font-size:.9rem}.translation-result p{margin:0;line-height:1.45}@media(max-width:900px){.app-shell{width:min(760px,calc(100% - 32px));padding:20px 34px 40px}.app-header{height:160px;gap:24px}.brand-logo{width:145px;height:100px}.workspace{grid-template-columns:1fr}.language-panel{min-height:0}.language-list{max-height:260px}}@media(max-width:560px){body{background-attachment:scroll}.app-shell{width:calc(100% - 20px);min-height:calc(100vh - 20px);margin:10px auto;padding:16px 14px 25px;border-radius:15px}.app-header{height:auto;min-height:137px;gap:11px;padding:0 5px 18px}.brand-logo{width:106px;height:78px}.app-title-block h1{font-size:2.65rem}.app-title-block p{margin-top:7px;font-size:.84rem;letter-spacing:-.035em}.source-card{height:248px;padding:14px 15px}.source-card textarea{height:150px;font-size:1rem}.icon-button{width:36px;height:36px;font-size:1.35rem}.language-panel{border-radius:13px}}