@font-face{font-family:Borsok;src:url(/assets/Borsok-CRaFrmv6.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Days One;src:url(/assets/DaysOne-Regular-CiCyx5Qx.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Regular--Z-4elQA.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Medium-DzJeihj1.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-SemiBold-Cf0_mJZe.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Bold-C8N-3pXi.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}:root{--spik-bg:#050a17;--spik-surface:#1a1c33;--spik-border:#3352a5;--spik-primary:#495df8;--spik-primary-hover:#3a4ce0;--spik-danger:#f55556;--spik-text:#fff;--spik-text-muted:#9aa3c7;--spik-radius:16px;--spik-font-logo:"Borsok", system-ui, sans-serif;--spik-font-ui:"Days One", system-ui, "Segoe UI", Roboto, sans-serif;--spik-font-body:"Gilroy", system-ui, "Segoe UI", Roboto, sans-serif;font-family:var(--spik-font-body);line-height:1.4}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0;padding:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.dragging-scrollbar{-webkit-user-select:none;user-select:none}.list-page{flex-direction:column;flex:1;gap:32px;min-height:0;display:flex}.ipa-cell{flex-direction:column;gap:2px;line-height:1.3;display:flex}.ipa-cell b{color:var(--spik-text-muted);margin-right:6px;font-size:12px;font-weight:500}.actions-cell{align-items:center;gap:16px;display:flex}.icon-btn{color:var(--spik-primary);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.icon-btn svg{width:24px;height:24px}.icon-btn:active{opacity:.7}.modal-form{flex-direction:column;gap:36px;width:100%;display:flex}.fields{flex-direction:column;gap:24px;width:100%;display:flex}.field-row{justify-content:space-between;align-items:center;width:100%;display:flex}.field-row label{font-family:var(--spik-font-ui);color:var(--spik-text);font-size:16px}.field{background:var(--spik-surface);border:1px solid var(--spik-border);border-radius:var(--spik-radius);width:322px;height:58px;color:var(--spik-text);font-family:var(--spik-font-ui);outline:none;padding:10px 16px;font-size:16px}.field::placeholder{color:#ffffff4d}.field:disabled{color:var(--spik-text);-webkit-text-fill-color:var(--spik-text);opacity:1}.field:disabled::placeholder{color:#ffffff4d;-webkit-text-fill-color:#ffffff4d}.field.has-error{border-color:var(--spik-danger)}.field.readonly{overflow-wrap:anywhere;background:0 0;align-items:center;height:auto;min-height:58px;padding-block:16px;display:flex}.suggest-btn{background:var(--spik-surface);border:1px solid var(--spik-border);border-radius:var(--spik-radius);width:322px;height:58px;color:var(--spik-text);font-family:var(--spik-font-ui);cursor:pointer;padding:10px 16px;font-size:16px}.suggest-btn:active:not(:disabled){background:var(--spik-primary-hover)}.suggest-btn:disabled{opacity:.5;cursor:default}.listen-row{gap:16px;width:322px;display:flex}.listen-row .suggest-btn{flex:1;justify-content:center;align-items:center;gap:4px;width:auto;padding:10px;display:inline-flex;position:relative;overflow:hidden}.listen-progress{z-index:0;width:calc(30px + (100% - 32px) * var(--progress,0));border-radius:calc(var(--spik-radius) - 1px);background:linear-gradient(97deg,#2fa445 0%,#54c59c 100%);position:absolute;top:1px;bottom:1px;left:1px}.listen-row .suggest-btn .flag,.listen-row .suggest-btn .glyph,.listen-label{z-index:1;position:relative}.listen-row .flag{width:16px;height:12px;display:block}.listen-row .glyph{width:10px;height:12px;display:block}.input-action{flex-wrap:wrap;align-items:center;gap:16px;width:322px;display:flex}.field-row:has(.input-action){align-items:flex-start}.field-row:has(.input-action) label{align-items:center;min-height:58px;display:flex}.input-action .field{flex:1 1 0;width:auto;min-width:0}.action-btn{background:var(--spik-primary);border:1px solid var(--spik-border);border-radius:var(--spik-radius);width:58px;height:58px;color:var(--spik-text);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.action-btn svg{width:24px;height:24px}.action-btn:active:not(:disabled){background:var(--spik-primary-hover)}.action-btn:disabled{opacity:.5;cursor:default}.input-action .field.is-working,.action-btn.is-working:disabled{opacity:1;background:0 0}.form-error{width:100%;color:var(--spik-danger);font-family:var(--spik-font-body);margin:0;font-size:14px}.modal-btn{background:var(--spik-primary);border:1px solid var(--spik-border);border-radius:var(--spik-radius);width:100%;height:56px;color:var(--spik-text);font-family:var(--spik-font-ui);cursor:pointer;padding:8px 10px;font-size:18px}.modal-btn:active{background:var(--spik-primary-hover)}.delete-actions{gap:24px;width:100%;display:flex}.delete-actions .modal-btn{flex:1 1 0;width:auto}.modal-btn.danger{background:var(--spik-danger);border-color:#0000}.modal-btn.danger:active{background:#e04a4b}.candidates{grid-template-columns:repeat(2,1fr);gap:16px;width:322px;display:grid}.candidate.pending{cursor:default;background:0 0;border:none}.candidate.pending:before{content:"";--border-angle:0deg;background:linear-gradient(var(--border-angle), #3352a5 18.7%, #131f3f 31.6%);animation:2.4s linear infinite candidate-border-spin;position:absolute;inset:0}.candidate.pending:after{content:"";border-radius:calc(var(--spik-radius) - 1px);background:var(--spik-surface);position:absolute;inset:1px}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes candidate-border-spin{to{--border-angle:360deg}}@media (prefers-reduced-motion:reduce){.candidate.pending:before{animation:none}}.candidate{aspect-ratio:1;background:var(--spik-surface);border:1px solid var(--spik-border);border-radius:var(--spik-radius);cursor:pointer;padding:0;position:relative;overflow:hidden}.candidate img{object-fit:cover;width:100%;height:100%;display:block}.candidate:disabled{cursor:default}.candidate-busy{color:var(--spik-text);background:#0000008c;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}