.progress-wrap{position:fixed;top:0;left:0;width:100%;height:3px;background:0 0;z-index:160}.progress-wrap .bar{height:100%;width:0%;background-color:var(--accent-color);transition:width .1s ease-out}header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:100;background-color:var(--bg-glass);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-bottom:1px solid var(--border-color);padding:0 calc(20px + env(safe-area-inset-right))0 calc(20px + env(safe-area-inset-left));display:flex;align-items:center;transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .25s ease,border-color .25s ease;user-select:none}header.hidden{transform:translateY(-100%)}.hdr-wrap{max-width:720px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;transition:max-width .3s ease}.logo-grp{display:flex;align-items:center;gap:12px}header .btn{background-color:var(--bg-color);border:1px solid transparent;color:var(--text-color);width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px var(--shadow-color);-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,color .2s ease,background-color .2s ease,transform .15s ease}header .btn:hover{border-color:var(--accent-color)}.logo{font-size:1.15rem;font-weight:700;text-decoration:none;color:var(--text-color);letter-spacing:-.015em;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trans-drawer{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:100%;max-width:var(--max-width);background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:20px 20px 0 0;box-shadow:0-10px 35px var(--shadow-color);padding:24px 24px calc(24px + env(safe-area-inset-bottom)) 24px;z-index:130;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s;opacity:0}.trans-drawer.active{transform:translate(-50%) translateY(0);opacity:1}.trans-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border-color);gap:12px;user-select:none}.trans-title{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-color)}.trans-body{font-size:.95rem;line-height:1.6;color:var(--text-color);max-height:120px;overflow-y:auto;margin-bottom:14px;font-weight:500}.trans-loader{display:none;align-items:center;justify-content:center;gap:10px;font-size:.85rem;color:var(--text-muted);padding:20px 0}.trans-actions{display:flex;justify-content:flex-end;gap:12px;user-select:none}.trans-btn{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:8px 14px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .15s,border-color .15s}.trans-btn:hover{background-color:var(--border-color)}.alt-card{border:1px solid var(--border-color);background-color:var(--bg-color);border-radius:8px;padding:10px 12px;margin-top:8px;font-size:.85rem;transition:border-color .25s ease,background-color .25s ease}.select.trans{width:auto;min-width:140px}.trans .select-trigger{border-radius:8px;padding:0 10px;height:32px}.trans .select-options{top:auto;bottom:calc(100% + 6px);box-shadow:0-10px 25px var(--shadow-color);transform:translateY(8px)}.trans .select-label{font-size:.8rem}.trans .select-arrow{margin-left:6px}@media (max-width:600px){.trans-drawer{border-radius:16px 16px 0 0;max-width:100%;left:0;right:0;width:100%;border-left:none;border-right:none;transform:translateY(100%)}.trans-drawer.active{transform:translateY(0)}}.trans-details{display:block;margin-top:14px}.trans-label-original{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-bottom:4px}.trans-original-text{font-size:.85rem;color:var(--text-muted);margin-bottom:12px;max-height:80px;overflow-y:auto;font-style:italic}.trans-alternatives-section{margin-top:12px;border-top:1px solid var(--border-color);padding-top:12px}.trans-label-alternatives{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-bottom:8px}.trans-alt-list{display:flex;flex-direction:column;gap:8px}.trans-alt-option{font-size:.7rem;font-weight:700;color:var(--accent-color);margin-bottom:2px}.trans-alt-text{color:var(--text-color)}.trans-actions{margin-top:16px}.trans-btn-icon{margin-right:4px}.select{position:relative;width:100%}.select-trigger{width:100%;background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:10px;padding:0 14px;font-size:.85rem;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer;outline:0;transition:border-color .2s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent;height:42px}.select-trigger:focus,.select.open .select-trigger{border-color:var(--accent-color)}.select-arrow{color:var(--text-muted);transition:transform .2s ease}.select.open .select-arrow{transform:rotate(180deg)}.select-options{position:absolute;top:calc(100% + 6px);left:0;right:0;background-color:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;box-shadow:0 10px 25px var(--shadow-color);z-index:210;max-height:220px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}.select.open .select-options{opacity:1;visibility:visible;transform:translateY(0)}.select-option{padding:10px 14px;font-size:.85rem;color:var(--text-color);cursor:pointer;transition:background-color .15s,color .15s;font-weight:500}.select-option:hover{background-color:var(--accent-light);color:var(--accent-color)}.select-option.selected{background-color:var(--accent-color);color:#fff}:root{--bg-color:#fbfbf9;--bg-glass:rgba(251, 251, 249, .88);--text-color:#1c1917;--text-muted:#78716c;--accent-color:#2563eb;--accent-light:rgba(37, 99, 235, .08);--border-color:#e7e5e4;--panel-bg:rgba(245, 245, 242, .96);--panel-border:rgba(231, 229, 228, .85);--shadow-color:rgba(28, 25, 23, .06);--font-family:var(--font-literata), var(--font-thai), var(--font-kozuka), var(--font-harmony), sans-serif;--font-size:19px;--line-height:1.85;--max-width:680px;--text-align:left;--header-height:64px}[data-theme=sepia]{--bg-color:#f4ecd8;--bg-glass:rgba(244, 236, 216, .88);--text-color:#3b2f1f;--text-muted:#826e58;--accent-color:#b45309;--accent-light:rgba(180, 83, 9, .08);--border-color:#e4d5b7;--panel-bg:rgba(235, 221, 194, .96);--panel-border:rgba(228, 213, 183, .85);--shadow-color:rgba(67, 52, 34, .05)}[data-theme=charcoal]{--bg-color:#2e3440;--bg-glass:rgba(46, 52, 64, .88);--text-color:#eceff4;--text-muted:#9ca3af;--accent-color:#88c0d0;--accent-light:rgba(136, 192, 208, .15);--border-color:#3b4252;--panel-bg:rgba(40, 44, 52, .96);--panel-border:rgba(59, 66, 82, .85);--shadow-color:rgba(0, 0, 0, .15)}[data-theme=dark]{--bg-color:#121214;--bg-glass:rgba(18, 18, 20, .88);--text-color:#e4e4e7;--text-muted:#a1a1aa;--accent-color:#60a5fa;--accent-light:rgba(96, 165, 250, .15);--border-color:#27272a;--panel-bg:rgba(20, 20, 22, .96);--panel-border:rgba(39, 39, 42, .85);--shadow-color:rgba(0, 0, 0, .3)}[data-theme=oled]{--bg-color:#000000;--bg-glass:rgba(0, 0, 0, .9);--text-color:#f4f4f5;--text-muted:#71717a;--accent-color:#f43f5e;--accent-light:rgba(244, 63, 94, .12);--border-color:#18181b;--panel-bg:rgba(10, 10, 10, .96);--panel-border:rgba(24, 24, 27, .85);--shadow-color:rgba(0, 0, 0, .5)}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}[data-theme=charcoal] html,[data-theme=dark] html,[data-theme=oled] html{scrollbar-color:rgba(255,255,255,.25) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:99px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#00000059}[data-theme=charcoal] ::-webkit-scrollbar-thumb,[data-theme=dark] ::-webkit-scrollbar-thumb,[data-theme=oled] ::-webkit-scrollbar-thumb{background-color:#ffffff26}[data-theme=charcoal] ::-webkit-scrollbar-thumb:hover,[data-theme=dark] ::-webkit-scrollbar-thumb:hover,[data-theme=oled] ::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.no-transitions,.no-transitions *{transition:none!important}*{box-sizing:border-box;margin:0;padding:0}::selection,::-webkit-selection{background-color:#377ef099}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-inter),var(--font-google),var(--font-kozuka),var(--font-harmony),sans-serif;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}.backdrop{display:block;position:fixed;inset:0;background:#00000059;z-index:140;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.backdrop.active{opacity:1;visibility:visible}main{flex:1;padding-top:calc(var(--header-height) + 36px);padding-bottom:60px;padding-left:24px;padding-right:24px;display:flex;flex-direction:column;align-items:center;width:100%}@media (max-width:600px){main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}button{font-family:inherit}