.c259-jump{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:230px;min-height:42px;border:1px solid #ccd9eb;border-radius:10px;background:white;color:#294c7a;font-size:13px;padding:10px 13px}.class-hub-head>.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.c259-picker{position:fixed;z-index:1800;width:340px;max-width:calc(100vw - 16px);max-height:min(540px,calc(100dvh - 16px));overflow:auto;background:white;border:1px solid #dbe4ef;border-radius:14px;box-shadow:0 12px 38px #18315325;padding:8px;color:#183153}.c259-search{display:grid;gap:6px;font-size:12px;font-weight:650;padding:6px;position:sticky;top:-8px;background:white;z-index:2}.c259-search[hidden]{display:none}.c259-search input{width:100%;border:1px solid #d3dfec;border-radius:8px;padding:10px;font-size:14px}.c259-results{display:grid;gap:3px}.c259-results>button{display:flex;align-items:center;gap:10px;border:0;border-left:3px solid var(--class-ink);background:white;text-align:left;border-radius:8px;padding:9px;min-height:58px;color:inherit}.c259-results>button[hidden]{display:none}.c259-results>button:hover,.c259-results>button:focus-visible{background:var(--class-tint)}.c259-results .c257-art,.c259-results .c257-art:not(.has-cover){width:52px;height:36px;border-radius:7px;font-size:12px;flex:none}.c259-results .c257-art>span{font-size:14px}.c259-results button>span{display:grid;gap:3px;min-width:0}.c259-results strong{font-size:13px;overflow-wrap:anywhere}.c259-results small{font-size:11px;color:#6a7d95}.c257-class{scroll-margin-top:20px}.c259-arrived{outline:3px solid #477bdc;outline-offset:-3px;animation:c259-highlight 1.5s ease-out}@keyframes c259-highlight{0%{box-shadow:inset 0 0 0 6px #2563eb55}100%{box-shadow:inset 0 0 0 0 transparent}}.c259-drag-handle{width:32px;min-height:36px;border:0;background:#ffffffcf;border-radius:9px;color:#61758f;cursor:grab;touch-action:none;display:grid;place-items:center;opacity:.4;padding:5px}.c257-class:hover>.c258-header .c259-drag-handle,.class-screen-card:hover>.c259-drag-handle,.c259-drag-handle:focus-visible{opacity:1}.class-screen-card>.c259-drag-handle{position:absolute;top:7px;left:7px;z-index:7;border:1px solid #ffffffa0}.c259-dragging{opacity:.42}.c259-ghost{position:fixed;z-index:2000;max-width:260px;padding:12px 18px;background:white;color:#183153;border:1px solid #a9c5eb;border-radius:12px;box-shadow:0 10px 30px #18315330;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c259-drop-before{outline:3px solid #2563eb;outline-offset:-3px}.c259-drop-after{box-shadow:inset 0 -5px #2563eb!important}.c259-transfer{display:grid;gap:14px}.c259-transfer select{width:100%;padding:11px;border:1px solid #cad8e9;border-radius:9px}.c259-transfer p{font-size:13px;line-height:1.5}.c259-transfer [data-transfer-warning]{background:#fff6df;border-radius:9px;padding:12px;font-size:13px}.c259-transfer [data-transfer-warning]:empty{display:none}.c259-transfer footer{display:flex;justify-content:flex-end;gap:10px}.c257-class .class-screen-caption .c258-active-variant{white-space:normal;overflow-wrap:anywhere;line-height:1.35}.c259-picker :is(input,button):focus-visible,.c259-drag-handle:focus-visible{outline:3px solid #d89718;outline-offset:2px}
@media(max-width:640px){.c257-class{scroll-margin-top:78px}.c259-jump{max-width:100%}.c259-drag-handle{opacity:1;min-height:40px}.c258-header-actions{gap:3px}.c258-header-actions>.c259-drag-handle{width:30px}.c259-results>button{min-height:60px}}
@media(prefers-reduced-motion:reduce){.c259-arrived{animation:none}}