#app.in{animation:pg .45s both}@keyframes pg{from{opacity:0;transform:translateY(14px)}}
.pagebox{padding:110px 0 80px}
.bb{font-family:var(--disp);font-weight:800;letter-spacing:.28em;font-size:clamp(.9rem,2vw,1.1rem);color:var(--gold);margin:8px 0 4px}
.fm label{display:block;font-weight:600;font-size:.88rem;margin:14px 0 6px}
.fm input,.fm select,.fm textarea{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--bd);background:rgba(255,255,255,.06);color:var(--tx);font:inherit}
.fm select option,td select option{color:#000}
.fm input:focus,.fm select:focus,.fm textarea:focus{outline:0;border-color:var(--pur2);box-shadow:0 0 0 3px rgba(124,77,255,.3)}
.box{max-width:480px;margin:0 auto;padding:32px 28px}
.two{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;justify-content:space-between;align-items:center}
.err{color:#ff9aa8;font-size:.9rem;margin-top:12px;min-height:1.2em}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:600px}
th{text-align:left;color:var(--mut);padding:10px;font-size:.78rem;border-bottom:1px solid var(--bd)}td{padding:10px;border-bottom:1px solid var(--bd);vertical-align:middle}
td input,td select{padding:7px 9px;border-radius:8px;border:1px solid var(--bd);background:rgba(255,255,255,.06);color:var(--tx);width:100%;font:inherit;min-width:70px}
td input[type=checkbox]{width:auto;min-width:0}
.stat{padding:22px}.stat b{display:block;font-family:var(--disp);font-size:2rem}
.learn{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}
.pl2{aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;display:grid;place-items:center;text-align:center;padding:0}
.pl2>div{padding:16px}.pl2 video,.pl2 iframe{width:100%;height:100%;border:0}
.mods{max-height:70vh;overflow:auto;padding:8px}.mods h4{padding:12px 8px 4px;font-size:.78rem;color:var(--gold);letter-spacing:.06em}
a.ls{color:inherit;text-decoration:none}.ls.cur{background:rgba(124,77,255,.22)}
.mini{padding:6px 14px;font-size:.82rem}.btn:disabled{opacity:.4;pointer-events:none}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mrow{padding:14px 4px;border-top:1px solid var(--bd)}
@media(max-width:900px){.learn{grid-template-columns:1fr}}
@media(max-width:860px){.two{grid-template-columns:1fr}}
@media(max-width:560px){.row2{grid-template-columns:1fr}}