.kr-hero{background:radial-gradient(600px 240px at 50% 0%, var(--teal-soft), transparent 70%), var(--surface);border-bottom:1px solid var(--border);text-align:center;padding:44px 24px 36px}.kr-title{margin-bottom:8px;font-size:clamp(1.9rem,4vw,2.6rem)}.kr-sub{color:var(--text-mute);margin:0;font-size:1.02rem}.kr-body{padding:28px 24px 60px}.kr-filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:18px;padding:18px 20px;display:flex}.kr-filter{flex-direction:column;flex:1 1 0;gap:6px;min-width:150px;max-width:100%;display:flex}.kr-filter label{color:var(--text-mute);font-size:.82rem;font-weight:600}.kr-filter select{text-overflow:ellipsis;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-sm);width:100%;max-width:100%;color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding:9px 32px 9px 12px;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.kr-filter select:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft);outline:none}.kr-filter select:hover{border-color:var(--teal)}.kr-reset{border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-soft);white-space:nowrap;padding:9px 14px;font-size:.86rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.kr-reset:hover:not(:disabled){background:var(--bg);color:var(--text);border-color:var(--text-mute)}.kr-reset:disabled{opacity:.4;cursor:not-allowed}.kr-count{color:var(--text-soft);margin-bottom:18px;padding-left:2px;font-size:.92rem}.kr-count strong{color:var(--teal);font-weight:800}.kr-count-total{color:var(--text-mute)}.kr-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:26px;display:grid}.kr-empty{text-align:center;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--r-lg);padding:48px 24px}.kr-empty-icon{opacity:.5;margin-bottom:12px;font-size:2.6rem;display:block}.kr-empty h3{margin-bottom:6px;font-size:1.2rem}.kr-empty p{color:var(--text-mute);margin-bottom:18px;font-size:.94rem}@media (max-width:860px){.kr-filters{gap:12px;padding:16px}.kr-filter{flex:none;min-width:calc(50% - 6px)}.kr-reset{width:100%}}@media (max-width:560px){.kr-hero{padding:34px 20px 28px}.kr-body{padding:22px 20px 48px}.kr-filter{min-width:100%}.kr-grid{gap:18px}}.kr-grouped{flex-direction:column;display:flex}.kr-group-title{font-family:var(--font-body);letter-spacing:.03em;color:var(--teal);border-bottom:3px solid var(--teal);margin:40px 0 20px;padding-bottom:10px;font-size:1.6rem;font-weight:800}.kr-section{margin-bottom:44px}.kr-section-head{align-items:center;gap:20px;margin-bottom:24px;display:flex}.kr-section-line{background:linear-gradient(90deg, transparent, var(--border-strong), transparent);flex:1;height:2px}.kr-section-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);white-space:nowrap;margin:0;font-size:1.3rem;font-weight:800}@media (max-width:640px){.kr-group-title{font-size:1.3rem}.kr-section-title{font-size:1.1rem}.kr-section{margin-bottom:32px}}.kr-compact{flex-direction:column;gap:44px;display:flex}.kr-group-cards{flex-direction:column;gap:14px;display:flex}.kr-gcard{text-align:left;border-radius:var(--r-lg);align-items:center;gap:18px;width:100%;padding:20px 22px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;background:var(--surface)!important;border:1px solid var(--border)!important;border-left:5px solid var(--gc)!important}.kr-gcard:hover{box-shadow:var(--shadow);transform:translate(4px);border-color:var(--gc)!important;border-left-color:var(--gc)!important}.kr-gcard-icon{flex-shrink:0;font-size:2rem;line-height:1}.kr-gcard-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.kr-gcard-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--gc);font-size:1.25rem;font-weight:800}.kr-gcard-desc{color:var(--text-mute);font-size:.9rem;line-height:1.5}.kr-gcard-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.kr-gcard-count{color:var(--text-soft);background:var(--surface-2);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:.86rem;font-weight:700}.kr-gcard-arrow{color:var(--gc);font-size:1.2rem;transition:transform .15s}.kr-gcard:hover .kr-gcard-arrow{transform:translate(4px)}@media (max-width:640px){.kr-gcard{flex-wrap:wrap;gap:14px;padding:16px}.kr-gcard-icon{font-size:1.6rem}.kr-gcard-title{font-size:1.05rem}.kr-gcard-desc{font-size:.82rem}.kr-gcard-right{justify-content:space-between;width:100%;padding-left:50px}}.kr-crumb{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.kr-crumb-back{color:var(--teal);border-radius:var(--r-sm);padding:6px 12px;font-size:.9rem;font-weight:600;transition:background .15s,transform .15s;background:var(--teal-soft)!important}.kr-crumb-back:hover{transform:translate(-3px);background:color-mix(in srgb, var(--teal) 18%, transparent)!important}.kr-crumb-sep{color:var(--text-mute)}.kr-crumb-now{font-family:var(--font-display);letter-spacing:.03em;color:var(--text);font-size:.95rem;font-weight:700}.kr-gcard-teacher{color:var(--text-mute);align-items:center;gap:6px;margin-bottom:2px;font-size:.78rem;font-weight:600;display:flex}.kr-gcard-mini-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:30px;height:30px}.kr-gcard-mini-avatar-logo{background:#fff}