:root{--bg:#f5efe4;--paper:#fffaf2;--panel:#183b4e;--panel-soft:#27556a;--ink:#172026;--muted:#61717d;--line:rgba(24,59,78,0.12);--accent:#ecb44f;--accent-deep:#d98c2b;--shadow:0 16px 48px rgba(17,29,38,0.08);--primary:#000000;--secondary:#667eea;--success:#48bb78;--warning:#ed8936;--danger:#f56565;--gradient-1:linear-gradient(135deg,#667eea,#764ba2);--gradient-2:linear-gradient(135deg,#f093fb,#f5576c);--gradient-3:linear-gradient(135deg,#4facfe,#00f2fe)}*{box-sizing:border-box}html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-in{animation:slideIn .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.hero:hover,.review-card:hover,.section-shell:hover,.teacher-card:hover{transform:translateY(-2px);box-shadow:0 20px 56px rgba(17,29,38,.12);transition:all .3s ease}.button-primary,.button-secondary,.search-bar button{position:relative;overflow:hidden}.button-primary:before,.button-secondary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.button-primary:active:before,.button-secondary:active:before{width:300px;height:300px}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:white}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-title{height:24px;width:60%;margin-bottom:12px}.skeleton-avatar{width:60px;height:60px;border-radius:50%}.progress-bar{height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--panel);transition:width .3s ease;position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.review-card,.teacher-card{opacity:0;animation:fadeIn .5s ease-out forwards}.teacher-card:first-child{animation-delay:.1s}.teacher-card:nth-child(2){animation-delay:.2s}.teacher-card:nth-child(3){animation-delay:.3s}.teacher-card:nth-child(4){animation-delay:.4s}.teacher-card:nth-child(5){animation-delay:.5s}.teacher-card:nth-child(6){animation-delay:.6s}.review-card:first-child{animation-delay:.1s}.review-card:nth-child(2){animation-delay:.15s}.review-card:nth-child(3){animation-delay:.2s}.review-card:nth-child(4){animation-delay:.25s}.review-card:nth-child(5){animation-delay:.3s}.star-rating{display:inline-flex;gap:4px}.star{font-size:20px;color:#ddd;transition:color .2s ease,transform .2s ease;cursor:pointer}.star:hover{transform:scale(1.2)}.star.filled{color:var(--accent-deep)}.tag-pill.selectable:hover{transform:scale(1.05)}.tag-pill.selectable.active{animation:pulse .3s ease}.modal-overlay{animation:fadeIn .2s ease-out}.modal-content{animation:scaleIn .3s ease-out}.search-suggestions{animation:fadeIn .2s ease-out}.suggestion-item{transition:background .2s ease}.filter-tag{animation:fadeIn .3s ease-out}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--panel);transition:width .3s ease}.nav-link:hover:after{width:100%}.metric-card strong,.stat-badge strong,.summary-score{transition:transform .3s ease}.metric-card:hover strong,.stat-badge:hover strong,.summary-score:hover{transform:scale(1.1)}.page-transition{animation:fadeIn .4s ease-out}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.visible{opacity:1;transform:translateY(0)}body{margin:0;font-family:Segoe UI,PingFang SC,Noto Sans SC,sans-serif;background:radial-gradient(circle at top left,rgba(236,180,79,.28),transparent 28%),radial-gradient(circle at right 20%,rgba(39,85,106,.12),transparent 20%),linear-gradient(180deg,#f7f0e6,#f4efe8);color:var(--ink);min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 1}.main-content-auth{display:flex;flex-direction:column}.main-content-standalone{display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 72px}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(0,0,0,.95);-webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);border-bottom:2px solid rgba(255,255,255,.12);box-shadow:0 8px 32px rgba(0,0,0,.3)}.mobile-menu-button{background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.2);padding:12px;color:white;border-radius:10px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}.mobile-menu-button:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.3)}.mobile-menu-button:active{transform:scale(.95)}.hamburger{gap:5px;width:26px}.hamburger span{height:3px;background:white;border-radius:3px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.3)}.mobile-menu{border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(0,0,0,.98),rgba(0,0,0,.95));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.mobile-nav-link{padding:14px 18px;color:rgba(255,255,255,.95);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px}.mobile-nav-icon{font-size:20px;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.mobile-nav-text{line-height:1}.mobile-nav-link:hover{background:rgba(255,255,255,.15);color:white;transform:translateX(6px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.mobile-nav-link:hover .mobile-nav-icon{transform:scale(1.1)}.mobile-nav-link-admin{color:#ffd700;background:rgba(255,215,0,.12);border:1px solid rgba(255,215,0,.2);box-shadow:0 2px 8px rgba(255,215,0,.15)}.mobile-nav-link-admin:hover{background:rgba(255,215,0,.2);color:#ffe44d;border-color:rgba(255,215,0,.3);box-shadow:0 4px 12px rgba(255,215,0,.25)}.mobile-menu-footer{border-top:1px solid rgba(255,255,255,.1)}.navbar-container{width:min(1180px,calc(100% - 32px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px 0}.navbar-brand a{display:flex;align-items:center;gap:12px;text-decoration:none;padding:12px 20px;border-radius:999px;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 16px rgba(0,0,0,.25)}.navbar-brand a:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.6);transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.brand-icon{font-size:16px;line-height:1}.brand-text{font-size:15px;font-weight:600;color:#ffffff;line-height:1}.navbar-menu{display:flex;align-items:center;gap:16px}.nav-link{color:#ffffff;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);padding:12px 20px;border-radius:999px;position:relative;background:transparent;border:1px solid rgba(255,255,255,.4);display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 16px rgba(0,0,0,.25)}.nav-icon{font-size:16px}.nav-icon,.nav-text{line-height:1}.nav-link:hover{color:#ffffff;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.6);transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.nav-link:active{transform:translateY(0)}.nav-link-admin{color:#ffd700;background:rgba(255,215,0,.12);border:1px solid rgba(255,215,0,.2);box-shadow:0 2px 8px rgba(255,215,0,.15)}.nav-link-admin:hover{background:rgba(255,215,0,.2);color:#ffe44d;border-color:rgba(255,215,0,.3);box-shadow:0 4px 12px rgba(255,215,0,.25)}.navbar-actions{gap:20px}.navbar-actions,.user-menu{display:flex;align-items:center}.user-menu{gap:16px}.navbar-actions .button-primary,.navbar-actions .button-secondary{font-weight:600;font-size:15px;padding:12px 20px;box-shadow:0 4px 16px rgba(0,0,0,.25)}.navbar-actions .button-primary{background:#ffffff;color:#000000}.navbar-actions .button-primary:hover{background:#f0f0f0;box-shadow:0 6px 20px rgba(255,255,255,.3)}.navbar-actions .button-secondary{border-color:rgba(255,255,255,.4);color:#ffffff}.navbar-actions .button-secondary:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.6)}.user-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:rgba(255,255,255,.2);border-radius:26px;font-size:15px;font-weight:700;color:#ffffff;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 16px rgba(0,0,0,.2);transition:all .3s ease;text-shadow:0 2px 8px rgba(0,0,0,.3)}.user-badge:hover{background:rgba(255,255,255,.25);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.25);border-color:rgba(255,255,255,.4)}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:8px}.hamburger{display:flex;flex-direction:column;gap:4px;width:24px}.hamburger span{display:block;height:2px;background:var(--panel);border-radius:2px;transition:all .3s ease}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{display:none;flex-direction:column;padding:20px 0;border-top:1px solid var(--line);background:white}.mobile-nav-link{padding:12px 16px;color:var(--ink);text-decoration:none;font-weight:500;border-radius:8px;margin:4px 0}.mobile-nav-link:hover{background:rgba(24,59,78,.05)}.mobile-nav-link-admin{color:#734d13;background:rgba(236,180,79,.1)}.mobile-menu-footer{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.mobile-menu-footer .user-info{display:flex;flex-direction:column;gap:12px}@media (max-width:768px){.desktop-menu{display:none!important}.mobile-menu-button{display:block}.mobile-menu{display:flex}.navbar-container{padding:16px 0}.brand-text{font-size:14px}.brand-icon{font-size:15px}}.detail-hero,.form-card,.form-hero,.hero,.section-shell{border:1px solid var(--line);border-radius:28px;background:rgba(255,250,242,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.form-hero,.hero{padding:28px}.cta-row,.filter-actions,.score-row,.section-heading,.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.topnav{display:flex;flex-wrap:wrap;gap:20px;color:var(--muted)}.brand-kicker,.breadcrumb,.eyebrow,.panel-label,.search-label{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--panel-soft)}.brand-block h1,.detail-copy h1,.form-hero h1,.hero-title{margin:6px 0 0;line-height:1.05}.brand-block h1{font-size:30px}.form-grid,.hero-grid,.listing-layout,.metric-grid,.teacher-grid{display:grid;grid-gap:20px;gap:20px}.hero-grid{grid-template-columns:1.45fr .95fr;margin-top:28px}.hero-title{font-size:clamp(34px,6vw,68px);max-width:10ch}.detail-subtitle,.empty-state p,.hero-copy,.notice-card p,.search-hint{color:var(--muted);line-height:1.7}.button-primary,.button-secondary,.search-bar button,.tag-pill.selectable{border-radius:999px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.button-primary,.search-bar button{background:var(--panel);color:white;padding:14px 22px;box-shadow:0 10px 24px rgba(24,59,78,.18)}.button-secondary{background:transparent;color:var(--panel);border:1px solid var(--line);padding:13px 20px}.button-primary:hover,.search-bar button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(24,59,78,.25);background:var(--panel-soft)}.button-secondary:hover{transform:translateY(-2px);background:rgba(24,59,78,.05);border-color:var(--panel);box-shadow:0 8px 16px rgba(24,59,78,.1)}.button-primary:active,.button-secondary:active{transform:translateY(0)}.full-width{display:inline-flex;justify-content:center;width:100%}.empty-state,.filter-panel,.hero-panel-card,.metric-card,.notice-card,.review-card,.search-card,.summary-card,.teacher-card{border-radius:24px;border:1px solid var(--line);background:var(--paper)}.empty-state,.filter-panel,.hero-panel-card,.notice-card,.search-card,.summary-card{padding:20px}.search-card{margin-top:28px}.filter-form,.search-bar{display:flex;gap:12px}.filter-form{flex-direction:column}.search-bar input,input,select,textarea{width:100%;border-radius:18px;border:1px solid var(--line);background:white;padding:14px 16px;color:var(--ink)}.enhanced-search{margin:20px 0}.search-form{display:flex;flex-direction:column;gap:16px}.search-main{display:flex;gap:12px;align-items:stretch}.search-input-wrapper{flex:1 1;position:relative}.search-input{width:100%;padding:14px 100px 14px 16px;border:2px solid var(--line);border-radius:24px;font-size:16px;transition:border-color .16s ease,box-shadow .16s ease}.search-input:focus{outline:none;border-color:var(--panel);box-shadow:0 0 0 3px rgba(24,59,78,.1)}.search-button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:var(--panel);color:white;border:none;border-radius:18px;padding:10px 20px;font-weight:600;cursor:pointer;transition:all .16s ease}.search-button:hover{background:var(--panel-soft);transform:translateY(-50%) translateY(-1px)}.advanced-toggle{background:white;border:1px solid var(--line);border-radius:20px;padding:14px 20px;font-weight:600;color:var(--panel);cursor:pointer;transition:all .16s ease;white-space:nowrap}.advanced-toggle:hover{background:rgba(24,59,78,.05);border-color:var(--panel)}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;border-radius:16px;box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden;z-index:10}.suggestion-item{display:block;width:100%;padding:12px 16px;text-align:left;background:none;border:none;cursor:pointer;transition:background .16s ease}.suggestion-item:hover{background:rgba(24,59,78,.05)}.advanced-filters{background:white;border-radius:20px;padding:20px;border:1px solid var(--line)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:600;color:var(--panel);font-size:14px}.filter-group select{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:white;font-size:14px}.filter-actions{display:flex;gap:12px;justify-content:flex-end}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.filter-tag{display:inline-flex;align-items:center;gap:6px;background:rgba(236,180,79,.15);color:#734d13;padding:6px 12px;border-radius:16px;font-size:14px;font-weight:500}.filter-tag button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .16s ease}.filter-tag button:hover{background:rgba(0,0,0,.1)}@media (max-width:768px){.search-main{flex-direction:column}.search-input{padding-right:16px}.search-button{position:static;transform:none;width:100%}.filter-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.filter-actions button{width:100%}}textarea{resize:vertical}.hero-panel{display:flex;align-items:stretch}.hero-panel-card{width:100%;background:linear-gradient(160deg,rgba(24,59,78,.96),rgba(39,85,106,.92)),var(--panel);color:white}.review-list,.stats-grid{display:grid;grid-gap:14px;gap:14px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.stat-badge{padding:18px;border-radius:20px;background:rgba(255,255,255,.08)}.stat-badge strong{display:block;font-size:28px;margin-bottom:8px}.form-card,.section-shell{margin-top:24px;padding:24px}.section-heading h2,.section-heading h3{margin:8px 0 0;font-size:28px}.teacher-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.teacher-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.review-card,.teacher-card{padding:20px}.enhanced-teacher-card{display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.enhanced-teacher-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--panel),var(--accent));opacity:0;transition:opacity .3s ease}.enhanced-teacher-card:hover:before{opacity:1}.teacher-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.teacher-info{flex:1 1}.teacher-name-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.teacher-name{font-size:18px;color:var(--panel)}.teacher-title{font-size:12px;background:rgba(24,59,78,.08);color:var(--muted);padding:2px 8px;border-radius:8px}.teacher-score{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border:2px solid;border-radius:12px;background:white;transition:transform .2s ease}.teacher-score:hover{transform:scale(1.1)}.score-value{font-size:24px;font-weight:700;line-height:1}.score-label{font-size:11px;color:var(--muted);margin-top:2px}.teacher-courses{font-size:14px;line-height:1.5}.courses-label{color:var(--muted);font-weight:500}.courses-list{color:var(--ink)}.teacher-tags{display:flex;flex-wrap:wrap;gap:6px}.tag-pill.small{font-size:12px;padding:4px 10px}.tag-pill.more-tags{background:rgba(24,59,78,.05);color:var(--muted)}.teacher-footer{justify-content:space-between;padding-top:12px;border-top:1px solid var(--line);margin-top:auto}.review-count,.teacher-footer{display:flex;align-items:center}.review-count{gap:6px;font-size:14px;color:var(--muted)}.count-icon{font-size:16px}.view-details{font-size:14px;color:var(--panel);font-weight:500;transition:gap .2s ease;display:flex;align-items:center;gap:4px}.enhanced-teacher-card:hover .view-details{gap:8px}.review-meta,.teacher-meta{color:var(--muted);font-size:14px}.score-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;background:rgba(236,180,79,.22);color:#734d13;font-weight:700}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 14px;background:rgba(24,59,78,.08);color:var(--panel)}.tag-pill.large{padding:10px 16px;font-weight:600}.tag-pill.selectable{background:white;border:1px solid var(--line);color:var(--ink)}.detail-page .detail-hero,.form-hero{padding:28px}.detail-hero{display:grid;grid-template-columns:1.3fr .7fr;grid-gap:20px;gap:20px}.summary-card{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#fff8eb,#fffdf8)}.summary-score{font-size:68px;line-height:1;color:var(--panel);margin:10px 0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.metric-card{padding:18px}.metric-card span{color:var(--muted)}.metric-card strong{display:block;margin-top:10px;font-size:30px}.review-card.compact p{margin-bottom:0}.listing-head,.review-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.review-body{margin:16px 0;line-height:1.8}.review-footer{justify-content:space-between;gap:16px;color:var(--muted);font-size:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-form label,.form-grid label,.textarea-block{display:grid;grid-gap:10px;gap:10px;font-weight:600}.score-panel,.tag-picker{margin-top:24px}.score-list{display:grid;grid-gap:12px;gap:12px}.stars{letter-spacing:.12em;color:var(--accent-deep)}.listing-layout{grid-template-columns:280px 1fr}.status-badge{border-radius:999px;padding:8px 12px;font-size:14px;font-weight:700}.status-published{background:rgba(78,140,113,.15);color:#2d6b52}.status-pending{background:rgba(236,180,79,.2);color:#8a5a13}.status-rejected{background:rgba(164,72,58,.14);color:#934337}.empty-state{margin-top:20px}@media (max-width:900px){.detail-hero,.form-grid,.hero-grid,.listing-layout,.metric-grid,.teacher-grid,.teacher-grid-wide{grid-template-columns:1fr}.cta-row,.filter-actions,.listing-head,.review-card-header,.review-footer,.search-bar,.section-heading,.topbar{flex-direction:column;align-items:flex-start}.hero-title{max-width:100%}.page-shell{width:min(100% - 20px,1180px)}}.inline-actions{display:flex;gap:12px;flex-wrap:wrap}.stack-actions{display:grid;grid-gap:12px;gap:12px;margin-top:8px}.api-preview{margin:12px 0 0;padding:16px;border-radius:18px;border:1px solid var(--line);background:#fff;overflow-x:auto;white-space:pre-wrap;word-break:break-word;font-family:Consolas,SFMono-Regular,monospace;font-size:13px;line-height:1.6}.score-input-row{align-items:center}.score-input-row select{max-width:120px}.score-input-row.auto-calculated{background-color:#f8f9fa;padding:8px;border-radius:6px;border:1px dashed #dee2e6}.score-input-row.auto-calculated span{font-weight:500}.auto-hint{font-size:.85em;color:#6c757d;font-weight:400;margin-left:8px}.score-input-row.auto-calculated select:disabled{background-color:#fff;color:#495057;cursor:not-allowed;opacity:.8}.tag-pill.selectable.active{background:var(--panel);color:#fff;border-color:var(--panel)}.form-feedback{margin:16px 0 0;padding:14px 18px;border-radius:12px;font-weight:500;animation:slideIn .3s ease-out;box-shadow:0 2px 8px rgba(0,0,0,.08)}.form-feedback.success{background:linear-gradient(135deg,rgba(72,187,120,.15),rgba(72,187,120,.08));color:#276749;border:1px solid rgba(72,187,120,.2)}.form-feedback.error{background:linear-gradient(135deg,rgba(245,101,101,.12),rgba(245,101,101,.06));color:#c53030;border:1px solid rgba(245,101,101,.2)}.form-hint{margin:8px 0 16px;padding:12px 16px;background:linear-gradient(135deg,rgba(236,180,79,.08),rgba(236,180,79,.05));border-radius:12px;font-size:.95em;border:1px solid rgba(236,180,79,.15);color:#975a16}.admin-review-list{margin-top:18px}.admin-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;color:var(--muted);font-size:14px}.audit-note{margin:14px 0 0;padding:12px 14px;border-radius:16px;background:rgba(24,59,78,.07);color:var(--panel)}.admin-actions{margin-top:16px}.admin-hero{display:grid;grid-gap:12px;gap:12px}.admin-layout{display:grid;grid-template-columns:1fr 320px;grid-gap:32px;gap:32px;align-items:start}.admin-main{min-width:0}.admin-sidebar{position:-webkit-sticky;position:sticky;top:100px}.export-panel{background:white;border-radius:20px;padding:24px;box-shadow:0 10px 40px rgba(0,0,0,.08);border:2px solid var(--line)}.export-panel h3{font-size:18px;font-weight:700;color:var(--panel);margin:0 0 20px;display:flex;align-items:center;gap:8px}.export-type-selector{display:flex;gap:8px;margin-bottom:20px}.export-type-btn{flex:1 1;padding:12px 16px;background:white;border:2px solid var(--line);border-radius:12px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .3s ease}.export-type-btn:hover{border-color:var(--secondary);color:var(--secondary)}.export-type-btn.active{background:var(--gradient-1);color:white;border-color:transparent}.export-form{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.export-form .form-group{display:flex;flex-direction:column;gap:8px}.export-form label{font-size:14px;font-weight:600;color:var(--panel)}.export-select{width:100%;padding:12px 16px;border:2px solid var(--line);border-radius:12px;font-size:14px;background:white;color:var(--ink);transition:all .3s ease}.export-select:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.export-info{background:rgba(102,126,234,.05);border-radius:12px;padding:16px;margin-bottom:20px}.export-info p{margin:0 0 12px;font-size:14px;color:var(--panel);font-weight:600}.export-info ul{margin:0;padding-left:20px}.export-info li{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:4px}.export-button{width:100%;padding:14px 20px;background:var(--gradient-1);color:white;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.3)}.export-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.export-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(102,126,234,.3);border-top:4px solid var(--secondary);border-radius:50%;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-state p{margin:0;color:var(--muted);font-size:14px}@media (max-width:900px){.admin-meta-grid{grid-template-columns:1fr}}.login-card{margin-top:24px}.login-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.session-strip{display:flex;align-items:center;gap:12px;margin-top:16px}@media (max-width:900px){.login-grid,.session-strip{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}}.addable-hint{margin-top:20px}.content-section{margin:24px 0}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.textarea-label{display:block;font-weight:600;color:var(--ink);margin-bottom:8px}.quick-review-toggle{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.3)}.quick-review-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4)}.quick-reviews-panel{margin:16px 0;padding:20px;background:linear-gradient(135deg,#f8f9ff,#fff);border:2px solid rgba(102,126,234,.2);border-radius:16px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quick-reviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(102,126,234,.2)}.quick-reviews-header span{font-weight:600;color:var(--panel);font-size:14px}.close-quick-reviews{background:none;border:none;font-size:20px;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s ease}.close-quick-reviews:hover{background:rgba(0,0,0,.05);color:var(--panel)}.quick-reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.quick-review-item{background:white;border:2px solid rgba(102,126,234,.15);border-radius:12px;padding:12px 16px;text-align:left;cursor:pointer;transition:all .3s ease;font-size:14px;line-height:1.4;color:var(--ink)}.quick-review-item:hover{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border-color:rgba(102,126,234,.4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.15)}.quick-review-item:active{transform:translateY(0)}.content-textarea{width:100%;padding:14px 16px;border:2px solid var(--line);border-radius:12px;font-size:15px;line-height:1.6;transition:border-color .3s ease,box-shadow .3s ease;font-family:inherit}.content-textarea:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.content-counter{text-align:right;font-size:13px;color:var(--muted);margin-top:8px}.content-counter.valid{color:var(--success)}.content-counter.invalid{color:var(--danger)}.site-footer{background:linear-gradient(180deg,#fff8eb,#fffdf8);border-top:1px solid var(--line);margin-top:60px;padding:48px 0 24px}.modern-homepage{padding-top:0}.modern-hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,#000000,#1a1a1a);color:white;padding:60px 20px}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;animation:blobFloat 20s ease-in-out infinite}.blob-1{width:500px;height:500px;background:var(--gradient-1);top:-200px;right:-100px;animation-delay:0s}.blob-2{width:400px;height:400px;background:var(--gradient-2);bottom:-150px;left:-100px;animation-delay:7s}.blob-3{width:300px;height:300px;background:var(--gradient-3);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content{position:relative;z-index:1;max-width:900px;width:100%;margin:0 auto;text-align:center}.hero-stats-corner{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:2;animation:slideInRight .8s ease-out}.stat-item{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 20px;min-width:140px;transition:all .3s ease}.stat-item:hover{transform:translateY(-4px);background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}.stat-item .stat-number{font-size:28px;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.stat-item .stat-label{font-size:12px;color:rgba(255,255,255,.8);font-weight:500}.hero-text{animation:slideInUp .8s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:24px;margin-bottom:24px;border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:500}.badge-icon{font-size:18px}.hero-headline{font-size:clamp(42px,6vw,68px);font-weight:800;line-height:1.1;margin:0 0 24px;letter-spacing:-.02em}.hero-headline .highlight{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;line-height:1.6;color:rgba(255,255,255,.8);margin:0 0 24px}.hero-actions-stack{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.review-action-btn-centered{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px 40px;background:var(--gradient-1);border-radius:16px;text-decoration:none;color:white;transition:all .3s ease;border:2px solid transparent;min-width:320px;max-width:450px;width:100%}.review-action-btn-centered:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(102,126,234,.4);border-color:rgba(255,255,255,.3)}.review-action-btn-centered .btn-icon{font-size:36px;line-height:1}.review-action-btn-centered .btn-content{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.review-action-btn-centered .btn-title{font-size:20px;font-weight:700;line-height:1.2}.review-action-btn-centered .btn-subtitle{font-size:14px;opacity:.9;font-weight:400}.search-modern{margin:0;width:100%;max-width:600px}.search-input-group{width:100%}.search-tags{justify-content:center;margin-top:8px}.search-input-group{display:flex;align-items:center;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:8px;transition:all .3s ease}.search-input-group:focus-within{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);transform:translateY(-2px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.search-icon{font-size:20px;margin:0 12px}.search-field{flex:1 1;background:none;border:none;outline:none;color:white;font-size:16px;padding:12px 0}.search-field::placeholder{color:rgba(255,255,255,.6)}.search-btn{background:var(--gradient-1);color:white;border:none;border-radius:12px;padding:12px 24px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease}.search-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.4)}.search-tags{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:rgba(255,255,255,.7)}.search-tags a{color:rgba(255,255,255,.9);text-decoration:none;padding:4px 12px;background:rgba(255,255,255,.1);border-radius:12px;transition:all .2s ease}.search-tags a:hover{background:rgba(255,255,255,.2);color:white}.modern-form-page{padding-top:0}.modern-form-hero{position:relative;min-height:50vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1a1a1a,#2a2a2a);color:white;padding:80px 20px 60px;overflow:hidden}.form-hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.form-hero-background .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:blobFloat 25s ease-in-out infinite}.form-hero-background .blob-1{width:400px;height:400px;background:var(--gradient-1);top:-100px;left:-100px;animation-delay:0s}.form-hero-background .blob-2{width:300px;height:300px;background:var(--gradient-2);bottom:-100px;right:-100px;animation-delay:10s}.form-hero-content{position:relative;z-index:1;max-width:800px;text-align:center;animation:fadeInUp .8s ease-out}.form-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:24px;margin-bottom:24px;border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:500}.form-hero-title{font-size:clamp(36px,5vw,52px);font-weight:800;margin:0 0 20px;line-height:1.1}.form-hero-title .highlight{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-hero-subtitle{font-size:18px;line-height:1.6;color:rgba(255,255,255,.85);margin:0 0 32px}.breadcrumb-modern{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.8);text-decoration:none;font-size:16px;padding:12px 20px;background:rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.breadcrumb-modern:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:translateX(-4px)}.form-container{max-width:900px;margin:-60px auto 0;position:relative;z-index:2;padding:0 20px}.modern-list-page{padding-top:0}.modern-list-hero{position:relative;min-height:40vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1a1a1a,#2a2a2a);color:white;padding:60px 20px 40px;overflow:hidden}.list-hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.list-hero-background .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;animation:blobFloat 20s ease-in-out infinite}.list-hero-background .blob-1{width:300px;height:300px;background:var(--gradient-1);top:-50px;right:-50px;animation-delay:5s}.list-hero-background .blob-2{width:250px;height:250px;background:var(--gradient-3);bottom:-50px;left:-50px;animation-delay:12s}.list-hero-content{position:relative;z-index:1;max-width:900px;text-align:center;animation:fadeInUp .8s ease-out}.list-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:24px;margin-bottom:20px;border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:500}.list-hero-title{font-size:clamp(32px,4vw,44px);font-weight:800;margin:0 0 16px;line-height:1.1}.list-hero-title .highlight{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.list-hero-subtitle{font-size:16px;line-height:1.6;color:rgba(255,255,255,.85);margin:0 0 24px}.modern-listing-layout{display:grid;grid-template-columns:320px 1fr;grid-gap:32px;gap:32px;max-width:1400px;margin:40px auto;padding:0 20px;align-items:start}.modern-filter-panel{background:white;border-radius:20px;padding:24px;box-shadow:0 10px 40px rgba(0,0,0,.08);position:-webkit-sticky;position:sticky;top:100px}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--line)}.filter-panel-header h3{font-size:20px;font-weight:700;color:var(--primary);margin:0}.filter-count{font-size:14px;color:var(--muted);font-weight:500}.filter-form-modern{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.filter-group-modern{display:flex;flex-direction:column;gap:8px}.filter-group-modern label{font-size:14px;font-weight:600;color:var(--panel)}.filter-input-modern,.filter-select-modern{width:100%;padding:12px 16px;border:2px solid var(--line);border-radius:12px;font-size:14px;transition:all .3s ease;background:white;color:var(--ink)}.filter-input-modern:focus,.filter-select-modern:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.filter-actions-modern{display:flex;gap:12px;margin-top:8px}.button-primary-modern,.button-secondary-modern{flex:1 1;padding:12px 20px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;display:inline-block}.button-primary-modern{background:var(--gradient-1);color:white;border:none}.button-primary-modern:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}.button-secondary-modern{background:white;color:var(--panel);border:2px solid var(--line)}.button-secondary-modern:hover{border-color:var(--panel);background:rgba(24,59,78,.05)}.filter-quick-actions{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:2px solid var(--line)}.quick-action-link{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(24,59,78,.05);border-radius:12px;text-decoration:none;color:var(--panel);font-weight:500;transition:all .3s ease}.quick-action-link:hover{background:rgba(24,59,78,.1);transform:translateX(4px)}.quick-action-icon{font-size:20px}.modern-list-content{animation:fadeIn .6s ease-out}.modern-section-heading{margin-bottom:24px}.eyebrow-modern{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:block}.modern-section-heading h2{font-size:28px;font-weight:700;color:var(--primary);margin:0}.teacher-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.modern-empty-state{text-align:center;padding:60px 40px;background:rgba(24,59,78,.05);border-radius:20px;border:2px dashed var(--line)}.empty-icon{font-size:64px;margin-bottom:20px;display:block}.modern-empty-state strong{display:block;font-size:20px;color:var(--panel);margin-bottom:12px}.modern-empty-state p{color:var(--muted);line-height:1.6;margin:0 0 24px}.modern-auth-page{padding-top:0}.modern-auth-hero{position:relative;min-height:40vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1a1a1a,#2a2a2a);color:white;padding:60px 20px 40px;overflow:hidden}.auth-hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.auth-hero-background .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:blobFloat 22s ease-in-out infinite}.auth-hero-background .blob-1{width:350px;height:350px;background:var(--gradient-1);top:-80px;left:-80px;animation-delay:3s}.auth-hero-background .blob-2{width:280px;height:280px;background:var(--gradient-2);top:50%;right:-80px;animation-delay:11s}.auth-hero-background .blob-3{width:220px;height:220px;background:var(--gradient-3);bottom:-60px;left:50%;animation-delay:18s}.auth-hero-content{position:relative;z-index:1;max-width:800px;text-align:center;animation:fadeInUp .8s ease-out}.auth-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:24px;margin-bottom:20px;border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:500}.auth-hero-title{font-size:clamp(32px,4vw,44px);font-weight:800;margin:0 0 16px;line-height:1.1}.auth-hero-title .highlight{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-hero-subtitle{font-size:18px;line-height:1.6;color:rgba(255,255,255,.85);margin:0 0 24px}.auth-container{max-width:600px;margin:-40px auto 0;position:relative;z-index:2;padding:0 20px}@media (max-width:1024px){.modern-listing-layout{grid-template-columns:1fr;gap:24px}.modern-filter-panel{position:static}}.modern-detail-page{padding-top:0}.modern-detail-hero{position:relative;min-height:50vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1a1a1a,#2a2a2a);color:white;padding:80px 20px 60px;overflow:hidden}.detail-hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.detail-hero-background .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:blobFloat 20s ease-in-out infinite}.detail-hero-background .blob-1{width:400px;height:400px;background:var(--gradient-1);top:-100px;right:-100px;animation-delay:0s}.detail-hero-background .blob-2{width:300px;height:300px;background:var(--gradient-2);bottom:-100px;left:-100px;animation-delay:10s}.detail-hero-content{position:relative;z-index:1;max-width:900px;text-align:center;animation:fadeInUp .8s ease-out}.detail-hero-badges{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.detail-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:500}.detail-hero-title{font-size:clamp(42px,6vw,56px);font-weight:800;margin:0 0 16px;line-height:1.1}.detail-hero-subtitle{font-size:20px;color:rgba(255,255,255,.8);margin:0 0 24px}.detail-hero-courses{display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;color:rgba(255,255,255,.9);margin-bottom:32px;flex-wrap:wrap}.courses-label{font-weight:600}.courses-list{opacity:.9}.detail-hero-stats{display:flex;gap:32px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.hero-stat-item{text-align:center}.hero-stat-number{font-size:36px;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.hero-stat-label{font-size:14px;color:rgba(255,255,255,.7);font-weight:500}.detail-hero-actions{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.modern-detail-section{max-width:900px;margin:40px auto;padding:0 20px}.modern-section-header{text-align:center;margin-bottom:32px}.modern-section-header h2{font-size:28px;font-weight:700;color:var(--primary);margin:0 0 8px}.modern-section-header p{font-size:16px;color:var(--muted);margin:0}.modern-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:20px;gap:20px}.modern-metric-card{background:white;border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease}.modern-metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.metric-label{font-size:14px;color:var(--muted)}.metric-label,.metric-value{display:block;margin-bottom:12px}.metric-value{font-size:32px;font-weight:700;color:var(--panel)}.metric-bar{height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.metric-bar-fill{height:100%;background:var(--gradient-1);transition:width .6s ease}.modern-tag-cloud{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.modern-tag-pill{display:inline-flex;align-items:center;padding:10px 20px;background:rgba(102,126,234,.1);color:var(--secondary);border-radius:24px;font-weight:500;font-size:14px;border:1px solid rgba(102,126,234,.2);transition:all .3s ease}.modern-tag-pill:hover{background:rgba(102,126,234,.15);transform:translateY(-2px)}.modern-review-list{display:grid;grid-gap:20px;gap:20px}.modern-admin-page,.modern-dashboard-page{padding-top:0}.modern-admin-hero,.modern-dashboard-hero{position:relative;min-height:40vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1a1a1a,#2a2a2a);color:white;padding:60px 20px 40px;overflow:hidden}.admin-hero-background,.dashboard-hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.admin-hero-background .blob,.dashboard-hero-background .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:blobFloat 22s ease-in-out infinite}.admin-hero-background .blob-1,.dashboard-hero-background .blob-1{width:350px;height:350px;background:var(--gradient-1);top:-80px;left:-80px;animation-delay:2s}.admin-hero-background .blob-2,.dashboard-hero-background .blob-2{width:280px;height:280px;background:var(--gradient-2);bottom:-80px;right:-80px;animation-delay:12s}.admin-hero-content,.dashboard-hero-content{position:relative;z-index:1;max-width:900px;text-align:center;animation:fadeInUp .8s ease-out}.admin-hero-badge,.dashboard-hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:24px;margin-bottom:20px;border:1px solid rgba(255,255,255,.2);font-size:14px;font-weight:500}.admin-hero-title,.dashboard-hero-title{font-size:clamp(32px,4vw,44px);font-weight:800;margin:0 0 16px;line-height:1.1}.admin-hero-title .highlight,.dashboard-hero-title .highlight{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-hero-subtitle,.dashboard-hero-subtitle{font-size:18px;line-height:1.6;color:rgba(255,255,255,.85);margin:0 0 24px}.admin-hero-stats{display:flex;gap:16px;justify-content:center;align-items:center;margin-bottom:24px;flex-wrap:wrap}.modern-admin-content,.modern-dashboard-content{max-width:1200px;margin:40px auto;padding:0 20px}.modern-admin-header,.modern-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--line)}.modern-admin-header h2,.modern-dashboard-header h2{font-size:24px;font-weight:700;color:var(--primary);margin:0}.modern-review-card{background:white;border-radius:20px;padding:24px;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:all .3s ease;border:2px solid transparent}.modern-review-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.12);border-color:rgba(102,126,234,.2)}.modern-review-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.review-info{flex:1 1}.review-title{font-size:18px;font-weight:600;color:var(--panel);margin-bottom:8px}.review-meta{font-size:14px;color:var(--muted);margin:0}.modern-status-badge{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap}.modern-status-badge.status-published{background:rgba(72,187,120,.15);color:#2d6b52}.modern-status-badge.status-pending{background:rgba(236,180,79,.2);color:#8a5a13}.modern-status-badge.status-rejected{background:rgba(164,72,58,.14);color:#934337}.modern-status-badge.pulse{animation:pulse 2s ease-in-out infinite}.modern-review-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.modern-tag-pill-small{display:inline-flex;align-items:center;padding:6px 12px;background:rgba(102,126,234,.1);color:var(--secondary);border-radius:16px;font-size:12px;font-weight:500}.modern-review-content{font-size:16px;line-height:1.6;color:var(--ink);margin:0 0 16px}.modern-review-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--line);font-size:14px}.review-score{font-weight:600;color:var(--panel)}.review-status{color:var(--muted)}@media (max-width:768px){.modern-auth-hero,.modern-form-hero,.modern-list-hero{min-height:auto;padding:40px 16px}.auth-hero-title,.form-hero-title,.list-hero-title{font-size:28px}.auth-hero-subtitle,.form-hero-subtitle,.list-hero-subtitle{font-size:16px}.auth-container,.form-container{margin-top:-30px}.teacher-grid-modern{grid-template-columns:1fr}.filter-actions-modern{flex-direction:column}.modern-empty-state{padding:40px 20px}}.features-section{padding:80px 20px;background:white}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:42px;margin:0 0 16px}.section-header p{font-size:18px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;max-width:1200px;margin:0 auto}.feature-card{text-align:center;padding:40px 32px;background:var(--bg);border-radius:24px;transition:all .3s ease;border:2px solid transparent}.feature-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 20px 40px rgba(0,0,0,.1)}.feature-icon{font-size:56px;margin-bottom:24px;display:inline-block;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-card h3{font-size:24px;font-weight:700;margin:0 0 16px;color:var(--primary)}.feature-card p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.privacy-section{padding:60px 20px;background:linear-gradient(180deg,#f8f9fa,#ffffff)}.privacy-content{max-width:800px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:40px;background:white;border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.05)}.privacy-icon{font-size:64px;flex-shrink:0}.privacy-text h3{font-size:28px;font-weight:700;margin:0 0 16px;color:var(--primary)}.privacy-text p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}.reviews-section,.teachers-section{padding:80px 20px;background:white}.teachers-section{background:var(--bg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.section-header h2{font-size:36px;font-weight:800;margin:0 0 8px;color:var(--primary)}.section-header p{font-size:16px;color:var(--muted);margin:0}.view-all-link{color:var(--secondary);text-decoration:none;font-weight:600;font-size:18px;transition:all .2s ease}.view-all-link:hover{color:var(--secondary);transform:translateX(4px)}.section-cta{text-align:center;margin-top:40px}.cta-button{display:inline-block;padding:16px 32px;border-radius:16px;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;border:none;cursor:pointer}.cta-button.primary{background:var(--gradient-1);color:white}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(102,126,234,.4)}.cta-button.secondary{background:white;color:var(--primary);border:2px solid var(--line);margin-left:16px}.cta-button.secondary:hover{border-color:var(--primary);transform:translateY(-2px)}.cta-section{padding:100px 20px;background:var(--primary);color:white;text-align:center}.cta-content h2{font-size:42px;font-weight:800;margin:0 0 20px}.cta-content p{font-size:20px;opacity:.9;margin:0 0 40px}.cta-buttons{gap:16px}.cta-buttons .cta-button{margin:0}.cta-buttons .cta-button.primary{background:white;color:var(--primary)}.cta-buttons .cta-button.secondary{background:transparent;color:white;border-color:rgba(255,255,255,.3)}@media (max-width:968px){.hero-stats-corner{position:static;flex-direction:row;justify-content:center;margin-bottom:32px;width:100%}.stat-item{flex:1 1;min-width:0;padding:12px 16px}.stat-item .stat-number{font-size:24px}.stat-item .stat-label{font-size:11px}.hero-actions-stack{gap:16px}.features-grid{grid-template-columns:1fr}.section-header{gap:16px}.privacy-content,.section-header{flex-direction:column;text-align:center}.cta-buttons{flex-direction:column;width:100%}.cta-button{width:100%}.cta-button.secondary{margin-left:0}}@media (max-width:480px){.modern-hero{padding:40px 16px;min-height:auto}.hero-stats-corner{flex-direction:column;gap:8px}.stat-item{width:100%;min-width:0}.hero-headline{font-size:36px}.hero-subtitle{font-size:16px}.search-input-group{flex-direction:column;padding:16px}.search-btn{width:100%;margin-top:12px}.review-action-btn-centered{padding:16px 24px;min-height:70px;min-width:280px}.review-action-btn-centered .btn-icon{font-size:28px}.review-action-btn-centered .btn-title{font-size:16px}.review-action-btn-centered .btn-subtitle{font-size:12px}.section-header h2{font-size:28px}.cta-content h2{font-size:32px}}.footer-content{width:min(1180px,calc(100% - 32px));display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:32px;gap:32px;margin:0 auto 32px}.footer-section h3{color:var(--panel);margin:0 0 16px;font-size:16px;font-weight:600}.footer-section p{color:var(--muted);line-height:1.6;margin:0;font-size:14px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links a{color:var(--muted);text-decoration:none;font-size:14px;transition:color .2s ease,padding-left .2s ease;display:inline-block}.footer-links a:hover{color:var(--panel);padding-left:4px}.footer-accordion-list{display:grid;grid-gap:12px;gap:12px}.footer-dropdown{border:1px solid rgba(24,59,78,.12);border-radius:12px;background:rgba(255,255,255,.54);overflow:hidden}.footer-dropdown summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--panel);font-size:16px;font-weight:700;list-style:none;padding:14px 16px}.footer-dropdown summary::-webkit-details-marker{display:none}.footer-dropdown summary:after{content:"⌄";color:var(--muted);font-size:16px;transition:transform .2s ease}.footer-dropdown[open] summary:after{transform:rotate(180deg)}.footer-dropdown .footer-links{padding:0 16px 14px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px}.footer-bottom-content{width:min(1180px,calc(100% - 32px));margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.footer-copyright{color:var(--muted);font-size:14px;margin:0}.footer-stats{display:flex;gap:24px}.stat-item{text-align:center}.stat-label{display:block;font-size:12px;margin-bottom:4px}.stat-value{display:block;font-size:20px;font-weight:700;color:var(--panel)}.footer-acknowledgment{width:min(1180px,calc(100% - 32px));margin:24px auto 0;padding-top:24px;border-top:1px solid rgba(24,59,78,.1);text-align:center}.footer-acknowledgment p{color:var(--muted);font-size:13px}.footer-social{margin-top:20px}.social-label{display:block;font-size:14px;color:var(--panel);font-weight:600;margin-bottom:12px}.social-links{display:flex;gap:12px}.social-link{padding:8px 16px;background:var(--panel);color:white;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease}.social-link:hover{background:var(--panel-soft);transform:translateY(-2px);box-shadow:0 4px 12px rgba(24,59,78,.2)}.footer-icp{font-size:13px;color:var(--muted);margin:8px 0 0}.footer-hotline{font-size:14px;color:var(--panel);font-weight:500;margin:16px 0 0;padding:12px;background:rgba(236,180,79,.1);border-radius:8px;display:inline-block}@media (max-width:768px){.site-footer{padding:32px 0 20px;margin-top:40px}.footer-content{grid-template-columns:1fr;gap:16px}.footer-bottom-content{flex-direction:column;text-align:center}.footer-stats{flex-direction:column;gap:16px}.footer-acknowledgment{padding-top:16px}}.auth-container{background:white;border-radius:24px;padding:28px;box-shadow:var(--shadow)}.auth-tabs{display:flex;gap:8px;margin-bottom:24px;background:rgba(24,59,78,.03);padding:6px;border-radius:16px}.auth-tab{flex:1 1;padding:14px 20px;border:none;background:transparent;color:var(--muted);font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.auth-tab:hover{background:rgba(24,59,78,.08);color:var(--panel);transform:translateY(-1px)}.auth-tab.active{background:var(--panel);color:white;box-shadow:0 4px 12px rgba(24,59,78,.2)}.auth-form{display:flex;flex-direction:column;gap:20px}.code-input-group{display:flex;gap:12px}.code-input-group input{flex:1 1}.code-button{padding:12px 20px;background:var(--panel);color:white;border:none;border-radius:12px;cursor:pointer;font-weight:600;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(24,59,78,.15)}.code-button:hover:not(:disabled){background:var(--panel-soft);transform:translateY(-2px);box-shadow:0 6px 16px rgba(24,59,78,.2)}.code-button:active:not(:disabled){transform:translateY(0)}.code-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.demo-info{padding:20px;background:linear-gradient(135deg,rgba(236,180,79,.08),rgba(236,180,79,.12));border-radius:16px;border:1px solid rgba(236,180,79,.25);box-shadow:0 2px 8px rgba(236,180,79,.1)}.demo-info p{margin:0 0 12px;color:var(--panel);font-weight:600}.demo-info ul{margin:0;padding-left:20px;color:var(--muted)}.demo-info li{margin-bottom:8px;position:relative}.demo-info li::marker{color:var(--accent)}.auth-footer{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);text-align:center}.auth-footer p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.auth-footer a{color:var(--panel);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .2s ease}.auth-footer a:hover{color:var(--panel-soft);border-bottom-color:var(--panel-soft)}@media (max-width:768px){.auth-page{width:100%;padding:16px 12px 32px!important}.auth-page .form-hero{border-radius:22px 22px 0 0;padding:22px 20px 72px;box-shadow:none}.auth-page .breadcrumb,.auth-page .eyebrow{font-size:12px;letter-spacing:0;text-transform:none}.auth-page .form-hero h1{font-size:28px;line-height:1.18;margin-top:18px}.auth-page .hero-copy{font-size:15px;line-height:1.6;margin-top:14px}.auth-page .auth-container,.auth-page .form-container{width:100%;max-width:none;margin:-50px auto 0;padding:22px 18px;border-radius:22px;box-shadow:0 12px 36px rgba(24,59,78,.12)}.auth-page .auth-tabs{gap:6px;margin-bottom:22px;padding:5px;border-radius:14px}.auth-page .auth-tab{min-height:48px;padding:12px 10px;border-radius:11px;font-size:15px}.auth-page .auth-form,.auth-page .form-card{gap:18px}.auth-page .form-card{padding:22px 18px;border-radius:20px;box-shadow:none}.auth-page .form-card h2{font-size:20px;line-height:1.3}.auth-page .form-group label{font-size:15px;margin-bottom:8px}.auth-page input,.auth-page select,.auth-page textarea{min-height:48px;font-size:16px;border-radius:12px}.auth-page .code-input-group{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:stretch}.auth-page .code-button{min-height:48px;padding:0 14px;border-radius:12px;font-size:15px}.auth-page .button-primary.full-width,.auth-page .form-actions .button-primary,.auth-page .form-actions .button-secondary{min-height:50px;border-radius:999px;font-size:16px}.auth-page .form-actions{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.auth-page .auth-footer{margin-top:22px;padding-top:18px}.auth-page .auth-footer p{font-size:13px}.auth-page .progress-indicator{margin-top:0}}@media (max-width:360px){.auth-page{padding-inline:10px!important}.auth-page .form-hero h1{font-size:25px}.auth-page .auth-container,.auth-page .form-container{padding:20px 14px}.auth-page .code-input-group{grid-template-columns:1fr}.auth-page .code-button{width:100%}}.legal-container{max-width:900px}.legal-content{background:white;padding:40px;border-radius:24px;box-shadow:0 4px 24px rgba(0,0,0,.06)}.legal-intro{background:linear-gradient(135deg,rgba(236,180,79,.1),rgba(236,180,79,.05));padding:24px;border-radius:16px;border-left:4px solid var(--accent);margin-bottom:32px}.legal-intro p{margin:0;color:var(--panel);font-size:16px;line-height:1.8}.legal-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--line)}.legal-section:last-of-type{border-bottom:none}.legal-section h2{color:var(--panel);font-size:24px;font-weight:700;margin:0 0 16px}.legal-section h3{color:var(--panel);font-size:18px;font-weight:600;margin:16px 0 8px}.legal-section p{color:var(--muted);line-height:1.8;margin:8px 0}.legal-section ul{margin:12px 0;padding-left:24px;color:var(--muted)}.legal-section li{margin-bottom:8px;line-height:1.6}.legal-highlight{background:linear-gradient(135deg,rgba(24,59,78,.05),rgba(24,59,78,.02));padding:24px;border-radius:16px;border-left:4px solid var(--panel);margin:24px 0}.legal-highlight p{color:var(--panel);font-size:16px;font-weight:500;margin:0}.update-time{text-align:center;color:var(--muted);font-size:14px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.behavior-list{display:grid;grid-gap:20px;gap:20px;margin-top:20px}.behavior-item{padding:20px;border-radius:16px;border-left:4px solid}.behavior-list.positive .behavior-item{background:linear-gradient(135deg,rgba(72,187,120,.08),rgba(72,187,120,.03));border-left-color:#48bb78}.behavior-list.negative .behavior-item{background:linear-gradient(135deg,rgba(245,101,101,.08),rgba(245,101,101,.03));border-left-color:#f56565}.behavior-item h3{margin:0 0 8px;font-size:16px;font-weight:600}.behavior-item p{margin:0;color:var(--muted);line-height:1.6}.violation-levels{display:grid;grid-gap:16px;gap:16px;margin-top:20px}.violation-level{padding:20px;background:white;border-radius:12px;border:1px solid var(--line)}.violation-level h3{margin:0 0 12px;font-size:16px;font-weight:600}.violation-level p{margin:4px 0;color:var(--muted);font-size:14px}.guide-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px;margin-top:20px}.tip-item{background:linear-gradient(135deg,rgba(24,59,78,.05),rgba(24,59,78,.02))}.tip-item p{line-height:1.5}.community-pledge{background:linear-gradient(135deg,rgba(236,180,79,.15),rgba(236,180,79,.05));padding:24px;border-radius:16px;border:2px solid rgba(236,180,79,.3);margin-top:24px}.community-pledge h3{margin:0 0 16px;font-size:18px;font-weight:600}.community-pledge p{margin:0 0 12px;font-size:15px}.community-pledge ul{list-style:none;padding:0;margin:0}.community-pledge li{padding:8px 0;font-size:14px;color:var(--panel)}.help-container{max-width:900px}.help-content{background:white;padding:40px;border-radius:24px;box-shadow:0 4px 24px rgba(0,0,0,.06)}.help-intro{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.05));padding:24px;border-radius:16px;text-align:center;margin-bottom:32px}.help-intro p{margin:0;color:var(--panel);font-size:18px}.help-section{margin-bottom:48px}.help-section h2{color:var(--panel);font-size:28px;font-weight:700;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid var(--line)}.help-step{display:flex;gap:20px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,rgba(24,59,78,.03),rgba(24,59,78,.01));border-radius:16px}.step-number{flex-shrink:0;font-size:20px}.step-content h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--panel)}.step-content p{margin:0 0 12px;color:var(--muted);line-height:1.6}.help-link{color:var(--panel);font-weight:600;text-decoration:none}.help-link:hover{text-decoration:underline}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px}.guide-card{padding:20px;background:linear-gradient(135deg,rgba(24,59,78,.03),rgba(24,59,78,.01));border-radius:16px;border:1px solid var(--line)}.guide-card h3{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--panel)}.guide-card ul{list-style:none;padding:0;margin:0}.guide-card li{padding:4px 0;font-size:14px;color:var(--muted)}.account-features,.interaction-features{display:grid;grid-gap:16px;gap:16px}.feature-item,.interaction-item{padding:20px;background:linear-gradient(135deg,rgba(24,59,78,.03),rgba(24,59,78,.01));border-radius:12px}.feature-item h3,.interaction-item h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--panel)}.feature-item p,.interaction-item p{margin:0 0 8px;font-size:14px;color:var(--muted);line-height:1.6}.tips-list{display:grid;grid-gap:16px;gap:16px}.tip-item{background:linear-gradient(135deg,rgba(236,180,79,.1),rgba(236,180,79,.03));border-left:4px solid var(--accent)}.tip-item h3{margin:0 0 8px;font-size:16px}.tip-item p{margin:0;line-height:1.6}.faq-quick{display:grid;grid-gap:16px;gap:16px}.faq-item{padding:20px;background:linear-gradient(135deg,rgba(24,59,78,.03),rgba(24,59,78,.01));border-radius:12px}.faq-item h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--panel)}.faq-item p{margin:0;font-size:14px;color:var(--muted);line-height:1.6}.help-cta{text-align:center;padding:40px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.05));border-radius:16px;margin-top:40px}.help-cta h3{margin:0 0 8px;font-size:24px;font-weight:700;color:var(--panel)}.help-cta p{margin:0 0 20px;font-size:16px;color:var(--muted)}.faq-container{max-width:900px}.faq-content{background:white;padding:40px;border-radius:24px;box-shadow:0 4px 24px rgba(0,0,0,.06)}.faq-category{margin-bottom:40px}.faq-category h2{color:var(--panel);font-size:28px;font-weight:700;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid var(--line)}.faq-list{display:grid;grid-gap:16px;gap:16px}.faq-list .faq-item{padding:20px;background:linear-gradient(135deg,rgba(24,59,78,.03),rgba(24,59,78,.01));border-radius:12px;border:1px solid var(--line)}.faq-list .faq-item h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--panel)}.faq-list .faq-item p{margin:0;font-size:14px;color:var(--muted);line-height:1.6}.faq-list .faq-item a{color:var(--panel);font-weight:600;text-decoration:none}.faq-list .faq-item a:hover{text-decoration:underline}.faq-cta{text-align:center;padding:40px;background:linear-gradient(135deg,rgba(236,180,79,.1),rgba(236,180,79,.05));border-radius:16px;margin-top:40px}.faq-cta h3{margin:0 0 8px;font-size:24px;font-weight:700;color:var(--panel)}.faq-cta p{margin:0 0 20px;font-size:16px;color:var(--muted)}.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.important-notice{background:linear-gradient(135deg,rgba(245,101,101,.1),rgba(245,101,101,.05));border-left-color:#f56565}.legal-acknowledgment{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.05));padding:24px;border-radius:16px;border:2px solid rgba(102,126,234,.2);margin-top:24px}.legal-acknowledgment h3{margin:0 0 16px;font-size:18px;font-weight:600}.legal-acknowledgment p{margin:0 0 12px;font-size:15px}.legal-acknowledgment ul{list-style:none;padding:0;margin:0}.legal-acknowledgment li{padding:8px 0;font-size:14px;color:var(--panel)}.effective-date{text-align:center;font-size:14px;color:var(--muted);margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.cookie-types{display:grid;grid-gap:20px;gap:20px;margin-top:20px}.cookie-type-item{padding:20px;background:linear-gradient(135deg,rgba(24,59,78,.03),rgba(24,59,78,.01));border-radius:12px;border:1px solid var(--line)}.cookie-type-item h3{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--panel)}.cookie-type-item p{margin:8px 0;font-size:14px;color:var(--muted)}.cookie-type-item strong{color:var(--panel);font-weight:600}.cookie-status{background:rgba(72,187,120,.1);padding:8px 12px;border-radius:6px;display:inline-block;margin-top:8px}.cookie-status p{margin:0;color:#2d6b52;font-size:13px}.cookie-details{margin-top:20px;overflow-x:auto}.cookie-table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}.cookie-table td,.cookie-table th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line)}.cookie-table th{background:var(--panel);color:white;font-weight:600;font-size:14px}.cookie-table td{color:var(--muted);font-size:14px}.cookie-table code{background:rgba(24,59,78,.1);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:13px;color:var(--panel)}.cookie-table tr:last-child td{border-bottom:none}.browser-instructions{display:grid;grid-gap:16px;gap:16px;margin-top:16px}.browser-item{padding:16px;background:white;border:1px solid var(--line);border-radius:8px}.browser-item h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--panel)}.browser-item p{margin:0;font-size:14px;color:var(--muted);font-family:monospace}.cookie-impact{display:grid;grid-gap:16px;gap:16px;margin-top:16px}.impact-item{padding:16px;border-radius:8px;border-left:4px solid}.impact-item h4{margin:0 0 12px;font-size:16px;font-weight:600}.impact-item ul{margin:0;padding-left:20px}.impact-item li{font-size:14px;color:var(--muted);margin:4px 0}.impact-item:first-child{background:rgba(245,101,101,.08);border-left-color:#f56565}.impact-item:nth-child(2){background:rgba(236,180,79,.08);border-left-color:var(--accent)}.impact-item:nth-child(3){background:rgba(102,126,234,.08);border-left-color:#667eea}.copyright-example{background:white;padding:20px;border-radius:12px;border:1px solid var(--line);margin-top:16px}.copyright-example p{margin:12px 0;font-size:14px}.copyright-example strong{color:var(--panel);font-weight:600}.faq-compact{display:grid;grid-gap:16px;gap:16px}.faq-compact .faq-item{padding:16px;background:white;border:1px solid var(--line);border-radius:8px}.faq-compact .faq-item h4{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--panel)}.faq-compact .faq-item p{margin:0;font-size:14px;color:var(--muted);line-height:1.6}.guide-container{max-width:900px}.guide-content{background:white;padding:40px;border-radius:24px;box-shadow:0 4px 24px rgba(0,0,0,.06)}.guide-intro{background:linear-gradient(135deg,rgba(236,180,79,.1),rgba(236,180,79,.05));padding:24px;border-radius:16px;text-align:center;margin-bottom:32px}.guide-intro p{margin:0;color:var(--panel);font-size:16px;line-height:1.8}.guide-section{margin-bottom:40px}.guide-section h2{color:var(--panel);font-size:28px;font-weight:700;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid var(--line)}.importance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.importance-card{padding:20px;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.04));border-radius:12px;text-align:center}.importance-card h3{margin:0 0 8px;font-size:18px;font-weight:600}.importance-card p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.content-suggestions{display:grid;grid-gap:20px;gap:20px}.suggestion-item{padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.suggestion-item h3{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--panel)}.suggestion-item ul{margin:0;padding-left:20px}.suggestion-item li{margin:6px 0;font-size:14px;color:var(--muted);line-height:1.5}.scoring-guide{display:grid;grid-gap:20px;gap:20px}.score-item{padding:20px;background:linear-gradient(135deg,rgba(24,59,78,.03),rgba(24,59,78,.01));border-radius:12px}.score-item h4{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--panel)}.score-item p{margin:4px 0;font-size:14px;color:var(--muted)}.score-examples{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.score-example{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:500}.score-example.excellent{background:rgba(72,187,120,.15);color:#2d6b52}.score-example.good{background:rgba(102,126,234,.15);color:#4c51bf}.score-example.average{background:rgba(236,180,79,.15);color:#975a16}.score-example.poor{background:rgba(245,101,101,.12);color:#c53030}.score-example.terrible{background:rgba(245,101,101,.2);color:#9b2c2c}.tags-guide{display:grid;grid-gap:20px;gap:20px}.tag-category{padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.tag-category h3{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--panel)}.tag-examples{display:flex;gap:8px;flex-wrap:wrap}.tag-negative,.tag-neutral,.tag-positive{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500}.tag-positive{background:rgba(72,187,120,.15);color:#2d6b52}.tag-negative{background:rgba(245,101,101,.12);color:#c53030}.tag-neutral{background:rgba(102,126,234,.15);color:#4c51bf}.writing-tips{display:grid;grid-gap:20px;gap:20px}.tip-item{padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.tip-item h3{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--panel)}.tip-item p{margin:0 0 12px;font-size:14px;color:var(--muted)}.tip-example{margin:12px 0;padding:16px;background:rgba(24,59,78,.02);border-radius:8px}.bad-example{color:#c53030}.bad-example,.good-example{font-size:13px;margin:8px 0}.good-example{color:#2d6b52}.avoid-list{display:grid;grid-gap:12px;gap:12px}.avoid-item{padding:16px;background:linear-gradient(135deg,rgba(245,101,101,.08),rgba(245,101,101,.03));border-radius:8px;border-left:3px solid #f56565}.avoid-item h3{margin:0 0 4px;font-size:16px;font-weight:600}.avoid-item p{margin:0;font-size:14px;color:var(--muted)}.template-examples{display:grid;grid-gap:20px;gap:20px}.template-item{padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.template-item h4{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--panel)}.template-text{background:rgba(24,59,78,.05);padding:16px;border-radius:8px;font-family:monospace;font-size:13px;line-height:1.6;color:var(--panel);overflow-x:auto;white-space:pre-wrap}.edit-guide{padding:20px;background:linear-gradient(135deg,rgba(72,187,120,.1),rgba(72,187,120,.05));border-radius:12px}.edit-guide p{margin:8px 0;font-size:14px;color:var(--panel)}.guide-cta{text-align:center;padding:40px;background:linear-gradient(135deg,rgba(236,180,79,.1),rgba(236,180,79,.05));border-radius:16px;margin-top:40px}.guide-cta h3{margin:0 0 8px;font-size:24px;font-weight:700;color:var(--panel)}.guide-cta p{margin:0 0 20px;font-size:16px;color:var(--muted)}.contact-container{max-width:900px}.contact-content{background:white;padding:40px;border-radius:24px;box-shadow:0 4px 24px rgba(0,0,0,.06)}.contact-intro{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.05));padding:24px;border-radius:16px;text-align:center;margin-bottom:32px}.contact-intro p{margin:0;color:var(--panel);font-size:16px;line-height:1.8}.contact-section{margin-bottom:40px}.contact-section h2{color:var(--panel);font-size:28px;font-weight:700;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid var(--line)}.contact-methods{display:grid;grid-gap:20px;gap:20px}.contact-method{display:flex;gap:20px;padding:24px;background:linear-gradient(135deg,rgba(24,59,78,.03),rgba(24,59,78,.01));border-radius:16px;border:1px solid var(--line)}.contact-icon{font-size:32px;line-height:1;flex-shrink:0}.contact-info h3{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--panel)}.contact-info p{margin:6px 0;font-size:14px;color:var(--muted)}.phone{font-size:18px;font-weight:600;color:var(--panel)}.work-hours{font-size:13px;color:var(--muted)}.email-list{margin:8px 0}.email-list a{color:var(--panel);font-weight:500;text-decoration:none}.email-list a:hover{text-decoration:underline}.social-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.social-item{padding:20px;background:white;border:1px solid var(--line);border-radius:12px;text-align:center}.social-item h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--panel)}.social-item p{margin:4px 0;font-size:14px;color:var(--muted)}.social-id{color:var(--panel);font-weight:600}.inquiry-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.inquiry-item{padding:20px;background:linear-gradient(135deg,rgba(236,180,79,.08),rgba(236,180,79,.03));border-radius:12px}.inquiry-item h3{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--panel)}.inquiry-item ul{margin:0;padding-left:20px}.inquiry-item li{font-size:14px;color:var(--muted);margin:4px 0}.response-time{display:grid;grid-gap:16px;gap:16px}.time-item{padding:16px;background:white;border:1px solid var(--line);border-radius:12px}.time-item h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--panel)}.time-item p{margin:4px 0;font-size:14px;color:var(--muted)}.preparation{padding:20px;background:linear-gradient(135deg,rgba(72,187,120,.1),rgba(72,187,120,.05));border-radius:12px}.preparation p{margin:0 0 12px;font-size:15px;color:var(--panel)}.preparation ul{margin:0;padding-left:20px}.preparation li{font-size:14px;color:var(--panel);margin:6px 0}.feedback-section{margin-bottom:32px}.feedback-links{display:grid;grid-gap:16px;gap:16px;margin-top:16px}.feedback-link{display:flex;gap:16px;padding:20px;background:white;border:1px solid var(--line);border-radius:12px;text-decoration:none;transition:all .3s ease}.feedback-link:hover{border-color:var(--panel);box-shadow:0 4px 12px rgba(24,59,78,.1)}.feedback-icon{font-size:24px;line-height:1}.feedback-link h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--panel)}.feedback-link p{margin:0;font-size:14px;color:var(--muted)}.help-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.help-links a{padding:8px 16px;background:var(--panel);color:white;text-decoration:none;border-radius:8px;font-size:14px;transition:all .3s ease}.help-links a:hover{background:var(--panel-soft);transform:translateY(-1px)}.contact-highlight{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.05));padding:24px;border-radius:16px;border:2px solid rgba(102,126,234,.2);margin-top:32px}.contact-highlight p{margin:0;font-size:15px;color:var(--panel);line-height:1.8}.feedback-container{max-width:800px}.feedback-content{background:white;padding:40px;border-radius:24px;box-shadow:0 4px 24px rgba(0,0,0,.06)}.feedback-types{display:grid;grid-gap:16px;gap:16px}.type-item{padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.type-item h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--panel)}.type-item p{margin:0 0 12px;font-size:14px;color:var(--muted)}.type-examples{display:flex;gap:8px;flex-wrap:wrap}.example-tag{padding:4px 10px;background:rgba(24,59,78,.08);border-radius:6px;font-size:12px;color:var(--panel)}.feedback-form{margin-top:24px}.severity-levels{display:flex;gap:16px;flex-wrap:wrap}.severity-option{display:flex;align-items:center;gap:8px;padding:12px 16px;background:white;border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:all .3s ease}.severity-option:hover{border-color:var(--panel)}.severity-label{font-weight:600;font-size:14px}.severity-desc{font-size:12px;color:var(--muted)}.guidelines{display:grid;grid-gap:16px;gap:16px}.guideline-item{padding:20px;border-radius:12px}.guideline-item.good{background:linear-gradient(135deg,rgba(72,187,120,.08),rgba(72,187,120,.03))}.guideline-item.bad{background:linear-gradient(135deg,rgba(245,101,101,.08),rgba(245,101,101,.03))}.guideline-item h3{margin:0 0 12px;font-size:16px;font-weight:600}.guideline-item.good h3{color:#2d6b52}.guideline-item.bad h3{color:#c53030}.guideline-item ul{margin:0;padding-left:20px}.guideline-item li{font-size:14px;margin:6px 0;line-height:1.5}.process-flow{display:flex;align-items:center;gap:12px;overflow-x:auto;padding:20px 0}.process-step{flex-shrink:0;width:140px;text-align:center}.step-number{width:40px;height:40px;margin:0 auto 12px;background:var(--panel);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.process-step h3{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--panel)}.process-step p{margin:0;font-size:12px;color:var(--muted);line-height:1.4}.process-arrow{font-size:20px;color:var(--muted)}.timeline{display:grid;grid-gap:16px;gap:16px}.timeline-item h4{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--panel)}.timeline-item p{margin:4px 0;font-size:14px;color:var(--muted)}.top-feedback{padding:20px;background:linear-gradient(135deg,rgba(236,180,79,.1),rgba(236,180,79,.05));border-radius:12px;border:2px solid rgba(236,180,79,.2)}.top-feedback p{margin:8px 0;font-size:15px;color:var(--panel)}.top-feedback ul{margin:12px 0;padding-left:20px}.top-feedback li{font-size:14px;margin:6px 0}.report-container{max-width:900px}.report-content{background:white;padding:40px;border-radius:24px;box-shadow:0 4px 24px rgba(0,0,0,.06)}.report-intro{background:linear-gradient(135deg,rgba(245,101,101,.1),rgba(245,101,101,.05));padding:24px;border-radius:16px;text-align:center;margin-bottom:32px}.report-intro p{margin:0;color:var(--panel);font-size:16px;line-height:1.8}.violation-categories{display:grid;grid-gap:16px;gap:16px}.violation-item{padding:20px;background:white;border:1px solid var(--line);border-radius:12px}.violation-item h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--panel)}.violation-item p{margin:0 0 12px;font-size:14px;color:var(--muted)}.violation-examples{display:flex;gap:8px;flex-wrap:wrap}.report-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:16px;gap:16px}.step-item{padding:20px;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.04));border-radius:12px;text-align:center}.step-item .step-number{width:50px;height:50px;margin:0 auto 12px;background:var(--panel);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.step-item h3{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--panel)}.step-item p{margin:0;font-size:13px;color:var(--muted);line-height:1.4}.notice-list{display:grid;grid-gap:12px;gap:12px}.notice-item{padding:16px;border-radius:12px;border-left:4px solid}.notice-item.warning{background:linear-gradient(135deg,rgba(245,101,101,.08),rgba(245,101,101,.03));border-left-color:#f56565}.notice-item.success{background:linear-gradient(135deg,rgba(72,187,120,.08),rgba(72,187,120,.03));border-left-color:#48bb78}.notice-item h3{margin:0 0 8px;font-size:15px;font-weight:600}.notice-item.warning h3{color:#c53030}.notice-item.success h3{color:#2d6b52}.notice-item p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.handling-process{display:flex;gap:12px;overflow-x:auto;padding:20px 0}.process-stage{flex-shrink:0;width:130px;text-align:center}.stage-icon{font-size:28px;margin-bottom:8px}.process-stage h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--panel)}.process-stage p{margin:0 0 8px;font-size:12px;color:var(--muted);line-height:1.4}.stage-time{display:block;font-size:11px;color:var(--accent);font-weight:600}.penalties{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:16px;gap:16px}.penalty-item{padding:16px;background:white;border:1px solid var(--line);border-radius:12px;text-align:center}.penalty-item h4{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--panel)}.penalty-item p{margin:0;font-size:13px;color:var(--muted)}.abuse-report{padding:20px;background:linear-gradient(135deg,rgba(245,101,101,.1),rgba(245,101,101,.05));border-radius:12px;border:2px solid rgba(245,101,101,.2)}.abuse-report p{margin:0 0 12px;font-size:15px;color:var(--panel)}.abuse-report ul{margin:0;padding-left:20px}.abuse-report li{font-size:14px;margin:6px 0}.report-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:16px;gap:16px}.stat-card{padding:24px;background:white;border:1px solid var(--line);border-radius:12px;text-align:center}.stat-card h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--muted)}.stat-number{font-size:28px;font-weight:700;color:var(--panel);margin:8px 0}.stat-label{font-size:13px;color:var(--muted)}.report-cta{margin-top:32px;padding:24px;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.05));border-radius:16px;text-align:center}.report-cta h3{margin:0 0 12px;font-size:20px;font-weight:700;color:var(--panel)}.report-cta p{margin:0 0 16px;font-size:15px;color:var(--muted)}.help-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.report-highlight{background:linear-gradient(135deg,rgba(72,187,120,.1),rgba(72,187,120,.05));padding:24px;border-radius:16px;border:2px solid rgba(72,187,120,.2);margin-top:32px}.report-highlight p{margin:0;font-size:15px;color:var(--panel);line-height:1.8}.tag-pill.selectable{cursor:pointer;transition:all .2s ease;position:relative}.tag-pill.selectable:hover{background:rgba(24,59,78,.08);transform:translateY(-1px)}.tag-pill.selectable:active{transform:translateY(0)}.tag-pill.selectable.active{background:rgba(236,180,79,.15);color:#975a16;border-color:rgba(236,180,79,.3)}.tag-pill.selectable:disabled{opacity:.5;cursor:not-allowed}.tag-pill.selectable.report-btn{color:#f56565}.tag-pill.selectable.report-btn:hover{background:rgba(245,101,101,.08)}.modal-content h3{font-size:20px;font-weight:700}.modal-content .form-group{margin-bottom:20px}.modal-content .form-group label{font-size:14px}.modal-content .form-group select,.modal-content .form-group textarea{padding:12px;border:1px solid var(--line);border-radius:8px;font-size:14px;transition:all .2s ease}.modal-content .form-group select:focus,.modal-content .form-group textarea:focus{outline:none;border-color:var(--panel);box-shadow:0 0 0 3px rgba(24,59,78,.1)}.modal-actions{margin-top:24px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:24px;padding:28px;max-width:500px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-content h3{margin:0 0 20px;color:var(--panel)}.modal-content .form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.modal-content .form-group label{font-weight:600;color:var(--ink)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.review-footer button{font-size:14px;padding:8px 14px;transition:all .16s ease}.review-footer button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.comment-section{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:12px}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.comment-header h3{font-size:16px;font-weight:600;margin:0}.comment-form{margin-bottom:20px}.comment-textarea{width:100%;padding:12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:12px}.comment-textarea:focus{outline:none;border-color:var(--panel);box-shadow:0 0 0 3px rgba(78,140,113,.1)}.comment-form-actions{display:flex;gap:8px;justify-content:flex-end}.comment-list{display:flex;flex-direction:column;gap:16px}.comment-item{background:#fff;padding:16px;border-radius:8px;border:1px solid #e9ecef}.comment-meta{display:flex;gap:12px;margin-bottom:8px;font-size:13px}.comment-author{font-weight:600;color:#495057}.comment-time{color:#6c757d}.comment-text{margin:0 0 12px;color:#212529;line-height:1.6;font-size:14px}.comment-actions{display:flex;gap:12px}.comment-action-btn{background:none;border:none;padding:4px 8px;font-size:13px;cursor:pointer;color:#6c757d;transition:color .16s ease}.comment-action-btn:hover{color:var(--panel)}.comment-action-btn.liked{color:#e03131}.reply-form{margin-top:12px;padding:12px;background:#f8f9fa;border-radius:8px}.comment-replies{margin-top:12px;padding-left:16px;border-left:2px solid #dee2e6}.comment-reply{padding:12px 0;border-bottom:1px solid #e9ecef}.comment-reply:last-child{border-bottom:none}.loading-text,.no-comments{text-align:center;color:#6c757d;padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--ink)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:12px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);background:white}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--panel);box-shadow:0 0 0 4px rgba(24,59,78,.1);transform:translateY(-1px)}.form-group input:hover:not(:focus),.form-group select:hover:not(:focus),.form-group textarea:hover:not(:focus){border-color:rgba(24,59,78,.3)}.loading{opacity:.6;pointer-events:none}@media (max-width:768px){.modal-content{padding:20px;margin:20px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.form-container{max-width:500px;margin:0 auto;padding:20px}.progress-indicator{gap:8px;margin-bottom:8px}.progress-indicator,.progress-step{display:flex;justify-content:center;align-items:center}.progress-step{width:32px;height:32px;border-radius:50%;background:#e9ecef;font-weight:600;color:#6c757d;transition:all .3s ease}.progress-step.active{background:var(--panel);color:#fff}.progress-line{width:60px;height:2px;background:#e9ecef;transition:all .3s ease}.progress-line.active{background:var(--panel)}.progress-labels{display:flex;justify-content:space-around;margin-bottom:24px;font-size:13px;color:#6c757d}.progress-labels span.active{font-weight:600;color:var(--panel)}.school-search,.school-select{width:100%;padding:12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px}.school-search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(13,110,253,.1)}.verification-form{margin-top:16px}.disabled-input{background-color:#f8f9fa;cursor:not-allowed}.comment-school{font-size:12px;color:#6c757d;background:#f8f9fa;padding:2px 8px;border-radius:4px;margin-left:8px}.comment-author{display:flex;align-items:center;gap:8px}.auth-buttons{display:flex;gap:12px}.auth-buttons .button-secondary,.status-badge{white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;margin-right:auto}.status-published{background-color:rgba(72,187,120,.1);color:#22543d;border:1px solid rgba(72,187,120,.3)}.status-pending{background-color:rgba(237,137,54,.1);color:#7c2d12;border:1px solid rgba(237,137,54,.3)}.status-rejected{background-color:rgba(245,101,101,.1);color:#742a2a;border:1px solid rgba(245,101,101,.3)}.review-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width:768px){.page-shell{width:100%!important;padding:0 12px 86px!important}.form-hero.list-hero{margin:12px 0 0!important;padding:20px 16px!important;border-radius:16px!important}.form-hero.list-hero h1{font-size:24px!important;line-height:1.25!important}.form-hero.list-hero .hero-copy{font-size:14px!important}.section-shell{border-radius:16px!important}.form-card,.section-shell{margin-top:12px!important;padding:16px!important}.form-card{border-radius:14px!important}.section-heading h2{font-size:22px!important}.filter-panel{padding:16px!important}.filter-form{gap:12px!important}.filter-form input,.filter-form select,.form-card input,.form-card select{min-height:44px!important;font-size:16px!important}.reviews-section,.teachers-section{display:block!important}.teacher-grid{display:grid!important;grid-template-columns:1fr!important;grid-gap:16px!important;gap:16px!important}.review-list{display:flex!important;flex-direction:column!important;gap:16px!important}.review-card,.teacher-card{opacity:1!important;animation:none!important;visibility:visible!important;width:100%!important}.review-card{display:block!important;padding:16px!important;border-radius:14px!important}.review-card-header{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}.review-card-header strong{display:block;color:#171717;font-size:17px;line-height:1.35}.review-meta{color:#666!important;font-size:13px!important;line-height:1.5!important}.score-chip{flex:0 0 auto;white-space:nowrap}.review-body{display:block!important;color:#222!important;font-size:15px!important;line-height:1.75!important;margin:12px 0!important;white-space:pre-wrap}.tag-cloud{flex-wrap:wrap!important;margin-top:12px!important}.review-footer,.tag-cloud{display:flex!important;gap:8px!important}.review-footer{flex-direction:row!important;align-items:center!important}.bottom-nav{left:50%!important;right:auto!important;bottom:0!important;width:min(420px,calc(100% - 24px))!important;transform:translateX(-50%)!important;gap:4px!important;padding:6px!important;margin-bottom:max(8px,env(safe-area-inset-bottom))!important;border:1px solid rgba(23,70,91,.12)!important;border-radius:24px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 30px rgba(17,24,39,.14)!important}.bottom-nav,.bottom-nav-item{justify-content:center!important}.bottom-nav-item{min-height:48px!important;gap:2px!important;padding:5px 4px!important;border-radius:18px!important}.bottom-nav-item.active{color:#0f3f53!important;background:#eef5f2!important}.bottom-nav .nav-icon{font-size:21px!important}.auth-page .form-container{width:100%!important;max-width:none!important;margin:-50px auto 0!important;padding:22px 18px!important;border-radius:22px;background:white;box-shadow:0 12px 36px rgba(24,59,78,.12)}.auth-page .progress-indicator{display:grid;grid-template-columns:32px minmax(24px,1fr) 32px minmax(24px,1fr) 32px;grid-gap:8px;gap:8px;align-items:center;margin-bottom:10px}.auth-page .progress-line{width:auto}.auth-page .progress-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px;margin-bottom:22px;text-align:center;font-size:12px;line-height:1.3}}@media (max-width:360px){.auth-page .form-container{padding:20px 14px!important}}