*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--background);color:var(--text-primary)}body{margin:0;min-height:100vh;background-color:var(--background);background-image:linear-gradient(color-mix(in srgb,var(--border) 68%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 68%,transparent) 1px,transparent 1px);background-size:42px 42px}a{color:inherit}.topbar{height:72px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--background) 92%,transparent);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--primary);color:white;display:grid;place-items:center;font-weight:950;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand strong,.brand small{display:block}.brand small{color:var(--text-muted);font-size:.78rem}.top-actions{display:flex;gap:8px;align-items:center}.ghost-btn,.icon-btn,.btn{border:1px solid var(--border);border-radius:9px;background:var(--surface-elevated);color:var(--text-primary);min-height:40px;padding:9px 13px;text-decoration:none;font-weight:800;cursor:pointer}.icon-btn{width:42px;padding:0}.app-shell{display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 72px)}.sidebar{padding:22px 14px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface) 82%,transparent);display:flex;flex-direction:column;gap:7px}.side-link{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:10px;text-decoration:none;color:var(--text-secondary);font-weight:750}.side-link:hover{background:var(--surface-hover)}.side-link.active{background:var(--accent-soft);color:var(--primary)}.side-spacer{flex:1}.side-link.muted{color:var(--text-muted)}.content{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:40px 0 70px}.hero,.class-hero{position:relative;overflow:hidden;background:var(--surface-elevated);border:1px solid var(--border);border-radius:16px;padding:34px;margin-bottom:22px}.hero h1,.class-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1;letter-spacing:-.055em;margin:.45rem 0 .8rem;max-width:720px}.hero p,.class-hero p{color:var(--text-secondary);font-size:1.05rem;max-width:650px;margin:0}.eyebrow{font-size:.72rem;letter-spacing:.11em;font-weight:950;color:var(--primary)}.hero-geometry{position:absolute;right:5%;top:8%;width:190px;height:190px;opacity:.75}.hero-geometry span{position:absolute;inset:32px;border:2px solid var(--secondary);border-radius:50%}.hero-geometry i{position:absolute;width:220px;height:2px;background:var(--primary);transform:rotate(-45deg);left:-15px;top:95px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 2px 14px}.section-head h2{margin:.25rem 0 0;letter-spacing:-.035em;font-size:1.7rem}.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.class-card,.post-card,.ranking-home,.ranking-compact,.empty-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:14px}.class-card{padding:20px;text-decoration:none;transition:.18s transform,.18s background}.class-card:hover{transform:translateY(-2px);background:var(--surface-hover)}.class-card .class-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--primary);font-weight:950;margin-bottom:18px}.class-card h3{font-size:1.4rem;margin:0 0 6px}.class-card p{margin:0;color:var(--text-muted);font-size:.9rem}.ranking-home,.ranking-compact{padding:20px;margin-bottom:22px}.ranking-home{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.rank-user{display:flex;gap:14px;align-items:center}.rank-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-soft);background:var(--surface)}.rank-avatar.fallback{display:grid;place-items:center;font-weight:950;color:var(--primary)}.rank-user h3{margin:0 0 3px;font-size:1.25rem}.rank-user p{margin:0;color:var(--text-muted)}.rank-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.rank-stat{padding:12px;border-radius:11px;background:var(--surface);border:1px solid var(--border)}.rank-stat span{display:block;color:var(--text-muted);font-size:.72rem}.rank-stat strong{font-size:1.15rem}.rank-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.btn.primary{background:var(--primary);border-color:var(--primary);color:white}.btn.secondary{background:var(--surface)}[data-theme="dark"] .btn.primary{color:#161320}.empty-card{padding:26px;color:var(--text-muted);grid-column:1/-1}.skeleton-card{min-height:110px}.back-link{display:inline-block;margin-bottom:18px;text-decoration:none;color:var(--text-secondary);font-weight:750}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.filter{border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-secondary);border-radius:999px;padding:8px 13px;font-weight:800;cursor:pointer}.filter.active{background:var(--accent-soft);color:var(--primary);border-color:transparent}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.post-card{padding:20px;display:flex;flex-direction:column;gap:13px}.post-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.post-type{font-size:.7rem;font-weight:950;letter-spacing:.08em;color:var(--primary);background:var(--accent-soft);border-radius:999px;padding:6px 9px}.post-card h3{margin:0;font-size:1.25rem}.post-card p{margin:0;color:var(--text-secondary);line-height:1.55}.file-list{display:grid;gap:7px}.file-link{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);text-decoration:none}.file-link small{color:var(--text-muted)}.post-actions{display:flex;gap:8px;margin-top:auto}.notice{padding:12px;border-radius:10px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.notice.error{border-color:var(--danger);color:var(--danger)}@media(max-width:900px){.app-shell{grid-template-columns:74px 1fr}.sidebar{align-items:center}.side-link span{display:none}.side-link{font-size:1.15rem}.class-grid{grid-template-columns:repeat(2,1fr)}.ranking-home{grid-template-columns:1fr}.hero-geometry{opacity:.2}}@media(max-width:620px){.topbar{padding:0 14px}.ghost-btn{display:none}.app-shell{display:block}.sidebar{position:fixed;left:0;right:0;bottom:0;z-index:40;height:64px;border-right:0;border-top:1px solid var(--border);display:flex;flex-direction:row;justify-content:space-around;padding:8px;background:var(--surface-elevated)}.side-spacer,.side-link.muted{display:none}.content{width:min(100% - 24px,1160px);padding:24px 0 90px}.hero,.class-hero{padding:24px}.class-grid,.post-grid{grid-template-columns:1fr}.rank-stats{grid-template-columns:1fr 1fr}.rank-stats .rank-stat:first-child{grid-column:1/-1}}