:root{--bg:#0f1219;--bg-soft:#151a24;--card:#ffffff0b;--card-strong:#ffffff13;--border:#ffffff17;--border-strong:#ffffff2e;--text:#e9ecf3;--muted:#e9ecf38f;--faint:#e9ecf357;--accent:#5eead4;--accent-2:#818cf8;--danger:#fb7185;--warn:#fbbf24;--radius:16px;--radius-sm:10px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:radial-gradient(1200px 620px at 12% -8%, #5eead41a, transparent 60%), radial-gradient(1000px 560px at 92% 0%, #818cf821, transparent 62%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;line-height:1.5}button{color:inherit;font-family:inherit}.app{flex-direction:column;max-width:1280px;min-height:100vh;margin:0 auto;padding:20px 22px 0;display:flex}.topbar{justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand__logo{border:1px solid var(--border);background:linear-gradient(135deg,#5eead438,#818cf83d);border-radius:14px;place-items:center;width:46px;height:46px;font-size:26px;display:grid}.brand__text h1{letter-spacing:.5px;background:linear-gradient(92deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:21px;font-weight:700}.brand__text p{color:var(--muted);margin-top:2px;font-size:12px}.ghost-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:13px;transition:background .18s,border-color .18s,transform .12s;display:inline-flex}.ghost-btn:hover{background:var(--card-strong);border-color:var(--border-strong)}.ghost-btn:active{transform:scale(.97)}.primary-btn{color:#08111a;background:linear-gradient(92deg, var(--accent), var(--accent-2));cursor:pointer;border:none;border-radius:999px;min-height:40px;padding:0 20px;font-size:13px;font-weight:600;transition:filter .18s,transform .12s}.primary-btn:hover{filter:brightness(1.1)}.primary-btn:active{transform:scale(.97)}.badge{color:#cfd4ff;background:#818cf847;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:700;display:grid}.stage{flex-direction:column;flex:1;gap:14px;display:flex}.langbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.swap{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:50%;width:44px;height:44px;font-size:19px;transition:background .18s,transform .25s,border-color .18s}.swap:hover{border-color:var(--border-strong);background:linear-gradient(135deg,#5eead433,#818cf838);transform:rotate(180deg)}.picker{min-width:0;position:relative}.picker__btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);cursor:pointer;text-align:left;align-items:center;gap:9px;width:100%;min-height:44px;padding:6px 14px;transition:background .18s,border-color .18s;display:flex}.picker__btn:hover{background:var(--card-strong);border-color:var(--border-strong)}.picker__label{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.picker__detected{color:var(--accent);white-space:nowrap;background:#5eead421;border:1px solid #5eead447;border-radius:999px;padding:2px 8px;font-size:11px}.picker__caret{color:var(--muted);margin-left:auto;font-size:11px;transition:transform .2s}.picker__caret--up{transform:rotate(180deg)}.picker__panel{z-index:60;border-radius:var(--radius);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12161ff7;width:min(330px,100vw - 32px);animation:.16s ease-out pop;position:absolute;top:calc(100% + 7px);left:0;overflow:hidden;box-shadow:0 22px 48px #0000008c}.picker--right .picker__panel{left:auto;right:0}@keyframes pop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.picker__search{border-bottom:1px solid var(--border);padding:10px}.picker__search input{border:1px solid var(--border);width:100%;height:38px;color:var(--text);background:#00000052;border-radius:9px;outline:none;padding:0 12px;font-size:14px}.picker__search input:focus{border-color:#5eead480}.picker__search input::placeholder{color:var(--faint)}.picker__list{overscroll-behavior:contain;max-height:330px;padding:6px;overflow-y:auto}.picker__group{letter-spacing:.6px;color:var(--faint);text-transform:uppercase;padding:9px 10px 5px;font-size:11px}.picker__item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:14px;display:flex}.picker__item--cursor{background:#ffffff14}.picker__item--on{background:linear-gradient(92deg,#5eead42b,#818cf82b)}.picker__item-zh{font-weight:500}.picker__item-native{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.picker__check{color:var(--accent);margin-left:auto;font-size:13px}.picker__empty{text-align:center;color:var(--faint);padding:26px 12px;font-size:13px}.panes{grid-template-columns:1fr 1fr;align-items:stretch;gap:14px;display:grid}.pane{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;min-height:330px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.pane:focus-within{border-color:#5eead461;box-shadow:0 0 0 3px #5eead417}.pane--target{background:#ffffff08}.pane--error{border-color:#fb71856b}.pane__head{border-bottom:1px solid var(--border);background:#00000029;align-items:center;gap:9px;padding:11px 14px;display:flex}.pane__tag{letter-spacing:.6px;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.pane__tag--source{color:var(--accent);background:#5eead429}.pane__tag--target{color:#b9c0ff;background:#818cf82e}.pane__lang{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pane__busy{color:var(--accent);margin-left:auto;font-size:11px;animation:1.1s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.pane__body{flex-direction:column;flex:1;gap:10px;padding:12px 14px;display:flex;position:relative}.pane__input{width:100%;min-height:150px;color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px;line-height:1.75}.pane__input::placeholder{color:var(--faint)}.pane__translit{color:var(--accent);opacity:.82;background:#5eead414;border:1px solid #5eead429;border-radius:9px;padding:7px 11px;font-size:13px}.pane__alts{background:#818cf814;border:1px solid #818cf829;border-radius:9px;flex-direction:column;gap:5px;padding:9px 11px;font-size:13px;display:flex}.pane__alts-title{color:var(--faint);letter-spacing:.6px;font-size:11px}.pane__alts-row{align-items:baseline;gap:9px;display:flex}.pane__pos{color:#b9c0ff;flex-shrink:0;min-width:52px;font-style:italic}.pane__terms{color:var(--muted)}.pane__error{color:var(--danger);background:#fb71851a;border:1px solid #fb71853d;border-radius:9px;align-items:center;gap:10px;padding:9px 11px;font-size:13px;display:flex}.link-btn{color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:2px 4px;font-size:13px;font-weight:600;text-decoration:underline}.link-btn--danger{color:var(--danger)}.skeleton{pointer-events:none;flex-direction:column;gap:12px;display:flex;position:absolute;inset:12px 14px}.skeleton span{background:linear-gradient(90deg,#ffffff0d,#ffffff21,#ffffff0d) 0 0/220% 100%;border-radius:8px;height:15px;animation:1.3s linear infinite shimmer}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.pane__foot{border-top:1px solid var(--border);background:#00000029;justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;display:flex}.count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px}.count--over{color:var(--warn);font-weight:600}.tools{gap:6px;display:flex}.tool{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:34px;height:34px;font-size:15px;transition:background .16s,border-color .16s,transform .12s;display:grid}.tool:hover:not(:disabled){border-color:var(--border);background:#ffffff17}.tool:active:not(:disabled){transform:scale(.92)}.tool:disabled{opacity:.3;cursor:not-allowed}.statusbar{min-height:20px;color:var(--muted);text-align:center;font-size:12px}.statusbar__hint{color:var(--faint)}.chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.chips__label{color:var(--faint);margin-right:2px;font-size:12px}.chip{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;transition:background .16s,border-color .16s,transform .12s,color .16s}.chip:hover{border-color:var(--border-strong);background:linear-gradient(92deg,#5eead429,#818cf82e);transform:translateY(-1px)}.foot{text-align:center;color:var(--faint);padding:20px 0 22px;font-size:11px}.backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05080d9e;animation:.18s ease-out fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{z-index:90;border-left:1px solid var(--border-strong);background:#10141cfa;flex-direction:column;width:min(430px,100vw);animation:.24s cubic-bezier(.22,1,.36,1) slide;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 50px #00000080}@keyframes slide{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.drawer__head h2{font-size:16px;font-weight:700}.drawer__actions{align-items:center;gap:8px;display:flex}.drawer__body{flex-direction:column;flex:1;gap:9px;padding:12px;display:flex;overflow-y:auto}.drawer__empty{text-align:center;color:var(--muted);padding:60px 20px;font-size:14px}.drawer__empty-icon{opacity:.5;margin-bottom:12px;font-size:34px}.drawer__hint{color:var(--faint);margin-top:7px;font-size:12px}.hist{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);transition:border-color .16s,background .16s;position:relative;overflow:hidden}.hist:hover{border-color:var(--border-strong);background:var(--card-strong)}.hist__main{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:11px 38px 11px 12px;display:block}.hist__meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.hist__pair{color:var(--accent);font-size:11px;font-weight:600}.hist__time{color:var(--faint);font-size:11px}.hist__from,.hist__to{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.hist__from{color:var(--text)}.hist__to{color:var(--muted)}.hist__del{width:26px;height:26px;color:var(--faint);cursor:pointer;background:0 0;border:none;border-radius:7px;font-size:12px;position:absolute;top:8px;right:8px}.hist__del:hover{color:var(--danger);background:#fb71852e}.modal{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05080db8;place-items:center;padding:20px;animation:.18s ease-out fade;display:grid;position:fixed;inset:0}.modal__box{border-radius:var(--radius);border:1px solid var(--border-strong);background:#12161ffc;flex-direction:column;width:min(880px,100%);max-height:86vh;display:flex;overflow:hidden;box-shadow:0 30px 70px #0009}.modal__head{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:13px;display:flex}.modal__input{min-height:320px;color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;padding:16px;font-family:inherit;font-size:17px;line-height:1.8}.modal__foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.modal__btns{gap:9px;display:flex}.toast{z-index:120;border:1px solid var(--border-strong);background:#141922f5;border-radius:999px;padding:11px 22px;font-size:13px;animation:.22s cubic-bezier(.22,1,.36,1) rise;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #00000080}@keyframes rise{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (width<=860px){.app{padding:14px 13px 0}.topbar{padding-bottom:13px}.brand__logo{width:40px;height:40px;font-size:22px}.brand__text h1{font-size:18px}.brand__text p{font-size:11px}.panes{grid-template-columns:1fr}.pane{min-height:232px}.pane__input{min-height:116px}.picker__label{font-size:13px}.picker__detected{display:none}.picker__btn{min-height:44px;padding:6px 11px}.swap{width:44px;height:44px}.tool{width:44px;height:44px;font-size:17px}.chip{padding:10px 15px;font-size:13px}.ghost-btn{min-height:44px}.statusbar__hint{font-size:11px}.foot{padding:15px 0 18px;font-size:10px}}@media (width<=420px){.langbar{gap:7px}.brand__text p,.chips__label{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}