.classroom-card{--cc-ink:var(--ink,#0f0f0f);--cc-ink-soft:var(--ink-soft,#0f0f0fb3);--cc-ink-mute:var(--ink-mute,#0f0f0f8c);--cc-violet:var(--violet,#8b5cf6);--cc-violet-deep:var(--violet-deep,#6d28d9);--cc-lavender:var(--lavender,#e9deff);--cc-lavender-soft:var(--lavender-soft,#f4eeff);--cc-rule:var(--rule,#1a123017);--cc-rule-2:var(--rule-2,#1a123029);--cc-ok:var(--ok,#0f8a4c);--cc-ok-bg:var(--ok-bg,#e7faf0);--cc-warn:var(--warn,#b45309);--cc-warn-bg:var(--warn-bg,#fff6e5);--cc-radius:var(--r,14px);--cc-shadow:var(--sh-md,0 8px 28px #6d28d917);--cc-mono:var(--fm,var(--font-mono,var(--font-inter)));border:1px solid var(--cc-rule);border-radius:var(--cc-radius);height:100%;color:var(--cc-ink);background:#fff;flex-direction:column;padding:18px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.classroom-card:hover{border-color:var(--cc-lavender);box-shadow:var(--cc-shadow);transform:translateY(-2px)}.classroom-card .cc-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.classroom-card .cc-code{font-family:var(--cc-mono);letter-spacing:.07em;color:var(--cc-violet-deep);background:var(--cc-lavender-soft);border-radius:5px;padding:4px 8px;font-size:10px;font-weight:600;line-height:1.2}.classroom-card .cc-pill{font-size:10.5px;font-weight:700;font-family:var(--cc-mono);letter-spacing:.05em;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.classroom-card .cc-pill:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.classroom-card .cc-pill.open{background:var(--cc-ok-bg);color:var(--cc-ok)}.classroom-card .cc-pill.low{background:var(--cc-warn-bg);color:var(--cc-warn)}.classroom-card .cc-pill.full{color:#c24141;background:#fde8e8}.classroom-card h4{letter-spacing:-.02em;color:var(--cc-ink);margin:0;font-size:16.5px;font-weight:700;line-height:1.2}.classroom-card .cc-sub,.classroom-card .cc-teacher{color:var(--cc-ink-mute);margin-top:3px;font-size:12.5px}.classroom-card .cc-when{color:var(--cc-ink-soft);flex-wrap:wrap;gap:14px;margin-top:12px;font-size:12px;display:flex}.classroom-card .cc-when span{align-items:center;gap:5px;display:inline-flex}.classroom-card .cc-when svg{color:var(--cc-violet);flex-shrink:0}.classroom-card .cc-seats{margin-top:auto;padding-top:14px}.classroom-card .cc-seats .cc-lb{color:var(--cc-ink-mute);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11.5px;display:flex}.classroom-card .cc-seats .cc-lb b{color:var(--cc-ink);font-size:12.5px;font-weight:700}.classroom-card .cc-seatbar{grid-template-columns:repeat(20,minmax(0,1fr));gap:2px;width:100%;display:grid}.classroom-card .cc-seatbar i{background:var(--cc-rule-2);opacity:.45;border-radius:2px;height:7px;font-style:normal;display:block}.classroom-card .cc-seatbar i.on{background:var(--cc-violet);opacity:1}.classroom-card .cc-foot{border-top:1px solid var(--cc-rule);justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:14px;display:flex}.classroom-card .cc-price b{letter-spacing:-.03em;color:var(--cc-ink);font-size:18px}.classroom-card .cc-price span{color:var(--cc-ink-mute);font-size:11px;font-family:var(--cc-mono)}.classroom-card .cc-acts{flex-shrink:0;align-items:center;gap:8px;display:flex}.classroom-card .cc-btn{border:1px solid var(--cc-rule-2);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;height:36px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .16s;display:inline-flex}.classroom-card a.cc-btn.ghost{color:var(--cc-ink);background:#fff}.classroom-card a.cc-btn.ghost:hover{background:var(--cc-lavender-soft);border-color:var(--cc-lavender);color:var(--cc-violet-deep)}.classroom-card a.cc-btn.solid{background:var(--cc-violet);border-color:var(--cc-violet);color:#fff}.classroom-card a.cc-btn.solid:hover{background:var(--cc-violet-deep);border-color:var(--cc-violet-deep);color:#fff}