@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}.list-page{flex-direction:column;flex:1;gap:32px;min-height:0;display:flex}.thumb{object-fit:cover;border:1px solid var(--spik-border);border-radius:16px;width:56px;height:56px;display:block}.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.has-error{border-color:var(--spik-danger)}.field.readonly{background:0 0;align-items:center;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:10px;width:322px;display:flex}.listen-row .suggest-btn{flex:1;width:auto}.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)}.modal-btn.danger:active{background:#e04a4b}
