:root{--accent: #F9F674;--btn-text: #121212;--outline: #e7e7e7;--serif: "Newsreader", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--grid-gap: 227px}html[data-theme=dark]{--bg: #1f1d1a;--text: #fffff9;--text-60: rgba(255, 255, 249, .6);--text-20: rgba(255, 255, 249, .2);--text-10: rgba(255, 255, 249, .1);--panel: #262420;--grid-line: rgba(255, 255, 249, .1);--grid-dot: rgba(255, 255, 249, .2);--grid-dot-fill: rgba(255, 255, 249, .2);--grid-dot-ring: rgba(255, 255, 249, .36)}html[data-theme=light]{--bg: #fffff9;--text: #1f1d1a;--text-60: rgba(31, 29, 26, .6);--text-20: rgba(31, 29, 26, .2);--text-10: rgba(31, 29, 26, .08);--panel: #f1efe9;--grid-line: rgba(31, 29, 26, .1);--grid-dot: rgba(31, 29, 26, .2);--grid-dot-fill: rgba(31, 29, 26, .2);--grid-dot-ring: rgba(31, 29, 26, .36)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--serif);overflow:hidden;transition:background .4s ease,color .4s ease}#app{position:relative;z-index:1;height:100vh;width:100vw}button{font-family:var(--sans);cursor:pointer}input{font-family:var(--sans)}.abtn{font-family:var(--sans);font-size:13px;font-weight:500;border:1px solid var(--text-20);background:transparent;color:var(--text);border-radius:6px;padding:7px 12px;cursor:pointer}.abtn:hover{border-color:var(--text-60)}.abtn--primary{background:var(--accent);color:var(--btn-text);border-color:var(--accent)}.abtn--danger{color:#ff6b6b;border-color:#ff6b6b55}.abtn[disabled]{opacity:.5;cursor:default}.modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--bg, #15161a);border:1px solid rgba(255,255,255,.12);border-radius:10px;width:min(900px,92vw);max-height:86vh;display:flex;flex-direction:column}.modal__bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.modal__title{font-weight:600}.modal__body{padding:16px;overflow:auto}