*{box-sizing:border-box}html,body{height:100%}body{min-height:100vh;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.35}#root{width:100%}.app{--bg:#0b1020;--bg2:#0a0f1e;--surface:#ffffff0f;--surface2:#ffffff14;--border:#ffffff24;--text:#ffffffeb;--muted:#ffffffad;--muted2:#ffffff8c;--shadow:0 20px 60px #00000059;--ring:#ffffff2e;--btn:#ffffff1a;--btnHover:#ffffff24;--accent:#78a8fff2;--accent2:#a676fff2;min-height:100vh;color:var(--text);background:radial-gradient(1100px 700px at 20% 10%,#78a8ff2e,transparent 55%),radial-gradient(900px 650px at 80% 25%,#a676ff24,transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2));flex-direction:column;display:flex}.app[data-theme=light]{--bg:#f6f7fb;--bg2:#eef1f8;--surface:#ffffffbf;--surface2:#ffffffe6;--border:#0f172a1a;--text:#0f172aeb;--muted:#0f172aa6;--muted2:#0f172a80;--shadow:0 18px 50px #0f172a1f;--ring:#0f172a24;--btn:#0f172a0f;--btnHover:#0f172a17;--accent:#1463fff2;--accent2:#8846fff2}.bg{pointer-events:none;opacity:.9;position:fixed;inset:0}.wide{width:min(1200px,100% - 40px);margin:0 auto}.container{width:min(980px,100% - 40px);margin:0 auto}.appHeader{padding:18px 0 10px}.appMain{flex:1;place-items:center;padding:14px 0;display:grid}.appFooter{color:var(--muted2);padding:10px 0 18px}.appHeader .wide{grid-template-columns:56px 1fr auto;align-items:center;gap:14px;display:grid}.appHeader__left{justify-content:flex-start;align-items:center;display:flex}.brandIcon{border-radius:14px;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.brandIcon__img{object-fit:contain;width:100%;height:100%;display:block}.app[data-theme=dark] .brandIcon__img{filter:brightness(1.05)}.app[data-theme=light] .brandIcon__img{filter:brightness(.9)}.appHeader__center{min-width:0}.titleContainer{margin:5px}.title{letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(20px,2.2vw,32px)}.subtitle{color:var(--muted);margin:0;font-size:14px}.appHeader__right{white-space:nowrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:860px){.grid{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:16px}.card__title{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700}.card--result{flex-direction:column;justify-content:center;min-height:240px;display:flex}.form{gap:12px;display:grid}.twoCol{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:560px){.twoCol{grid-template-columns:1fr}}label span{color:var(--muted);font-size:13px}input,select{border:1px solid var(--border);height:44px;color:var(--text);background:#0000001f;border-radius:12px;outline:none;padding:0 12px;transition:border-color .12s,box-shadow .12s,background .12s}.app[data-theme=light] input,.app[data-theme=light] select{background:#ffffffa6}input::placeholder{color:var(--muted2)}input:focus,select:focus{border-color:var(--ring);box-shadow:0 0 0 4px #78a8ff2e}button{border:1px solid var(--border);background:var(--btn);color:var(--text);cursor:pointer;border-radius:12px;height:44px;padding:0 14px;transition:transform .12s,background .12s,border-color .12s}button:hover{background:var(--btnHover)}button:active{transform:translateY(1px)}.btn{font-weight:600}.btn--ghost{width:fit-content}.iconBtn{place-items:center;width:44px;padding:0;font-size:18px;display:grid}.card--result hr{background:var(--border);border:none;height:1px;margin:14px 0}.card--result b{color:var(--text)}.footer__inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;font-size:13px;display:grid}.footer__left{justify-self:start}.footer__center{text-align:center;justify-self:center}.footer__right{justify-self:end}.link{color:var(--muted2);border-bottom:1px dotted #0000;font-weight:500;text-decoration:none;transition:color .12s,border-color .12s,opacity .12s}.link:hover{color:var(--text);border-bottom-color:var(--border)}.link:focus-visible{color:var(--text);border-bottom-color:var(--text);outline:none}.link:active{opacity:.85}.linkBtn{cursor:pointer;background:0 0;border:none;height:auto;padding:0}.modalOverlay{z-index:50;background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.app[data-theme=light] .modalOverlay{background:#0f172a59}.modal{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--border);width:min(520px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;overflow:hidden}.modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 10px;display:flex}.modal__title{letter-spacing:-.01em;font-weight:800}.modal__close{width:40px;height:40px}.modal__body{color:var(--muted);padding:12px 14px 14px}.modal__footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:12px 14px 14px;display:flex}.modal__body ul{margin:8px 0 0}.modal__body li{list-style:outside}.modal__body strong{margin-bottom:6px;display:block}.langBtn{padding:0}.langIcon{object-fit:contain;filter:saturate(.9);width:22px;height:22px;display:block}.app[data-theme=dark] .langIcon{filter:saturate(.95)brightness(1.05)}.app[data-theme=light] .langIcon{filter:saturate(.9)brightness(.95)}.supportBtn{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface2),var(--surface));height:44px;box-shadow:var(--shadow);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:0 12px;text-decoration:none;transition:transform .12s,background .12s,opacity .12s;display:inline-flex}.supportBtn:hover{transform:translateY(-1px)}.supportBtn__icon{border:1px solid var(--border);background:var(--btn);border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.supportBtn__text{white-space:nowrap;font-size:13px;font-weight:700}@media (max-width:700px){.supportBtn{z-index:60;height:42px;padding:0 5px;position:fixed;bottom:45px;right:14px}.supportBtn__text{display:none}.supportBtn:hover .supportBtn__text,.supportBtn:focus-visible .supportBtn__text{display:inline}.appHeader .wide{grid-template-columns:56px auto}.appHeader__center{display:none}.appHeader__right{justify-content:flex-end}.title{margin-bottom:4px}}