root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-model: #FF3E3B;--color-student: #176939;--color-peer: #6366F1;--color-model-light: #FFE5E4;--color-student-light: #E8F5E8;--color-peer-light: #E0E7FF;--icon-size: 20px;--icon-size-small: 16px;--icon-size-large: 24px}.icon{width:var(--icon-size);height:var(--icon-size);object-fit:contain}.icon-small{width:var(--icon-size-small);height:var(--icon-size-small)}.icon-large{width:var(--icon-size-large);height:var(--icon-size-large)}.model-theme{color:var(--color-model)}.model-bg{background-color:var(--color-model-light);border-left:3px solid var(--color-model)}.student-theme{color:var(--color-student)}.student-bg{background-color:var(--color-student-light);border-left:3px solid var(--color-student)}.peer-theme{color:var(--color-peer)}.peer-bg{background-color:var(--color-peer-light);border-left:3px solid var(--color-peer)}html,body,#root{height:100%;margin:0}.parent{display:flex;flex-direction:column;min-height:100vh}.Topbar{flex-shrink:0;background-color:#fff}.Body{flex:1;background-color:#fff;padding:10px;overflow:auto}.Footer{flex-shrink:0;background:#f8f9fa;padding:0;margin-top:auto}.tb-root{position:sticky;top:0;z-index:100;width:100%;background:#fff;transition:box-shadow .12s ease}.tb-wrap{max-width:var(1200px);margin:0 auto;padding:8px 16px;display:flex;gap:16px;align-items:center}.tb-profile{display:inline-flex;align-items:center;gap:10px}.tb-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.tb-user-name{font-size:14px;font-weight:600;color:#111827}.tb-user-role{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px}.tb-avatar{width:32px;height:32px;border-radius:9999px;object-fit:cover;display:block}.tb-brand{display:inline-flex;align-items:center;text-decoration:none}.tb-logo-img{height:45px;width:auto;display:block}.tb-nav{display:flex;align-items:center;gap:28px}.tb-link{text-decoration:none;color:#1f2937;font-weight:600;opacity:.9}.tb-link:hover,.tb-link:focus-visible{opacity:1;color:#111827;outline:none}.tb-link[aria-current=page]{opacity:1;color:#111827}.tb-cta{display:flex;align-items:center;gap:10px;margin-left:auto}.tb-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border-radius:10px;font-weight:700;text-decoration:none;border:1px solid transparent;transition:transform 80ms ease,box-shadow .12s ease,background .12s ease}.tb-btn:active{transform:translateY(1px)}.tb-btn--primary{background:#1d4ed8;color:#fff;box-shadow:0 2px 8px #1d4ed847}.tb-btn--primary:hover,.tb-btn--primary:focus-visible{background:#1e40af;outline:none}.tb-btn--muted{background:#f3f4f6;color:#111827;border-color:#e5e7eb}.tb-btn--muted:hover,.tb-btn--muted:focus-visible{background:#e5e7eb;outline:none}.tb-burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;padding:9px 8px;cursor:pointer}.tb-burger:focus-visible{outline:2px solid #1d4ed8}.tb-burger-bar{display:block;height:2px;background:#111827;margin:5px 0;border-radius:2px}@media (min-width: 961px){.tb-burger{display:none!important}}.tb-toggle{position:absolute;opacity:0;pointer-events:none}.tb-mobile{display:none;border-top:1px solid #eef0f3;background:#fff}.tb-mobile-nav{display:grid;gap:2px;padding:8px}.tb-mobile-link{display:block;padding:12px 10px;text-decoration:none;color:#111827;font-weight:600;border-radius:8px}.tb-mobile-link:hover,.tb-mobile-link:focus-visible{background:#f3f4f6;outline:none}.tb-mobile-cta{display:grid;gap:8px;padding:8px}@media (max-width: 960px){.tb-wrap{display:flex;justify-content:space-between;align-items:center}.tb-nav{display:none}.tb-burger{display:inline-flex}.tb-toggle:checked~.tb-mobile{display:block}}@media (min-width: 961px){.tb-mobile{display:none!important}}:where(.Body)>.hero{margin-left:-10px;margin-right:-10px;width:calc(100% + 20px)}.hero{position:relative;overflow:hidden;background:#eef2f9;border-radius:0;padding:84px 0 140px;border-bottom:1px solid #eef0f3}.hero-inner{max-width:980px;margin:0 auto;padding:0 16px;text-align:center}.hero-title{margin:0 0 14px;font-weight:900;letter-spacing:-.02em;line-height:1.12;font-size:clamp(32px,5vw + 10px,3px);color:#111827}.hero-break{display:block}.hero-sub{margin:0 auto 28px;max-width:1000px;font-size:18px;color:#4b5563}.hero-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 20px;border-radius:12px;text-decoration:none;font-weight:800;background:#1d4ed8;color:#fff;box-shadow:0 4px 14px #1d4ed840;border:1px solid transparent;transition:transform .08s ease,box-shadow .12s ease,background .12s ease}.hero-btn:hover,.hero-btn:focus-visible{background:#1e40af;outline:none}.hero-btn:active{transform:translateY(1px)}.hero-btn-secondary{background:#6b7280;color:#fff;box-shadow:0 4px 14px #6b728040}.hero-btn-secondary:hover,.hero-btn-secondary:focus-visible{background:#4b5563}.decor{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.08));opacity:.95}.decor-idea{right:120px;top:70px;width:36px}.decor-pencil{right:110px;top:250px;width:36px}.decor-smile{right:180px;top:310px;width:56px}.decor-mountain{right:130px;bottom:70px;width:44px}.decor-play{left:110px;top:200px;width:56px}.decor-prize{left:70px;bottom:90px;width:30px}.decor-book{left:260px;bottom:40px;width:44px}.decor-doc{left:100px;top:36px;width:44px}@media (max-width: 1100px){.decor-idea,.decor-pencil,.decor-smile,.decor-mountain,.decor-play,.decor-prize,.decor-book,.decor-doc{opacity:.5}}@media (max-width: 900px){.hero{padding:72px 0 100px}.decor-idea,.decor-pencil,.decor-mountain,.decor-book{display:none}}@media (max-width: 640px){.decor-play,.decor-prize,.decor-smile,.decor-doc{display:none}.hero-sub{font-size:16px;max-width:1000px}.hero-btn{height:44px;padding:0 18px;border-radius:10px;font-size:14px}}.dashboard-section{display:flex;flex-direction:column;gap:20px;margin-top:20px}.dashboard-header{display:flex;justify-content:center;margin-bottom:10px}.dashboard-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}.dashboard-card{background:linear-gradient(135deg,#f8fafc,#fff);border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.dashboard-card h3{margin:0 0 20px;font-size:20px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:8px}.student-card h3:before{content:"📚";font-size:18px}.teacher-card h3:before{content:"👨🏫";font-size:18px}.loading,.no-data{text-align:center;color:#6b7280;padding:20px;font-size:14px}.student-card{border-left:4px solid #3b82f6}.class-list{display:flex;flex-direction:column;gap:12px}.class-item{padding:16px;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;background:#ffffffb3}.class-item:hover{background-color:#3b82f60d;border-color:#3b82f6;transform:translateY(-1px)}.class-name{font-weight:600;color:#1f2937;margin-bottom:4px}.class-progress{font-size:14px;color:#3b82f6;margin-bottom:4px}.class-info{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#6b7280}.class-info span{background:linear-gradient(135deg,#e0e7ff,#f0f9ff);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500;color:#1e40af}.teacher-card{border-left:4px solid #10b981}.teacher-stats{display:flex;flex-direction:column;gap:12px}.stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6}.stat-row:last-of-type{border-bottom:none}.stat-row span{font-size:14px;color:#374151;font-weight:500}.view-all-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;margin-top:12px;box-shadow:0 2px 8px #3b82f64d}@media (max-width: 768px){.dashboard-cards{grid-template-columns:1fr}.dashboard-card{padding:16px}.stat-row{flex-direction:column;gap:4px}}.am-root{position:fixed;inset:0;z-index:2000;opacity:0;pointer-events:none;transition:opacity .15s ease}#auth-modal:target{opacity:1;pointer-events:auto}.am-overlay{position:absolute;inset:0;background:#11182759;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:block}.am-dialog{position:relative;z-index:1;width:min(92vw,460px);margin:min(18vh,140px) auto 0;background:#fff;border-radius:18px;padding:22px 22px 20px;text-align:center;box-shadow:0 20px 50px #0000002e,0 2px 8px #0000000f}.am-close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:1px solid #eef0f3;border-radius:10px;background:#fff;text-decoration:none;color:#111;font-size:22px;line-height:34px;display:inline-grid;place-items:center}.am-close:hover{background:#f9fafb}.am-title{margin:8px 0 14px;font-size:20px;font-weight:800}.am-google{display:inline-flex;gap:10px;align-items:center;justify-content:center;height:48px;width:100%;max-width:360px;border-radius:12px;background:#1a73e8;color:#fff;text-decoration:none;font-weight:800;box-shadow:0 6px 18px #1a73e859}.am-google:hover,.am-google:focus-visible{background:#155fc9;outline:none}.am-glogo{width:24px;height:24px;border-radius:50%;background:#fff;color:#4285f4;display:grid;place-items:center;font-weight:800}.am-sub{margin:14px 0 6px;color:#6b7280}.am-link{color:#111827;text-underline-offset:2px}.am-link:hover{text-decoration:underline}@media (max-width:480px){.am-dialog{margin-top:18vh;padding:18px 16px}}html,body,#root{width:100%;height:100%;margin:0;padding:0}#root>*{width:100%}.site-shell{min-height:100vh;background:radial-gradient(1200px 600px at -10% -10%,#f6f7ff 0%,transparent 60%),#fafafa}.page{width:100%!important;max-width:none!important;margin:0;padding:clamp(20px,3.5vh,48px) clamp(16px,3vw,40px);box-sizing:border-box}:root{--gap: 16px}.card-grid{list-style:none!important;padding:0!important;margin:24px 0 0!important;display:grid!important;gap:var(--gap)!important;width:100%!important;box-sizing:border-box!important;grid-template-columns:repeat(3,1fr)!important;max-width:100%!important;overflow:hidden!important}@media (min-width: 1600px){.card-grid{grid-template-columns:repeat(4,1fr)!important}}@media (max-width: 900px){.card-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 600px){.card-grid{grid-template-columns:1fr!important}}.class-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;width:100%;box-sizing:border-box;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.class-card h3{margin:0 0 8px;word-wrap:break-word;overflow-wrap:break-word}.class-card .desc{margin:8px 0;color:#666;font-size:14px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.class-card-link{text-decoration:none;color:inherit;display:block;width:100%}.class-card-link:hover .class-card{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;transition:all .2s ease}.btn-like{background:#4f46e5;color:#fff;padding:8px 14px;border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;text-align:center}.btn-row{margin-top:auto;padding-top:12px}.t-thumb-img{width:100%;height:100%;object-fit:cover;border-radius:8px}.video-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:4px}.thumbnail-loading{display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#666;font-size:14px;border-radius:4px}.video-list-page{width:100%;max-width:none;margin:0;padding:clamp(20px,3.5vh,48px) clamp(16px,3vw,40px);box-sizing:border-box;background:radial-gradient(1100px 520px at -10% -10%,#f6f7ff 0%,transparent 60%),#fafafa;min-height:100vh}.video-thumb{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;margin-bottom:10px;background:#f0f0f0}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.video-item:hover .video-thumb img{transform:scale(1.05)}.video-list-page h2{font-size:clamp(20px,2.6vw,28px);font-weight:900;letter-spacing:-.2px;margin:0 0 16px}.list-placeholder,.empty-box,.error-box{margin-top:16px;padding:18px 20px;border-radius:14px}.video-list-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.list-placeholder{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;animation:shimmer 1.2s ease infinite;min-height:120px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.empty-box{background:#f5f7fb;color:#667085}.error-box{background:#fff1f0;border:1px solid #ffccc7}.error-title{font-weight:800;margin-bottom:6px}.error-desc{color:#a8071a;margin-bottom:10px}.retry-btn{padding:8px 12px;border:1px solid #999;background:#fff;border-radius:10px;cursor:pointer}.retry-btn:hover{background:#f2f2f2}.video-list{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(240px,24vw,360px),1fr));gap:clamp(14px,1.6vw,22px)}.video-item{position:relative;border:1px solid #e7e9f0;border-radius:16px;background:#fff;padding:16px 16px 12px;box-shadow:0 2px 10px #161b2d0a;transition:transform .14s ease,box-shadow .24s ease,border-color .2s ease;cursor:pointer;display:flex;flex-direction:column;min-height:120px}.video-item:hover{transform:translateY(-4px);border-color:#dfe3ec;box-shadow:0 14px 34px #161b2d1a}.video-title{font-size:16px;font-weight:800;line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-dates{margin-top:auto;padding-top:10px;border-top:1px solid #f1f3f8;color:#586176;font-size:13px}@media (prefers-color-scheme: dark){.video-list-page{background:radial-gradient(1100px 520px at -10% -10%,#1f243a 0%,transparent 60%),#0f1220;color:#e6e8f0}.video-item{background:#171a2b;border-color:#2a3050;box-shadow:0 2px 10px #00000040}.video-item:hover{border-color:#3a4270;box-shadow:0 14px 34px #0006}.video-dates{border-top-color:#262b45;color:#a5afd1}.empty-box{background:#15182a;color:#a5afd1}.error-box{background:#2a1320;border-color:#6b1d34}}.youtube-wrapper{width:100%;display:flex;justify-content:center}.youtube-embed-container{width:100%;max-width:1280px;aspect-ratio:16 / 9;position:relative}.youtube-embed-container iframe{width:100%;height:100%;border:none;position:absolute;top:0;left:0}.nav-btn{padding:8px 12px;border-radius:10px;border:1px solid #e2e4ea;background:#fff;color:#334155;font-weight:700;cursor:pointer;transition:background .15s,box-shadow .2s,border-color .15s}.nav-btn:hover{background:#f6f7ff;border-color:#d9ddf0;box-shadow:0 4px 12px #4f46e51f}.va-page{width:100%;overflow-x:hidden}.va-grid{display:grid;grid-template-columns:minmax(0,1fr) 450px;gap:16px;align-items:start;max-width:1280px;margin:0 auto;padding:16px;box-sizing:border-box}.va-player{width:100%;max-width:960px;margin:0 auto}.va-player iframe,.va-player .yt-player,.va-player>div{width:100%!important;aspect-ratio:16 / 9;height:auto!important}.va-side{width:450px;max-width:40vw;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;box-sizing:border-box;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}.va-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.va-side-title{margin:0}.va-note{font-size:12px;color:#888}.va-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;-webkit-user-select:none;user-select:none}.va-submit{width:100%;margin-top:12px;border:1px solid #3b82f6;background:#3b82f6;color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer}.va-player-fallback{display:grid;place-items:center;aspect-ratio:16/9;background:#f3f4f6;color:#6b7280;border-radius:12px;border:1px dashed #d1d5db}@media (max-width: 1024px){.va-grid{grid-template-columns:1fr}.va-side{position:static;width:100%;max-width:100%;max-height:none}}.video-result-container{max-width:1000px;margin:0 auto;padding:24px;font-family:Pretendard,Noto Sans KR,sans-serif}.result-header{text-align:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.result-header h2{font-size:28px;font-weight:700;color:#2c3e50;margin:0 0 8px}.result-subtitle{font-size:16px;color:#6c757d;margin:0}.loading{text-align:center;padding:60px 20px;font-size:18px;color:#6c757d}.questions-grid{display:grid;gap:24px}.question-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 16px #0000001f;border:2px solid #dee2e6;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:8px}.question-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.question-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.question-number{background:#007bff;color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;flex-shrink:0}.question-text{font-size:18px;font-weight:600;color:#2c3e50;margin:0;line-height:1.4}.answers-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.answer-item{background:#f8f9fa;border-radius:8px;padding:16px;border:2px solid #e9ecef;border-left:4px solid transparent;transition:all .2s ease}.answer-item.my-answer{border-left-color:#007bff;border-color:#b3d9ff;background:linear-gradient(135deg,#e3f2fd,#f8f9fa)}.answer-item.popular-answer{border-left-color:#ffc107;border-color:#ffe066;background:linear-gradient(135deg,#fff8e1,#f8f9fa)}.answer-item.rolemodel-answer{border-left-color:#28a745;border-color:#90ee90;background:linear-gradient(135deg,#e8f5e8,#f8f9fa)}.answer-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#495057;margin-bottom:8px}.answer-label .icon{font-size:16px}.answer-label .icon-img{width:20px;height:20px;object-fit:contain}.answer-value{font-size:20px;font-weight:700;color:#2c3e50;text-align:center;padding:12px;background:#fff;border-radius:6px;border:2px solid #dee2e6;box-shadow:0 2px 4px #0000000d}.ai-summary{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border-radius:8px;padding:16px;margin-bottom:16px;border:2px solid #bee5eb;border-left:4px solid #17a2b8;box-shadow:0 2px 8px #17a2b81a}.summary-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#0c5460;margin-bottom:8px}.summary-label .icon{font-size:16px}.summary-content{font-size:14px;line-height:1.5;color:#2c3e50;background:#fff;padding:12px;border-radius:6px;border:2px solid #bee5eb;box-shadow:inset 0 1px 3px #0000000d}.match-indicators{display:flex;gap:8px;flex-wrap:wrap}.match-badge{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600}.match-badge.rolemodel-match{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.match-badge.popular-match{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.no-data{text-align:center;padding:60px 20px;color:#6c757d}.no-data p{font-size:16px;margin:0}@media (max-width: 768px){.video-result-container{padding:16px}.result-header h2{font-size:24px}.question-card{padding:20px}.question-header{flex-direction:column;gap:8px}.question-text{font-size:16px}.answers-comparison{grid-template-columns:1fr}.answer-value{font-size:18px}}@media (max-width: 480px){.video-result-container{padding:12px}.question-card{padding:16px}.result-header h2{font-size:20px}.question-text{font-size:15px}}:root{--side-w: 260px;--head-h: 64px;--bg: #ffffff;--muted: #f5f7fb;--line: #e6e9ef;--text: #1f2937;--sub: #6b7280;--primary: #3b82f6}.t-layout{display:grid;grid-template-columns:var(--side-w) 1fr;grid-template-rows:1fr;min-height:calc(100vh + -0px);background:var(--bg);color:var(--text)}.t-side{border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column}.t-side-brand{padding:8px 8px 14px}.t-brand-img{height:45px;display:block}.t-logo{font-weight:800;font-size:20px;color:#2563eb;text-decoration:none}.t-side-nav{display:flex;flex-direction:column;gap:8px}.t-side-link{padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--text)}.t-side-link.active{background:var(--muted);font-weight:600}.t-side-section{margin:16px 6px 0;font-size:12px;color:var(--sub)}.t-side-add{margin:4px 6px 10px;border:none;background:var(--muted);border-radius:8px;padding:6px 8px;cursor:pointer}.t-side-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--text)}.t-side-row .t-ico svg,.t-side-row .t-ico-img{width:18px;height:18px;display:block}.t-side-row:hover{background:#f8fafc}.t-side-row.active{background:#eef5ff;color:#2563eb;font-weight:700}.t-quick{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;padding-top:20px}.t-qcard{display:grid;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#f6f8fe;color:var(--text);text-decoration:none}.t-qcard .t-qico svg{width:20px;height:20px}.t-qcard.active{background:#eef5ff;color:#2563eb;font-weight:700}.t-body{display:grid;grid-template-rows:var(--head-h) 1fr;min-width:0}.t-head{height:var(--head-h);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px 10px}.t-head-search{flex:1;display:flex;justify-content:center}.t-search-input{width:520px;max-width:90%;height:38px;border:1px solid var(--line);border-radius:999px;padding:0 16px;outline:none}.t-head-actions{display:flex;align-items:center;gap:12px}.t-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0;flex-shrink:0}.t-user-name{font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.t-user-role{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px;white-space:nowrap}.t-avatar{display:inline-flex;align-items:center;justify-content:center;min-width:104px;height:36px;padding:0 16px;border:1px solid var(--primary);border-radius:999px;background:var(--primary);color:#fff;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 1px 2px #0000000f;transition:background-color .15s ease,box-shadow .15s ease,transform .02s ease}.t-head.t-head--grid{display:grid;grid-template-columns:1fr minmax(260px,720px) 1fr;align-items:center;border-bottom:1px solid var(--line);height:var(--head-h);padding:0 20px 10px}.t-head-center{justify-self:center;width:100%}.t-head-yt{width:100%;height:38px;border:1px solid var(--line);border-radius:999px;padding:0 16px;outline:none;overflow-x:hidden;overflow-wrap:anywhere;background:#fff}.t-sb .t-head-yt{width:calc(100% - 30px);height:36px;border:1px solid var(--line);border-radius:8px;padding:0 12px;outline:none;background:#fff;font-size:14px}.t-head-actions--right{justify-self:end;display:flex;align-items:center;gap:12px}@media (max-width: 720px){.t-head.t-head--grid{grid-template-columns:8px 1fr 8px}}.t-main{overflow-y:auto;overflow-x:hidden}.t-main-wrap{padding:20px 28px 40px;max-width:1300px;min-height:280%}.t-title{font-size:28px;font-weight:800;margin:0 0 16px}.t-cta-row{margin-bottom:10px}.t-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;cursor:pointer}.t-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.t-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:16px 0 18px}.t-tab{background:none;border:none;padding:10px 2px;cursor:pointer;color:var(--sub);font-weight:600;border-radius:0;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.t-tab--active{color:var(--primary);border-bottom:none;box-shadow:inset 0 -2px 0 0 var(--primary)}.t-tab:focus,.t-tab:focus-visible,.t-tab:active{outline:none;box-shadow:none}.t-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;width:100%!important;box-sizing:border-box!important}@media (min-width: 1600px){.t-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (max-width: 900px){.t-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 600px){.t-layout{grid-template-columns:1fr}.t-side{display:none}.t-card-grid{grid-template-columns:1fr!important}}.t-card{background:var(--muted);border-radius:14px;overflow:hidden}.t-thumb{height:140px;background:#e5e7eb}.t-card-meta{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 12px}.t-card-title{font-weight:600}.t-card-menu{border:none;background:none;font-size:20px;line-height:1;cursor:pointer}.tm-overlay{position:fixed;inset:0;background:#11182759;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:9999}.tm-dialog{display:flex;flex-direction:column;width:760px;max-width:calc(100% - 32px);background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;padding:28px;max-height:92vh;overflow:hidden;overscroll-behavior:contain}.tm-title{font-size:24px;font-weight:800;text-align:center;margin:6px 0 22px}.tm-fields{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:16px}@media (max-width: 720px){.tm-fields{grid-template-columns:1fr}}.tm-label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.tm-input{width:100%;height:36px;border:1px solid var(--line);border-radius:8px;padding:0 10px;outline:none}.tm-input[type=url]{overflow-wrap:anywhere}.tm-dropzone{box-sizing:border-box;min-height:160px;overflow-x:hidden;overflow-y:visible}.tm-dropzone.is-over{background:#e9f1ff;border-color:var(--primary)}.tm-drop-text{color:#4b5563;margin-bottom:12px}.tm-files{text-align:left}.tm-file-row{display:flex;justify-content:space-between;padding:8px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px}.tm-file-row span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-file-size{color:#6b7280;font-size:12px}.tm-files-actions{display:flex;gap:8px;margin-top:6px}.tm-actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.ce-wrap{padding:12px 18px 20px}.ce-tabs{display:flex;gap:28px;border-bottom:1px solid #e5e7eb;margin-bottom:12px}.ce-tab{background:none;border:none;cursor:pointer;padding:14px 16px;font-weight:800;color:var(--text);border-bottom:3px solid transparent;border-radius:8px 8px 0 0;transition:background-color .2s ease}.ce-tab:hover{background:#f8fafc}.ce-tab.is-active{box-shadow:inset 0 -2px 0 0 var(--primary);color:var(--primary);border-bottom:none;background:#eef5ff}.ce-section{position:relative}.ce-two-col{display:grid;grid-template-columns:minmax(520px,1fr) minmax(360px,620px);gap:20px}.ce-one-col{display:grid}.ce-panel{margin:10px auto 0;width:auto;max-width:100%}.ce-video-stage{display:grid;place-items:center;margin-top:22px}.ce-video-box{width:640px;max-width:100%;height:360px;background:#000;border-radius:2px}.ce-video-slim{height:240px;background:#000;border-radius:2px}.ce-cutbar{margin-top:8px}.ce-cut-tools{display:flex;align-items:center;gap:6px;margin-bottom:8px}.ce-chip{background:#eee;border-radius:8px;padding:6px 8px;font-weight:700;font-size:12px}.ce-chip-btn{background:#eee;border-radius:6px;border:none;padding:6px 10px;cursor:pointer}.ce-timeline{display:grid;grid-template-columns:36px 36px 1fr 36px;gap:10px;align-items:center}.ce-play,.ce-skip{height:36px;border:none;border-radius:10px;background:#4b5563;color:#fff}.ce-progress{position:relative;height:28px;border-radius:10px;background:#222;box-shadow:inset 0 0 0 6px #555}.ce-progress-fill{position:absolute;left:0;top:0;bottom:0;background:#111;border-radius:10px 0 0 10px}.ce-handle{position:absolute;top:0;transform:translate(-50%);width:4px;height:100%;background:#fff;border-radius:2px}.ce-timebar{display:flex;justify-content:space-between;margin-top:4px;color:#111}.ce-form-row{margin-bottom:12px;display:flex;align-items:center;gap:10px 30px}.ce-right .ce-form-row{margin-bottom:12px;display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px}.ce-label{font-weight:700}.ce-input,.ce-select{width:460px;height:34px;border:1px solid var(--line);border-radius:8px;padding:0 10px;font-size:16px}.ce-choice{grid-template-columns:120px 20px 1fr 32px}.ce-check{width:16px;height:16px}.ce-x{border:none;background:transparent;font-size:20px;cursor:pointer}.ce-form-actions{display:flex;gap:8px;margin-top:10px}.ce-footer{margin-top:16px;display:flex;justify-content:flex-end}.ce-footer.right{justify-content:flex-end;gap:12px}.ce-footer-sticky{position:sticky;bottom:0;background:#fff;padding:16px 0;z-index:100;gap:10px}.ce-mini-timeline{position:relative;height:26px;border:1px solid var(--line);border-radius:10px;margin:12px 0}.ce-mini-dot{position:absolute;top:50%;width:8px;height:8px;border-radius:999px;background:#3b82f6;transform:translate(-50%,-50%)}.ce-qlist{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding:4px}.ce-qrow{width:520px;margin-bottom:10px;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.ce-qrow.is-active{outline:2px solid #9dc3ff;outline-offset:2px;background:#eef5ff}.ce-qtime{font-weight:800;width:56px}.ce-qtitle{color:#111}.ce-preview{border:1px solid var(--line);border-radius:10px;padding:12px;background:#f8fafc}.ce-preview-head{display:flex;gap:6px;align-items:center;margin-bottom:8px}.ce-timechip{font-size:12px;background:#e5e7eb;padding:3px 6px;border-radius:6px}.ce-tagchip{font-size:12px;background:#dbeafe;color:#1d4ed8;padding:3px 6px;border-radius:6px}.ce-qbold{font-weight:800;margin-bottom:8px}.ce-olist{padding-left:18px}.ce-olist .is-correct{background:#e8f7e8;display:list-item}.ce-tags{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap}.ce-chip.is-active{outline:2px solid var(--primary)}.t-sb{padding:12px 14px}.t-sb-section{border-top:1px solid var(--line);padding-top:20px;margin-top:12px}.t-sb-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.t-sb-title{font-weight:800}.t-sb-actions{display:flex;gap:6px}.t-ico-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:8px;background:transparent;cursor:pointer;line-height:1;font-size:16px}.t-ico-btn:hover{background:#f3f4f6}.t-sb-subtitle{font-weight:700;padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:6px}.t-sb-list{display:flex;flex-direction:column;gap:6px}.t-sb-item{display:flex;justify-content:space-between;align-items:center;padding:6px;border-radius:8px}.t-sb-item:hover{background:#f8fafc}.t-sb-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-sb-empty{color:#6b7280;padding:6px 0}.t-sb-div{border:none;height:1px;background:var(--line);margin:12px 0}.tm-dialog--sm{width:640px;max-width:calc(100% - 40px)}.t-sb-item,.t-sb-item-ops{position:relative}.t-pop{position:absolute;right:0;top:28px;min-width:140px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #00000014;padding:6px;z-index:1000}.t-pop-item{width:100%;text-align:left;border:none;background:transparent;padding:8px 10px;border-radius:8px;cursor:pointer}.t-pop-item:hover{background:var(--muted)}.tb-youtube-wrap{display:flex;gap:8px;align-items:center}.tb-youtube-input{width:320px;max-width:40vw;padding:8px 10px;border-radius:10px;border:1px solid #2a2a2a;background:#111;color:#eee}.tb-add-btn{background:#3b82f6;color:#fff;padding:8px 12px;border-radius:10px;border:0;cursor:pointer}:root{--tm-preview-h: 240px}.tm-preview{flex:0 0 var(--tm-preview-h);height:var(--tm-preview-h);overflow:hidden}.tm-placeholder{background:#0b0b0b;color:#777;display:flex;align-items:center;justify-content:center;border:1px dashed #2a2a2a;border-radius:12px;min-height:220px}.tm-thumb-wrap{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:#000;border-radius:12px;overflow:hidden}.tm-thumb{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.tm-thumb-button{all:unset;display:block;width:100%;height:100%;cursor:pointer}.tm-thumb-play{pointer-events:none}.tm-video{max-height:var(--tm-preview-h);max-width:100%;width:auto;height:auto;display:block;border-radius:12px;background:#000}.tm-inline-actions{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px}.tm-ok{color:#22c55e}.tm-err{color:#ef4444}.tm-embed-wrap{position:relative;width:100%;height:100%;background:#000;border-radius:12px;overflow:hidden}.tm-embed{position:absolute;inset:0;width:100%;height:100%;border:0}.tm-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges}.tm-actions{position:sticky;bottom:0;background:#fff;padding-top:8px;margin-top:8px;z-index:100;border-top:1px solid #2a2a2a}.ce-rangebar{position:relative;height:12px;border-radius:999px;background:#e5e7eb;cursor:pointer;margin-top:8px;box-shadow:inset 0 0 0 1px #d1d5db;touch-action:none;-webkit-user-select:none;user-select:none}.ce-rangebar-fill{position:absolute;top:0;bottom:0;background:var(--primary);border-radius:999px}.ce-rangebar-handle{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#111;border:2px solid #fff;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000026;pointer-events:none}.ce-rangebar:hover .ce-rangebar-handle{box-shadow:0 0 0 3px #3b82f626}.ce-rangebar,.ce-rangebar *{-webkit-user-select:none;user-select:none}.ce-preview.is-active{outline:2px solid #9dc3ff;outline-offset:2px;border-radius:12px}.ce-qsummary{min-width:120px;flex:1 1 200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}.ce-tagadd{margin-left:auto;display:flex;align-items:center;gap:8px;padding:8px 12px;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb;transition:all .2s ease}.ce-tagadd:hover,.ce-tagadd:focus-within{border-color:var(--primary);background:#eef5ff;box-shadow:0 0 0 3px #3b82f61a}.ce-tagadd .ce-input{width:180px;border:none;background:transparent;outline:none}.t-ellipsis-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-ellipsis-n{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines, 2);overflow:hidden;overflow-wrap:anywhere}.t-row-clickable:hover{background:var(--muted)}.t-dash{display:grid;grid-template-columns:1fr 460px;gap:16px;height:calc(100vh - 24px);padding:12px}.t-dash-left{display:flex;flex-direction:column;min-width:0}.t-dash-video{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.t-dash-bar{display:flex;align-items:center;gap:12px;margin-top:8px}.t-dash-title{font-weight:700}.t-dash-time{opacity:.7}.t-chk{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:.9rem}.t-feed-item{display:flex;gap:8px;margin:10px 0;cursor:pointer}.t-feed-item.is-active .t-feed-bubble{box-shadow:0 0 0 2px var(--primary, #4f46e5) inset}.t-feed-time{font-variant-numeric:tabular-nums;width:54px;text-align:right;opacity:.7;padding-top:4px}.t-feed-bubble{flex:1;background:var(--muted, #f6f7f9);border-radius:10px;padding:10px 12px}.t-feed-text{white-space:pre-wrap}.t-tag{font-size:.75rem;padding:2px 6px;border-radius:999px;margin-right:6px}.t-quiz-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.t-quiz-pill{font-size:.75rem;background:#fee2e2;color:#991b1b;border-radius:999px;padding:2px 8px}.t-mini{font-size:.8rem;line-height:1;padding:2px 6px;border-radius:6px;border:1px solid var(--border,#e5e7eb);background:#fff;cursor:pointer}.t-mini:hover{background:#f9fafb}.t-quiz-q{font-weight:600;margin:4px 0 6px}.t-quiz-opts{margin:0;padding:0;list-style:none}.t-quiz-opts li{display:flex;gap:6px;padding:2px 0}.t-idx{display:inline-block;width:18px;text-align:center;font-weight:700;opacity:.75}.t-ans-head{margin-top:6px;font-size:.9rem;opacity:.85}.t-ans-list{margin-top:6px;display:flex;flex-direction:column;gap:6px}.t-ans-row{display:flex;align-items:center;gap:8px}.t-ans-name{min-width:90px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}.t-ans-chip{font-size:.8rem;padding:2px 6px;border-radius:999px;background:#e5e7eb}.t-ans-chip.ok{background:#dcfce7}.t-ans-chip.no{background:#fee2e2}.t-ans-when{margin-left:auto;opacity:.6;font-variant-numeric:tabular-nums}.t-ans-empty{opacity:.7}.t-ans-more{opacity:.7;font-size:.9rem}.qcard{border:1px solid var(--border, #e5e7eb);background:#fff;border-radius:12px;padding:12px;margin:12px 0;cursor:pointer}.qcard.is-active{box-shadow:0 0 0 2px var(--primary, #4f46e5) inset;border-color:var(--primary, #4f46e5)}.q-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.q-range{font-size:.78rem;padding:2px 8px;border:1px solid var(--border, #e5e7eb);border-radius:10px;background:#f8fafc}.q-title{font-weight:700}.q-tags{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 4px}.tag-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#eef2ff;color:#1e3a8a;border-radius:12px}.tag-dot{width:22px;height:22px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;text-transform:lowercase;font-weight:700}.tag-text{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-x{margin-left:4px;opacity:.4;font-weight:700}.q-row{display:flex;gap:12px;margin-top:10px;align-items:flex-start}.q-label{width:48px;color:#6b7280;font-weight:700;padding-top:8px}.q-field{flex:1}.q-input{width:100%;border:1px solid var(--border, #e5e7eb);border-radius:8px;background:#f8fafc;padding:8px 10px;font:inherit;color:#111827}.q-input[disabled]{opacity:1}.q-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.q-opt{display:flex;align-items:center;gap:12px;border:1px solid var(--border, #e5e7eb);border-radius:10px;background:#fff;padding:10px;margin-top:8px}.q-radio{margin-left:2px}.q-index{color:#6b7280;width:16px;text-align:right}.t-dash-right{border-left:1px solid var(--border, #eee);padding-left:12px;min-height:0}.t-feed{height:100%;overflow:auto;padding-right:6px}.qfloat{position:sticky;top:0;z-index:10;border:1px solid var(--border, #e5e7eb);background:#fff;border-radius:12px;padding:10px 12px;margin-bottom:10px;box-shadow:0 6px 16px #0000000f}.qfloat-bar{display:flex;align-items:center;gap:8px}.qfloat-range{font-size:.78rem;padding:2px 8px;border:1px solid var(--border, #e5e7eb);border-radius:10px;background:#f8fafc}.qfloat-title{font-weight:700;flex:1}.qfloat-close{border:1px solid var(--border,#e5e7eb);background:#fff;border-radius:8px;padding:0 8px;line-height:22px;cursor:pointer}.qfloat-opts{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.qfloat-opts li{display:flex;align-items:center;gap:8px}.qfloat-idx{color:#6b7280;width:16px;text-align:right}.qfloat-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-right{min-width:0}.ce-preview{overflow-x:hidden}.ce-qlist{max-width:100%}.ce-qrow{width:100%;max-width:100%}.ce-preview .ce-qrow .ce-input{width:100%;max-width:320px}.ce-right .ce-input{width:100%}.ce-footer.right{border-top:1px solid var(--line);box-shadow:0 -2px 8px #0000000d}.ce-right{overflow-x:hidden}.ce-right .ce-input,.ce-right .q-input{width:100%!important;max-width:100%!important}.ce-qrow{width:100%!important;max-width:560px;box-sizing:border-box}.ce-qrow .ce-input,.ce-qrow .q-input{width:100%!important;max-width:100%!important}.ce-right .ce-form-row{padding:0 2px}@media (max-width: 1366px){.ce-preview .ce-form-row:nth-of-type(1) .ce-input{max-width:320px!important}}.ce-preview-head{min-width:0;flex-wrap:wrap}.ce-preview-head .ce-tagadd{margin-left:auto;min-width:0;max-width:60%;display:flex;align-items:center;gap:8px}.ce-preview-head .ce-tagadd .ce-input{width:auto;min-width:120px;max-width:100%;flex:1 1 auto}.ce-preview-head .ce-tagadd .ce-chip-btn{flex:0 0 auto}.ce-preview .ce-tags{flex-wrap:wrap;overflow-x:hidden}.ce-preview .ce-tagchip{display:inline-flex;align-items:center;gap:6px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-right .ce-input,.ce-qrow .ce-input{width:100%;max-width:100%}.ce-preview .ce-form-row:nth-of-type(1) .ce-input{width:100%!important;max-width:360px!important}@media (max-width:1366px){.ce-preview .ce-form-row:nth-of-type(1) .ce-input{max-width:320px!important}}.ce-right.is-tags .ce-preview .ce-form-row:nth-of-type(1){max-width:420px}.ce-right.is-tags .ce-preview .ce-form-row:nth-of-type(1) .ce-input{max-width:360px!important}.ce-right.is-tags .ce-preview .ce-form-row:nth-of-type(2){max-width:420px}.ce-right.is-tags .ce-preview .ce-form-row:nth-of-type(2) .ce-input{width:110px!important}.ce-preview{margin:2px;overflow:visible}.ce-preview.is-active{outline:none!important;box-shadow:0 0 0 2px #9dc3ff}.ce-right.is-quiz .ce-preview .ce-form-row:first-of-type .ce-input{max-width:100%!important;width:100%}.ce-right{overflow-x:hidden!important}.ce-preview,.ce-preview *{box-sizing:border-box}.ce-right .ce-qrow{width:100%;max-width:560px}.ce-right .ce-qrow .ce-input{width:100%;max-width:100%}.t-backbar{position:relative;top:auto;z-index:auto;margin:8px 0 12px}:root{--page-max: 1200px}.t-page-full{max-width:none;width:100%;margin:0;overflow-x:hidden;box-sizing:border-box}.t-backbar{position:relative;margin:20px 0 14px}.t-center{width:100%;max-width:var(--page-max);margin:0 auto;padding:0 12px;box-sizing:border-box}.t-topcard{width:100%;max-width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;box-sizing:border-box;overflow-x:hidden}.t-topcard-grid{display:grid;grid-template-columns:220px 1fr auto;gap:12px;align-items:center;min-width:0}.t-stu{margin-top:28px;width:1176px}.t-stu-head{display:grid;grid-template-columns:48px 1fr 260px;gap:8px;font-weight:700;margin-bottom:10px}.t-stu-row{display:grid;grid-template-columns:48px 1fr 260px;gap:8px;border-top:1px solid var(--line);padding:12px 0}.notification-popup-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.notification-popup{background:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 20px #0000004d;overflow:hidden}.notification-popup-header{background:#4a90e2;color:#fff;padding:20px}.notification-popup-header h2{margin:0;font-size:20px}.notification-popup-content{padding:30px 20px;max-height:400px;overflow-y:auto}.notification-popup-content p{margin:0;line-height:1.6;white-space:pre-wrap;font-size:16px}.notification-popup-footer{padding:15px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.notification-popup-footer button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-hide-24h{background:#f5f5f5;color:#333}.btn-hide-24h:hover{background:#e0e0e0}.btn-close{background:#4a90e2;color:#fff}.btn-close:hover{background:#357abd}.checkbox-group{display:flex;gap:15px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.teacher-mypage{max-width:1400px;margin:0 auto;padding:24px;background-color:#f8f9fa;font-family:Pretendard,Noto Sans KR,sans-serif}.mypage-header{background:#fff;padding:32px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.mypage-header h1{font-size:28px;font-weight:700;color:#2c3e50;margin:0 0 8px}.subtitle{font-size:16px;color:#6c757d;margin:0 0 20px}.class-selector{padding:8px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.stats-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.stats-section h2{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 20px}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.stat-header{margin-bottom:12px}.scenario-label{font-weight:600;color:#495057;font-size:14px}.stat-content{display:flex;flex-direction:column;gap:8px}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:12px;color:#6c757d}.stat-value{font-weight:600;color:#2c3e50}.progress-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.progress-bar{width:80px;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width .3s ease;border-radius:4px}.students-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2{font-size:20px;font-weight:600;color:#2c3e50;margin:0}.filter-select{padding:6px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff}.students-overview{overflow-x:auto}.students-table{width:100%;min-width:800px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.table-header{display:flex;flex-wrap:nowrap;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;font-weight:600;font-size:14px;text-align:center;white-space:nowrap}.table-header>span{flex:1 1 0;min-width:120px;padding:0 8px}.table-header>span:first-child{flex:2 1 0;min-width:150px;text-align:left}.table-row{display:flex;flex-wrap:nowrap;padding:16px 20px;border-bottom:1px solid #e9ecef;align-items:center;transition:all .2s ease}.table-row>span{flex:1 1 0;min-width:120px;padding:0 8px;text-align:center}.table-row>span:first-child{flex:2 1 0;min-width:150px;text-align:left}.table-row:nth-child(2n){background-color:#f8f9fa}.table-row:hover{background-color:#e3f2fd;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.student-name{font-weight:600;text-align:left;font-size:15px;color:#2c3e50;display:flex;align-items:center;gap:8px}.student-icon{width:16px;height:16px;object-fit:contain;margin-right:6px}.progress-summary{font-weight:600}.count{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.count.complete{background-color:#d4edda;color:#155724}.count.partial{background-color:#fff3cd;color:#856404}.progress-bar-small{width:60px;height:6px;background-color:#e9ecef;border-radius:3px;overflow:hidden;display:inline-block;margin-right:8px}.progress-fill-small{height:100%;background-color:#007bff;transition:width .3s ease}.progress-text{font-size:12px;font-weight:600;color:#374151}.answer-rate,.match-rate,.reflection-count{font-weight:600;padding:6px 12px;border-radius:20px;font-size:13px;text-align:center}.answer-rate{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.match-rate{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.reflection-count{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.detail-btn{background-color:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.detail-btn:hover{background-color:#0056b3}.student-detail-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.student-detail-section h2{font-size:20px;font-weight:600;color:#2c3e50;margin:0 0 20px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.detail-card{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}.detail-card h3{font-size:16px;font-weight:600;color:#495057;margin:0 0 16px;border-bottom:2px solid #007bff;padding-bottom:8px}.scenario-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #dee2e6}.scenario-title{font-weight:500}.watch-time{font-size:12px;color:#6c757d}.question-group{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #dee2e6}.question-group h4{font-size:14px;font-weight:600;color:#007bff;margin:0 0 12px}.question-item{margin-bottom:16px;padding:12px;background:#fff;border-radius:6px;border-left:3px solid #007bff}.question-type{display:inline-block;background:#007bff;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-bottom:8px}.question-text{font-weight:500;margin-bottom:8px;color:#2c3e50}.answer-comparison{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-bottom:8px}.student-answer,.rolemodel-answer{font-size:14px}.match-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-align:center}.match-status.match{background-color:#d4edda;color:#155724}.match-status.mismatch{background-color:#f8d7da;color:#721c24}.options{font-size:12px;color:#6c757d;margin-top:8px}.subjective-answers{display:grid;gap:12px}.student-subjective,.rolemodel-subjective{padding:12px;border-radius:4px;margin-bottom:8px}.student-subjective p,.rolemodel-subjective p{margin:8px 0 0;font-style:italic;color:#495057}.answer-header{display:flex;align-items:center;gap:8px;font-weight:600}.student-answer,.rolemodel-answer{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:4px}@media (max-width: 768px){.detail-grid,.answer-comparison{grid-template-columns:1fr}}.status{font-weight:600;font-size:16px}.status.completed{color:#28a745}.status.incomplete{color:#dc3545}.footer-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:flex-start}.footer-left{display:flex;flex-direction:column;gap:12px}.footer-section p{margin:0;font-size:14px;color:#6c757d}.selected-actions{display:flex;align-items:center;gap:12px}.selected-count{font-size:12px;font-weight:600;color:#f59e0b;background:#fef3e2;padding:4px 8px;border-radius:12px}.action-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:opacity .2s}.action-btn:disabled{opacity:.5;cursor:not-allowed}.message-btn{background-color:#17a2b8;color:#fff}.email-btn{background-color:#28a745;color:#fff}.selected-indicator{text-align:center}.selected-badge{background:#f59e0b;color:#fff;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:600}.excel-download-btn{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.excel-download-btn:hover{background-color:#0056b3}.video-questions-card,.video-reflections-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;overflow:hidden}.video-questions-card h3,.video-reflections-card h3{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin:0;padding:16px 24px;font-size:18px;font-weight:600}.question-card,.reflection-card{border-bottom:1px solid #e9ecef;padding:20px 24px}.question-card:last-child,.reflection-card:last-child{border-bottom:none}.question-header,.reflection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.question-header h4,.reflection-header h4{color:#1e293b;font-size:16px;font-weight:600;margin:0;flex:1}.question-type,.reflection-type{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600}.students-answers-table,.students-reflections-table{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.students-answers-table .table-header,.students-reflections-table .table-header{display:flex;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:12px 16px;font-weight:600;font-size:13px}.students-answers-table .table-header>span{flex:1;padding:0 8px;text-align:center}.students-answers-table .table-header>span:nth-child(2){flex:2}.students-reflections-table .table-header>span{flex:1;padding:0 8px;text-align:center}.students-reflections-table .table-header>span:nth-child(2){flex:3}.students-answers-table .table-row,.students-reflections-table .table-row{display:flex;padding:12px 16px;border-bottom:1px solid #e9ecef;align-items:center;transition:background-color .2s ease}.students-answers-table .table-row>span{flex:1;padding:0 8px;text-align:center}.students-answers-table .table-row>span:nth-child(2){flex:2}.students-reflections-table .table-row>span{flex:1;padding:0 8px;text-align:center}.students-reflections-table .table-row>span:nth-child(2){flex:3}.students-answers-table .table-row:hover,.students-reflections-table .table-row:hover{background-color:#f8fafc}.answer-text,.reflection-text{font-size:14px;line-height:1.4;color:#374151;padding:8px 12px;background:#f8fafc;border-radius:6px;border-left:3px solid #e2e8f0}.match-badge{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;text-align:center}.match-badge.match{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.match-badge.mismatch{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.match-badge.subjective{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.no-answer{color:#9ca3af;font-style:italic;font-size:13px}.tab-header{display:flex;gap:8px;margin-bottom:20px}.tab-btn{padding:10px 20px;border:2px solid #e2e8f0;background:#fff;color:#64748b;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.tab-btn:hover:not(.active){background:#f8fafc;border-color:#cbd5e1}.simple-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;min-width:800px}.simple-header{display:grid;grid-template-columns:200px repeat(4,1fr);background:#374151;color:#fff;padding:16px 20px;font-weight:700;font-size:14px;border-bottom:2px solid #1f2937}.simple-row{display:grid;grid-template-columns:200px repeat(4,1fr);padding:16px 20px;border-bottom:1px solid #e5e7eb;align-items:center;transition:background-color .2s ease}.simple-row:hover{background-color:#f9fafb}.simple-row:last-child{border-bottom:none}.col-student{text-align:left;font-weight:600;color:#1f2937}.col-metric{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.metric-value{font-weight:600;font-size:15px;color:#374151}.mini-bar{width:60px;height:4px;background-color:#e5e7eb;border-radius:2px;overflow:hidden}.mini-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.student-name{font-weight:600;color:#1f2937;font-size:15px}@media (max-width: 768px){.students-overview{overflow-x:auto}.simple-table{min-width:600px}.simple-header,.simple-row{grid-template-columns:150px repeat(4,120px);padding:12px 16px}.metric-value{font-size:13px}.mini-bar{width:50px}}.question-reference-section{margin-bottom:20px}.reference-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.reference-card{background:#f8fafc;border-radius:8px;padding:16px;border-left:4px solid}.rolemodel-card{border-left-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.others-card{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#f0f9ff)}.reference-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.reference-icon{width:16px;height:16px;object-fit:contain}.download-icon{width:14px;height:14px;object-fit:contain}.reference-title{font-weight:600;font-size:14px;color:#374151}.reference-content{font-size:14px;line-height:1.4;color:#4b5563;background:#fff;padding:12px;border-radius:6px;border:1px solid #e5e7eb}@media (max-width: 768px){.reference-cards{grid-template-columns:1fr}}.students-metrics-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.metrics-header{display:grid;grid-template-columns:200px 200px 1fr;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;font-weight:600;font-size:14px;text-align:center}.header-student{text-align:left}.student-metrics-group{border-bottom:2px solid #e2e8f0}.student-metrics-group:last-child{border-bottom:none}.metric-row{display:grid;grid-template-columns:200px 200px 1fr;align-items:center;padding:12px 20px;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.metric-row:hover{background-color:#f8fafc}.metric-row:last-child{border-bottom:none}.student-name-cell{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:8px;padding:8px;margin-right:16px;min-height:120px;position:relative}.student-name-cell:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid #e2e8f0;border-top:8px solid transparent;border-bottom:8px solid transparent}.student-name{font-weight:700;font-size:16px;color:#1e293b;text-align:center}.metric-label{font-weight:600;color:#374151;font-size:14px;padding:0 16px}.metric-value-cell{display:flex;align-items:center;gap:12px;padding:0 16px}.metric-value{font-weight:700;font-size:16px;color:#1e293b;min-width:60px;text-align:right}.metric-bar{flex:1;height:12px;background-color:#e5e7eb;border-radius:6px;overflow:hidden;position:relative}.metric-bar-fill{height:100%;border-radius:6px;transition:width .3s ease;position:relative}.metric-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.student-metrics-group .metric-row:not(:first-child) .student-name-cell{display:none}.student-metrics-group .metric-row:not(:first-child){grid-template-columns:0 200px 1fr;padding-left:220px}@media (max-width: 768px){.metrics-header{grid-template-columns:1fr;text-align:center}.metric-row{grid-template-columns:1fr;gap:8px;padding:16px}.student-name-cell{margin-right:0;margin-bottom:12px;min-height:auto}.metric-value-cell{padding:0}.student-metrics-group .metric-row:not(:first-child){grid-template-columns:1fr;padding-left:16px}}@media (max-width: 768px){.teacher-mypage{padding:16px}.mypage-header{padding:20px}.stats-section,.students-section,.footer-section{padding:16px}.footer-section{flex-direction:column;gap:16px;text-align:center}}.loading-message,.error-message,.empty-state{text-align:center;padding:40px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0;margin-top:20px}.empty-state h3{color:#4a5568;margin-bottom:16px;font-size:20px}.empty-state p{color:#718096;margin-bottom:8px;line-height:1.5}.error-message p{color:#e53e3e;margin-bottom:8px}.loading-message p{color:#4a5568;font-size:16px}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tab-buttons,.download-buttons{display:flex;gap:8px}.download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.download-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}@media (max-width: 768px){.tab-header{flex-direction:column;gap:12px;align-items:stretch}.tab-buttons,.download-buttons{justify-content:center}}.view-all-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease;margin-top:12px;box-shadow:0 2px 8px #3b82f64d;width:120px}.view-all-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #3b82f666}.admin-layout{display:flex;height:100vh;background-color:#f5f5f5}.admin-sidebar{width:250px;background-color:#2c3e50;color:#fff;display:flex;flex-direction:column}.admin-logo{padding:20px;border-bottom:1px solid #34495e}.admin-logo h2{margin:0;font-size:24px;text-align:center}.admin-nav{flex:1;padding:20px 0}.nav-item{display:flex;align-items:center;width:100%;padding:15px 20px;background:none;border:none;color:#fff;text-align:left;cursor:pointer;transition:background-color .3s}.nav-item:hover{background-color:#34495e}.nav-item.active{background-color:#3498db}.nav-icon{margin-right:10px;font-size:18px}.logout-btn{margin:20px;padding:10px;background-color:#e74c3c;color:#fff;border:none;border-radius:5px;cursor:pointer}.admin-content{flex:1;padding:30px;overflow-y:auto}.admin-dashboard h1{margin-bottom:30px;color:#2c3e50}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center}.stat-icon{font-size:40px;margin-right:20px}.stat-info h3{margin:0 0 5px;color:#7f8c8d;font-size:14px}.stat-number{font-size:32px;font-weight:700;color:#2c3e50;margin:0}.stat-desc{font-size:12px;color:#95a5a6;margin:5px 0 0}.info-tooltip{font-size:14px;cursor:help;opacity:.7;margin-left:5px;display:inline-block;position:relative}.info-tooltip:hover{opacity:1}.info-tooltip[title]:hover:after{content:attr(title);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;box-shadow:0 2px 8px #0003}.info-tooltip[title]:hover:before{content:"";position:absolute;bottom:115%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#333;z-index:1000}.info-tooltip[title]{position:relative}.info-tooltip[title]:hover{overflow:visible}.dashboard-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.section{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.section h2{margin-top:0;color:#2c3e50;border-bottom:2px solid #ecf0f1;padding-bottom:10px}.system-status{display:flex;flex-direction:column;gap:10px}.status-item{display:flex;align-items:center;gap:10px}.status-dot{width:12px;height:12px;border-radius:50%}.status-dot.green{background-color:#27ae60}.status-dot.yellow{background-color:#f39c12}.status-dot.red{background-color:#e74c3c}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{display:flex;justify-content:space-between;padding:10px;background-color:#f8f9fa;border-radius:5px}.activity-time{color:#7f8c8d;font-size:12px}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.action-btn{padding:15px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.action-btn:hover{background-color:#2980b9}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{margin:0;color:#2c3e50}.add-btn{padding:12px 24px;background-color:#27ae60;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700}.user-table{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.user-table th,.user-table td{padding:15px;text-align:left;border-bottom:1px solid #ecf0f1}.user-table th{background-color:#f8f9fa;font-weight:700;color:#2c3e50}.user-table select{padding:5px;border:1px solid #ddd;border-radius:3px}.status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.status.active{background-color:#d4edda;color:#155724}.status.inactive{background-color:#f8d7da;color:#721c24}.delete-btn{padding:6px 12px;background-color:#e74c3c;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:10px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal.large{max-width:800px}.modal h2{margin-top:0;color:#2c3e50}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#2c3e50}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px}.form-group textarea{resize:vertical;min-height:100px}.form-grid,.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.modal-actions button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700}.modal-actions button:first-child{background-color:#3498db;color:#fff}.modal-actions button:last-child{background-color:#95a5a6;color:#fff}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.class-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a}.class-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.class-header h3{margin:0;color:#2c3e50}.class-actions{display:flex;gap:10px}.edit-btn{padding:6px 12px;background-color:#f39c12;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:12px}.class-info p{margin:8px 0;color:#7f8c8d}.progress-bar{width:100%;height:8px;background-color:#ecf0f1;border-radius:4px;overflow:hidden}.progress{height:100%;background-color:#3498db;transition:width .3s}.system-sections{display:flex;flex-direction:column;gap:30px}.settings-grid{display:grid;gap:20px}.setting-item{padding:15px;background-color:#f8f9fa;border-radius:5px}.setting-item label{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:5px}.setting-desc{color:#7f8c8d;font-size:12px;margin:5px 0 0}.save-btn{margin-top:20px;padding:12px 24px;background-color:#27ae60;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700}.storage-bar{width:100%;height:20px;background-color:#ecf0f1;border-radius:10px;overflow:hidden;margin-bottom:15px}.storage-used{height:100%;background-color:#3498db;transition:width .3s}.system-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.action-btn.backup{background-color:#27ae60}.action-btn.cache{background-color:#f39c12}.action-btn.logs{background-color:#9b59b6}.action-btn.restart{background-color:#e74c3c}.stats-table table{width:100%;border-collapse:collapse}.stats-table th,.stats-table td{padding:12px;text-align:left;border-bottom:1px solid #ecf0f1}.stats-table th{background-color:#f8f9fa;font-weight:700}.notification-list{display:flex;flex-direction:column;gap:20px}.notification-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a}.notification-card.inactive{opacity:.6}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.notification-title{display:flex;align-items:center;gap:10px}.type-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;color:#fff}.type-badge.blue{background-color:#3498db}.type-badge.red{background-color:#e74c3c}.type-badge.green{background-color:#27ae60}.type-badge.orange{background-color:#f39c12}.notification-actions{display:flex;gap:10px}.toggle-btn{padding:6px 12px;border:none;border-radius:3px;cursor:pointer;font-size:12px}.toggle-btn.active{background-color:#27ae60;color:#fff}.toggle-btn.inactive{background-color:#95a5a6;color:#fff}.notification-meta{display:flex;gap:20px;color:#7f8c8d;font-size:12px;margin-top:15px}.filter-buttons{display:flex;gap:10px}.filter-buttons button{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:5px;cursor:pointer}.filter-buttons button.active{background-color:#3498db;color:#fff;border-color:#3498db}.communication-layout{display:grid;grid-template-columns:1fr 2fr;gap:30px;height:600px}.message-list{background:#fff;border-radius:10px;padding:20px;overflow-y:auto;box-shadow:0 2px 10px #0000001a}.message-item{padding:15px;border-bottom:1px solid #ecf0f1;cursor:pointer;transition:background-color .3s}.message-item:hover{background-color:#f8f9fa}.message-item.selected{background-color:#e3f2fd}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.role-badge{padding:2px 6px;background-color:#ecf0f1;border-radius:8px;font-size:10px;margin-left:8px}.message-meta{display:flex;gap:8px}.priority-badge,.status-badge{padding:2px 6px;border-radius:8px;font-size:10px;color:#fff}.priority-badge.red{background-color:#e74c3c}.priority-badge.orange{background-color:#f39c12}.priority-badge.green{background-color:#27ae60}.status-badge.orange{background-color:#f39c12}.status-badge.green{background-color:#27ae60}.status-badge.blue{background-color:#3498db}.message-subject{font-weight:700;margin-bottom:5px}.message-preview{color:#7f8c8d;font-size:14px;margin-bottom:5px}.message-date{color:#bdc3c7;font-size:12px}.message-detail{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ecf0f1}.detail-info{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:5px}.detail-content{margin-bottom:30px}.reply-section textarea{width:100%;margin-bottom:15px}.reply-btn{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer}.no-selection{display:flex;justify-content:center;align-items:center;height:100%;color:#7f8c8d}.user-management{padding:20px;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h1{margin:0;color:#333}.add-btn{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px}.add-btn:hover{background:#0056b3}.user-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.user-table table{width:100%;border-collapse:collapse}.user-table th,.user-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.user-table th{background:#f8f9fa;font-weight:600;color:#333}.user-table select{padding:5px 8px;border:1px solid #ddd;border-radius:4px;background:#fff}.delete-btn{background:#dc3545;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px}.delete-btn:hover{background:#c82333}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:8px;width:400px;max-width:90vw;box-shadow:0 4px 12px #0000004d}.modal h2{margin:0 0 20px;color:#333}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.modal-actions button:first-child{background:#28a745;color:#fff}.modal-actions button:first-child:hover{background:#218838}.modal-actions button:last-child{background:#6c757d;color:#fff}.modal-actions button:last-child:hover{background:#5a6268}.student-dashboard{max-width:1200px;margin:0 auto;padding:24px;font-family:Pretendard,Noto Sans KR,sans-serif;background-color:#f8fafb;min-height:100vh}.student-theme{color:#f59e0b!important}.peer-theme{color:#6b7280!important}.model-theme{color:#22c55e!important}.student-bg{background-color:#fef3e2}.peer-bg{background-color:#f3f4f6}.model-bg{background-color:#f0fdf4}.progress-section{margin-bottom:32px}.progress-section h2{font-size:24px;font-weight:600;color:#1a202c;margin-bottom:20px}.progress-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0}.table-header{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:16px 20px;background:#f7fafc;font-weight:600;color:#4a5568;font-size:14px;border-bottom:1px solid #e2e8f0}.table-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:16px 20px;border-bottom:1px solid #f1f5f9;align-items:center}.table-row:last-child{border-bottom:none}.scenario-name{font-weight:600;color:#2d3748;font-size:16px}.progress-cell{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4fd1c7,#38b2ac);border-radius:4px;transition:width .3s ease}.progress-text{font-weight:600;color:#2d3748;font-size:14px;min-width:40px}.count-cell{background:#e6fffa;color:#00a693;padding:4px 12px;border-radius:6px;font-size:14px;font-weight:500;text-align:center;width:fit-content}.activity-section{margin-bottom:32px}.tab-header{display:flex;background:#fff;border-radius:12px 12px 0 0;border:1px solid #e2e8f0;border-bottom:none;overflow:hidden}.tab-btn{flex:1;padding:16px 24px;background:#f7fafc;border:none;font-size:16px;font-weight:500;color:#718096;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:#fff;color:#2d3748;font-weight:600}.tab-btn:hover{background:#edf2f7}.questions-dashboard{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 12px 12px;padding:24px}.scenario-card{background:#f8fafb;border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid #e2e8f0}.scenario-card:last-child{margin-bottom:0}.scenario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.scenario-header h3{font-size:18px;font-weight:600;color:#2d3748;margin:0}.scenario-stats{display:flex;gap:16px;margin-bottom:20px}.stat-item{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;flex:1}.stat-item>div{display:flex;flex-direction:column}.stat-label{font-size:12px;color:#6b7280;margin-bottom:2px}.stat-value{font-size:18px;font-weight:700}.chart-container{display:flex;align-items:center;gap:24px;margin-bottom:20px;padding:16px;background:#fff;border-radius:8px}.donut-chart{position:relative;width:80px;height:80px;border-radius:50%;background:conic-gradient(#10b981 0deg 216deg,#ef4444 216deg 360deg);display:flex;align-items:center;justify-content:center}.chart-center{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.chart-percentage{font-size:14px;font-weight:600;color:#2d3748}.chart-label{font-size:10px;color:#718096}.chart-legend{display:flex;flex-direction:column;gap:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#4a5568}.legend-color{width:12px;height:12px;border-radius:2px}.legend-color.matched{background:#10b981}.legend-color.unmatched{background:#ef4444}.question-type{font-size:12px;padding:2px 6px;border-radius:4px;background:#f1f5f9;color:#64748b;font-weight:500}.question-text{font-size:13px;color:#2d3748;font-weight:500;line-height:1.4;word-break:break-word}.answer-cell{display:flex;align-items:center;gap:6px;font-size:13px;color:#4a5568;word-break:break-word;line-height:1.4}.match-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;display:inline-block;text-align:center;white-space:nowrap;justify-self:center}.match-badge.match{background-color:#fef3e2;color:#f59e0b}.match-badge.mismatch{background-color:#f0fdf4;color:#22c55e}.questions-table{background:#fff;border-radius:8px;overflow:hidden;margin-bottom:16px}.questions-table .table-header{grid-template-columns:1fr 1fr 1fr 1fr 150px;background:#f1f5f9;font-size:12px}.questions-table .table-row{grid-template-columns:1fr 1fr 1fr 1fr 150px;font-size:14px;align-items:center}.status-badge{font-weight:500;font-size:12px;padding:2px 8px;border-radius:4px;background:#6b72801a}.summary{font-size:14px;color:#4a5568;text-align:center;padding:12px;background:#fff;border-radius:6px;font-weight:500}.reflection-dashboard{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 12px 12px;padding:24px}.reflection-card{background:#f8fafb;border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid #e2e8f0}.reflection-card:last-child{margin-bottom:0}.reflection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e6fffa}.reflection-header h3{font-size:18px;font-weight:600;color:#2d3748;margin:0}.check-percentage{text-align:center}.check-percentage span{display:block;font-size:12px;color:#718096;margin-bottom:8px}.percentage-display{font-size:24px;font-weight:700;color:#4fd1c7;background:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.reflection-content{display:flex;flex-direction:column;gap:20px}.reflection-item{background:#fff;border-radius:8px;padding:16px;border:1px solid #e2e8f0}.question-label{font-weight:600;color:#2d3748;font-size:14px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.answer-content{color:#4a5568;font-size:14px;line-height:1.6;white-space:pre-wrap}.answer-content.summary{background:#f8fafb;padding:12px;border-radius:6px;border-left:4px solid #4fd1c7}.no-answer{color:#a0aec0;font-style:italic;font-size:13px}.action-area{display:flex;justify-content:flex-end;margin-top:32px;padding-top:24px}.save-print-btn{background:linear-gradient(135deg,#4fd1c7,#38b2ac);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #4fd1c74d;transition:all .2s ease}.save-print-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4fd1c766}.save-print-btn:active{transform:translateY(0)}@media (max-width: 768px){.student-dashboard{padding:16px}.table-header,.table-row{grid-template-columns:1fr;gap:8px;text-align:left}.progress-cell{flex-direction:column;align-items:flex-start;gap:8px}.scenario-header{flex-direction:column;align-items:flex-start;gap:12px}.scenario-stats{gap:16px}.chart-container{flex-direction:column;text-align:center}.questions-table .table-header,.questions-table .table-row{grid-template-columns:1fr 1fr;gap:8px}.reflection-header{flex-direction:column;align-items:flex-start;gap:12px}.reflection-item{padding:12px}.question-label,.answer-content{font-size:13px}.tab-btn{padding:12px 16px;font-size:14px}}