:root{--text: #f4f4f5;--text-strong: #f3f4f7;--text-muted: #a1a1aa;--text-soft: #d4d4d8;--glass-bg: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .1);--radius: 24px;--ease: cubic-bezier(.22, 1, .36, 1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:linear-gradient(to bottom,#2a2e36,#16181d 45%,#0b0c0f);background-attachment:fixed}.bg-layer{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.mesh{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;filter:blur(75px)}.blob{position:absolute;height:55vw;width:55vw;border-radius:9999px;mix-blend-mode:screen;opacity:.7;will-change:transform}.blob-1{top:-10%;left:-5%;background:radial-gradient(circle at 30% 30%,#8b919c,transparent 60%);animation:float-1 22s ease-in-out infinite alternate}.blob-2{top:-15%;right:-10%;background:radial-gradient(circle at 70% 30%,#aab0bb,transparent 60%);animation:float-2 26s ease-in-out infinite alternate}.blob-3{bottom:-20%;left:5%;background:radial-gradient(circle at 40% 60%,#5b606b,transparent 62%);animation:float-3 30s ease-in-out infinite alternate}.blob-4{bottom:-15%;right:0%;background:radial-gradient(circle at 60% 60%,#767c87,transparent 60%);animation:float-4 24s ease-in-out infinite alternate}.blob-5{top:25%;left:30%;height:45vw;width:45vw;background:radial-gradient(circle at 50% 50%,#9aa0ab,transparent 62%);animation:float-1 28s ease-in-out infinite alternate-reverse}.cursor-glow{position:fixed;left:0;top:0;height:32rem;width:32rem;border-radius:9999px;filter:blur(90px);background:radial-gradient(circle,rgba(255,255,255,.12),rgba(167,139,250,.08) 45%,transparent 70%);transform:translate(-50%,-50%);transition:transform .5s var(--ease);will-change:transform}@keyframes float-1{0%{transform:translate(0) scale(1)}to{transform:translate(14vw,10vh) scale(1.25)}}@keyframes float-2{0%{transform:translate(0) scale(1.1)}to{transform:translate(-12vw,14vh) scale(.9)}}@keyframes float-3{0%{transform:translate(0) scale(1)}to{transform:translate(16vw,-12vh) scale(1.2)}}@keyframes float-4{0%{transform:translate(0) scale(1.05)}to{transform:translate(-14vw,-10vh) scale(1.15)}}.app{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:52px 20px 32px;animation:fade-up .6s var(--ease) both}.app__header{text-align:center;margin-bottom:26px}.app__logo{display:inline-flex;align-items:center;gap:10px;font-size:2rem;font-weight:600;letter-spacing:-.02em;color:var(--text-strong)}.app__tagline{margin:12px 0 0;color:var(--text-muted);font-size:.98rem}.glass{position:relative;border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ffffff1a,#ffffff0a 55%,#ffffff0f);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff59,inset 0 -1px 1px #0003;transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(160deg,#ffffff73,#fff0 35%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass--hover:hover{transform:translateY(-3px);border-color:#ffffff38;box-shadow:0 30px 60px -12px #0009,inset 0 1px #ffffff73,inset 0 -1px 1px #0003}.card{padding:22px;margin-bottom:18px}.controls{display:flex;gap:16px;flex-wrap:wrap}.field{flex:1 1 200px;display:flex;flex-direction:column;gap:8px}.field__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:12px 36px 12px 14px;border-radius:12px;background:#0003;border:1px solid var(--glass-border);color:var(--text);font:inherit;font-size:.95rem;cursor:pointer;transition:border-color .2s ease,background .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a1a1aa' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.select:hover{border-color:#ffffff40}.select:focus{outline:none;border-color:#fff6;background-color:#ffffff0a}.dd{position:relative}.dd__button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;border-radius:12px;background:#0003;border:1px solid var(--glass-border);color:var(--text);font:inherit;font-size:.95rem;cursor:pointer;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 1px #ffffff0f;transition:border-color .2s ease,background .2s ease}.dd__button:hover:not(:disabled){border-color:#ffffff40}.dd__button:disabled{opacity:.5;cursor:not-allowed}.dd__current{display:inline-flex;align-items:center;gap:9px}.dd__flag{font-size:1.05rem;line-height:1}.dd__chevron{width:12px;height:8px;color:var(--text-muted);transition:transform .25s var(--ease);flex-shrink:0}.dd__chevron.is-open{transform:rotate(180deg)}.dd__menu{position:absolute;z-index:30;top:calc(100% + 8px);left:0;right:0;max-height:280px;overflow-y:auto;padding:6px;margin:0;list-style:none;background:#262a33f0;border:1px solid rgba(255,255,255,.14);border-radius:16px;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:0 24px 50px -12px #0009,inset 0 1px #ffffff24;animation:dd-in .18s var(--ease) both}@keyframes dd-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dd__option{display:flex;align-items:center;gap:9px;width:100%;padding:9px 12px;border:none;border-radius:9px;background:transparent;color:var(--text-soft);font:inherit;font-size:.92rem;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.dd__option:hover{background:#ffffff14;color:var(--text)}.dd__option.is-selected{color:var(--text-strong);font-weight:600}.dd__check{width:15px;height:15px;margin-left:auto;color:var(--text)}.dd__menu::-webkit-scrollbar{width:8px}.dd__menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.burger{position:fixed;top:20px;right:20px;z-index:50}.burger__btn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;cursor:pointer;padding:0;transition:transform .2s var(--ease),border-color .2s ease}.burger__btn:hover{transform:translateY(-1px);border-color:#ffffff40}.burger__btn:active{transform:scale(.93)}.burger__btn.is-open{border-color:#ffffff4d}.burger__lines{display:flex;flex-direction:column;gap:5px}.burger__lines span{display:block;width:20px;height:2px;border-radius:2px;background:var(--text);transform-origin:center;transition:transform .34s var(--ease),opacity .18s ease,width .34s var(--ease)}.burger__btn:hover:not(.is-open) .burger__lines span:nth-child(1){width:14px}.burger__btn:hover:not(.is-open) .burger__lines span:nth-child(3){width:16px}.burger__btn.is-open .burger__lines span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger__btn.is-open .burger__lines span:nth-child(2){opacity:0}.burger__btn.is-open .burger__lines span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.burger__menu{position:absolute;top:0;right:calc(100% + 12px);width:240px;padding:8px;display:flex;flex-direction:column;gap:2px;background:#2c303af0;border:1px solid rgba(255,255,255,.14);border-radius:16px;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:0 24px 50px -12px #0009,inset 0 1px #ffffff24;transform-origin:top right;width:min(240px,calc(100vw - 40px));animation:burger-menu-in .34s var(--ease) both}@keyframes burger-menu-in{0%{opacity:0;transform:translate(12px) scale(.94)}to{opacity:1;transform:translate(0) scale(1)}}.burger__link{display:flex;flex-direction:column;gap:2px;padding:11px 13px;border-radius:11px;text-decoration:none;transition:background .15s ease,transform .15s ease;animation:burger-link-in .34s var(--ease) both}.burger__link:nth-child(1){animation-delay:.06s}.burger__link:nth-child(2){animation-delay:.11s}.burger__link:nth-child(3){animation-delay:.16s}@keyframes burger-link-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.burger__link:hover{background:#ffffff14;transform:translate(-2px)}.burger__link-label{font-size:.92rem;font-weight:600;color:var(--text-strong)}.burger__link-desc{font-size:.76rem;color:var(--text-muted)}.pill{position:relative;display:flex;padding:4px;border-radius:14px;background:#00000038;border:1px solid var(--glass-border);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 1px #ffffff14,inset 0 2px 5px #0000004d}.pill--disabled{opacity:.5}.pill__glass{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--count));border-radius:10px;background:linear-gradient(180deg,#fff,#f1f1f3);box-shadow:0 4px 14px #0006,inset 0 1px #fffffff2,inset 0 -1px 2px #0000001f;transform:translate(calc(var(--index) * 100%));transition:transform .45s var(--ease);pointer-events:none}.pill__seg{position:relative;z-index:1;flex:1 1 0;min-width:0;padding:9px 6px;border:none;border-radius:10px;background:transparent;color:var(--text-soft);font:inherit;font-size:.84rem;font-weight:600;cursor:pointer;transition:color .3s var(--ease),transform .15s ease;white-space:nowrap}.pill__seg.is-active{color:#18181b}.pill__seg:not(.is-active):not(:disabled):hover{color:var(--text)}.pill__seg:active:not(:disabled){transform:scale(.96)}.pill__seg:disabled{cursor:not-allowed}@media (max-width: 460px){.pill__seg{font-size:.76rem;padding:9px 2px}}.upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center;border:1.5px dashed rgba(255,255,255,.18);border-radius:var(--radius);background:#ffffff08;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:inset 0 1px #ffffff1f;cursor:pointer;transition:border-color .2s ease,background .2s ease}.upload:hover,.upload--drag{border-color:#ffffff59;background:#ffffff0d}.upload__icon{width:44px;height:44px;color:var(--text-soft)}.upload__title{font-weight:600;font-size:1.05rem;color:var(--text-strong)}.upload__hint{color:var(--text-muted);font-size:.85rem}.upload__file{margin-top:4px;font-size:.9rem;color:var(--text);word-break:break-all}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;border:none;border-radius:12px;background:linear-gradient(180deg,#fff,#ededf0);color:#18181b;font:inherit;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #00000059,inset 0 1px #ffffffe6;transition:background .2s ease,transform .15s ease,opacity .2s ease,box-shadow .2s ease}.btn:hover:not(:disabled){background:linear-gradient(180deg,#f4f4f5,#e4e4e7);transform:translateY(-1px);box-shadow:0 10px 24px #0006,inset 0 1px #fffffff2}.btn:disabled{opacity:.3;cursor:not-allowed}.btn--ghost{width:auto;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-soft);padding:8px 14px;font-size:.85rem;font-weight:500}.btn--ghost:hover:not(:disabled){background:#ffffff0d;transform:none}.progress{display:flex;align-items:center;gap:14px;color:var(--text-muted);font-size:.95rem}.spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.15);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.progress-box{display:flex;flex-direction:column;gap:10px}.progress-row{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:var(--text-soft)}.progress-label{display:inline-flex;align-items:center;gap:10px}.progress-hint{margin:2px 0 0;font-size:.8rem;color:var(--text-muted);line-height:1.5}.bar{position:relative;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.bar__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#d4d4d8,#fff);box-shadow:0 0 10px #fff6;transition:width .2s ease}.bar--indeterminate .bar__fill{width:40%;animation:indeterminate 1.3s var(--ease) infinite}@keyframes indeterminate{0%{transform:translate(-110%)}to{transform:translate(310%)}}.result__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.result__title{font-size:1.05rem;font-weight:600;color:var(--text-strong)}.result__meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.chip{font-size:.75rem;padding:4px 10px;border-radius:999px;background:#ffffff0f;border:1px solid var(--glass-border);color:var(--text-soft)}.result__text{white-space:pre-wrap;line-height:1.65;color:var(--text);font-size:.98rem}.history__title{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 14px}.history__item{padding:14px 16px;border-radius:14px;background:#ffffff08;border:1px solid var(--glass-border);margin-bottom:10px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.history__item:hover{border-color:#fff3;background:#ffffff0f}.history__item-name{font-size:.9rem;font-weight:600;margin-bottom:4px;color:var(--text-strong)}.history__item-preview{font-size:.82rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error{color:#fca5a5;background:#ef444414;border:1px solid rgba(239,68,68,.25);padding:12px 16px;border-radius:12px;font-size:.9rem}.footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;width:100%;margin:110px auto 44px;padding:0 clamp(24px,5vw,80px);background:transparent}.footer__pill{padding:8px 16px;border-radius:999px;font-size:.8rem;font-weight:500;color:var(--text-soft);text-decoration:none;white-space:nowrap}.footer__pill:before{border-radius:inherit}a.footer__pill:hover{color:var(--text);transform:translateY(-2px)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (hover: none),(pointer: coarse){.cursor-glow{display:none}}@media (max-width: 820px){.footer{padding:0 24px}}@media (max-width: 640px){.app{padding:56px 16px 72px}.app__logo{font-size:1.6rem}.app__tagline{font-size:.9rem}.card{padding:20px}.upload{padding:36px 16px}.controls{gap:12px}.footer{justify-content:center;gap:8px;margin-top:40px;padding:0 16px}.footer__pill{font-size:.74rem;padding:7px 13px}.burger{top:14px;right:14px}}@media (max-width: 380px){.app__logo{font-size:1.4rem}.footer__pill{font-size:.7rem;padding:6px 11px}}@media (prefers-reduced-motion: reduce){.blob,.cursor-glow,.app,.spinner,.pill__glass,.dd__menu,.burger__menu,.burger__link,.bar--indeterminate .bar__fill{animation:none!important;transition:none!important}}#root{display:flex;flex-direction:column;min-height:100vh}.app{flex:1}.footer{margin-top:auto}
