:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2933;background-color:#f5f6f8;line-height:1.5;--bento-bg-0: #e7e5ff;--bento-bg-1: #f5f7ff;--bento-bg-2: #eaf6ff;--bento-ink: #0f172a;--bento-muted: #64748b;--bento-border: rgba(148, 163, 184, .35);--bento-surface: rgba(247, 247, 255, .92);--bento-card: rgba(255, 255, 255, .92);--bento-shadow-lg: 0 40px 80px rgba(15, 23, 42, .18);--bento-shadow-md: 0 20px 45px rgba(15, 23, 42, .12);--bento-shadow-sm: 0 12px 28px rgba(15, 23, 42, .1);--bento-radius-xl: 44px;--bento-radius-lg: 28px;--bento-radius-md: 18px;--bento-radius-sm: 12px;--bento-gap-xl: 32px;--bento-gap-lg: 24px;--bento-gap-md: 16px;--bento-gap-sm: 12px;--bento-gap-xs: 8px;--bento-primary: #3b82f6;--bento-primary-dark: #2563eb;--bento-success: #10b981;--bento-success-dark: #059669;--bento-warning: #f59e0b;--bento-danger: #ef4444}body{margin:0;background-color:#f5f6f8}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{min-height:100vh;display:flex;flex-direction:column}header{background:#fff;border-bottom:1px solid #e4e7eb;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.logo{font-weight:700;letter-spacing:.04em;color:#1a56db}nav{display:flex;gap:1.5rem}nav a{padding-bottom:.25rem;border-bottom:2px solid transparent;font-weight:500;transition:color .2s ease,border-color .2s ease}nav a.active{color:#1a56db;border-color:#1a56db}main{flex:1;padding:2.5rem clamp(1.5rem,4vw,3rem);display:flex;justify-content:center}.content-wrapper{width:min(1150px,100%);display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.page-title{font-size:clamp(1.75rem,4vw,2.15rem);margin:0}.toggle-group{display:inline-flex;background:#e4e7eb;border-radius:999px;padding:.25rem;gap:.25rem}.toggle-button{border:none;background:transparent;padding:.4rem .9rem;border-radius:999px;font-weight:600;cursor:pointer;color:#506580;transition:background .2s ease,color .2s ease}.toggle-button.active{background:#1a56db;color:#fff}.grid{display:grid;gap:1.5rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.four{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 10px 25px -20px #1018284d;border:1px solid #edf0f4;display:flex;flex-direction:column;gap:.75rem}.card h3,.card h4{margin:0}.metric-value{font-size:2rem;font-weight:700}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600}.badge.success{background:#149e531f;color:#15803d}.badge.warning{background:#eab3082e;color:#b45309}.badge.info{background:#2563eb26;color:#1d4ed8}.progress-bar{height:8px;background:#e4e7eb;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#1a56db,#60a5fa);border-radius:inherit}.hero{background:linear-gradient(135deg,#1a56db,#1f7ed6);color:#fff;padding:clamp(1.5rem,4vw,2.5rem);border-radius:18px;box-shadow:0 25px 45px -30px #1e40af80;display:flex;flex-direction:column;gap:1rem}.hero button{border:none;background:#fff;color:#1a56db;font-weight:600;padding:.8rem 1.5rem;border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 25px -20px #1018284d}.hero button.primary{background:#facc15;color:#1f2933}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.iframe-wrapper{position:relative;width:100%;padding-top:56.25%;border-radius:16px;overflow:hidden;border:1px solid #e4e7eb;background:#fff}.iframe-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.list{display:flex;flex-direction:column;gap:.75rem}.list-item{display:flex;align-items:center;justify-content:space-between}.list-item span{font-weight:600}.pill-group{display:flex;flex-wrap:wrap;gap:.5rem}.pill{background:#f1f5f9;padding:.4rem .9rem;border-radius:999px;font-weight:500;font-size:.85rem}.security-note{font-size:.9rem;color:#52606d;margin-top:.5rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.65rem 1.1rem;border-radius:12px;border:1px solid #d5dce6;background:#fff;color:#1f2933;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px -22px #0f172a99}.button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.button.primary{background:#1a56db;border-color:#1a56db;color:#fff}.button.primary:hover:not(:disabled){background:#174eb4;border-color:#174eb4}.button.ghost{background:transparent;border-color:#d5dce6;color:#1a56db}.button.ghost:hover:not(:disabled){background:#1a56db14}.button.icon{padding:.55rem .9rem;font-size:.95rem}.button.text{border:none;background:transparent;color:#1a56db;padding:0;box-shadow:none}.progress-bar.thin{height:6px}.quiz-top-bar{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:1.5rem}.quiz-top-left{display:flex;align-items:center;gap:1rem}.quiz-title{margin:0;font-size:clamp(1.4rem,3vw,1.8rem)}.quiz-progress{display:flex;flex-direction:column;align-items:center;gap:.5rem}.quiz-top-right{display:flex;align-items:center;justify-content:flex-end;gap:1.25rem;flex-wrap:wrap}.quiz-top-right .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.quiz-top-right strong{font-size:1.15rem}.quiz-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.5rem;margin-top:1.5rem;align-items:flex-start}.quiz-main{display:flex;flex-direction:column;gap:1.5rem}.question-card{gap:1.25rem}.question-header h2{margin:0;font-size:clamp(1.2rem,3vw,1.5rem)}.question-image{display:block;margin:1rem auto 0;max-width:100%;max-height:220px;object-fit:contain;border-radius:12px;border:1px solid #e4e7eb}.options-group{display:flex;flex-direction:column;gap:.75rem}.option-card{width:100%;border:1px solid #dbe2eb;background:#fff;border-radius:14px;padding:.85rem 1.1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;position:relative}.option-card:hover:not(.disabled){border-color:#a9c2f6;box-shadow:0 18px 30px -25px #1c378759}.option-card.disabled{cursor:default;box-shadow:none}.option-letter{min-width:36px;height:36px;border-radius:50%;background:#eef2ff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:#1a56db;position:relative}.option-card.selected{border-color:#1a56db;box-shadow:0 18px 30px -25px #1c378773}.option-card.correct{border-color:#22c55ea6;background:#22c55e1f}.option-card.incorrect{border-color:#ef444499;background:#ef44441f}.feedback-row{margin-top:1rem;padding:.9rem 1.15rem;border-radius:12px;display:flex;flex-direction:column;gap:.45rem;font-weight:600}.feedback-row.correct{background:#22c55e26;color:#15803d}.feedback-row.wrong{background:#ef444426;color:#b91c1c}.feedback-row.timeout{background:#eab3082e;color:#b45309}.feedback-row.info{background:#3b82f626;color:#1d4ed8}.feedback-explanation{font-weight:400;color:#52606d;font-size:.92rem}.quiz-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.quiz-actions-left,.quiz-actions-right{display:flex;gap:.75rem;flex-wrap:wrap}.quiz-meta{display:flex;flex-direction:column;gap:1.5rem}.meta-row{display:flex;align-items:center;justify-content:space-between}.meta-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.meta-history{display:flex;flex-direction:column;gap:.5rem}.tiny-history{display:flex;gap:.4rem;font-size:1.05rem}.tiny-history-mark{background:#f1f5f9;border-radius:999px;padding:.2rem .55rem;font-weight:600}.quiz-summary-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:50}.quiz-summary-card{width:min(750px,100%);gap:1.5rem;max-height:90vh;overflow-y:auto;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.summary-celebration,.summary-encouragement{text-align:center;padding:1.5rem;border-radius:16px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);margin-bottom:1rem}.summary-encouragement{background:linear-gradient(135deg,#fef3c7,#fde68a)}.celebration-emoji,.encouragement-emoji{font-size:4rem;animation:bounce 1s ease-in-out infinite;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.summary-score-display{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:1.5rem 0}.score-circle{width:140px;height:140px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;animation:scaleIn .5s ease-out;position:relative}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.score-big{font-size:3.5rem;font-weight:800;line-height:1}.score-small{font-size:1.2rem;font-weight:600;opacity:.9}.score-label{font-size:1.2rem;font-weight:600;color:#4b5563}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin:1.5rem 0}.summary-stat-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.summary-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.stat-emoji{font-size:2rem;line-height:1}.stat-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:600}.stat-value{font-size:1.25rem;color:#1e293b;font-weight:700}.summary-evaluation{padding:1.75rem;border-radius:20px;display:flex;gap:1.5rem;align-items:flex-start;margin:1.5rem 0;border:3px solid;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.evaluation-graduated{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981}.evaluation-success{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.evaluation-retry{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.evaluation-icon{font-size:3.5rem;line-height:1;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.evaluation-content{flex:1}.evaluation-title{font-size:1.5rem;font-weight:800;margin:0 0 .75rem;color:#1e293b}.evaluation-message{font-size:1.05rem;line-height:1.6;margin:0;color:#475569;font-weight:500}.evaluation-tip{margin-top:1rem;padding:.75rem 1rem;background:#ffffffb3;border-radius:12px;font-size:.95rem;color:#7c2d12;font-weight:600;border-left:4px solid #f59e0b}.summary-recommendation{border-top:1px solid #e4e7eb;padding-top:1rem}.summary-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.breakdown-item{background:#f8fafc;padding:.75rem 1rem;border-radius:12px;display:flex;align-items:center;justify-content:space-between;font-weight:600}.summary-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.button-celebration{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 14px #10b98166!important;font-size:1.1rem!important;padding:.9rem 1.5rem!important;font-weight:700!important;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 4px 14px #10b98166}50%{box-shadow:0 4px 20px #10b98199}}.button-retry{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 4px 14px #f59e0b66!important;font-size:1.1rem!important;padding:.9rem 1.5rem!important;font-weight:700!important}.review-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.review-section-title{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0 0 1.25rem;text-align:center}.review-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.review-empty{text-align:center;padding:2rem;color:#64748b;font-size:1.1rem}.review-list::-webkit-scrollbar{width:8px}.review-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.review-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.review-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.review-item{border:2px solid #e4e7eb;border-radius:16px;padding:1.25rem;background:#fff;display:flex;flex-direction:column;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.review-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.review-item.correct{border-color:#22c55e80;background:linear-gradient(135deg,#f0fdf4,#fff)}.review-item.wrong{border-color:#ef444480;background:linear-gradient(135deg,#fef2f2,#fff)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.review-header strong{font-size:1.05rem;color:#1e293b;flex:1;min-width:200px}.review-header span{padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:700;white-space:nowrap}.review-item.correct .review-header span{background:#22c55e26;color:#15803d}.review-item.wrong .review-header span{background:#ef444426;color:#b91c1c}.review-body{display:flex;flex-direction:column;gap:.6rem;font-size:.95rem;color:#475569;padding-top:.5rem;border-top:1px solid #e2e8f0}.review-info-row{display:flex;gap:.75rem;align-items:flex-start;flex-wrap:wrap}.review-label{font-weight:700;color:#475569;min-width:140px;flex-shrink:0}.review-value{color:#1e293b;flex:1;min-width:200px}.review-value.correct-answer{color:#15803d;font-weight:600}.review-value.wrong-answer{color:#b91c1c;font-weight:600}.review-status{padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:700;white-space:nowrap}.mini-link{transition:transform .2s ease,box-shadow .2s ease}.mini-link:hover{transform:translateY(-2px);box-shadow:0 18px 35px -28px #0f172a73}@media(max-width:960px){header{padding:1rem 1.5rem}nav{gap:1rem}main{padding:2rem 1.5rem}.quiz-top-bar{grid-template-columns:1fr;align-items:flex-start;gap:1rem}.quiz-top-right{justify-content:flex-start}.quiz-layout{grid-template-columns:1fr}}@media(max-width:720px){header{flex-direction:column;gap:1rem}.page-header{flex-direction:column;align-items:flex-start}.hero{align-items:flex-start}.quiz-actions{flex-direction:column;align-items:stretch}.quiz-actions-left,.quiz-actions-right{width:100%;justify-content:space-between}}@media(max-width:768px){header{padding:.75rem 1rem}main{padding:1.5rem 1rem}.grid.two,section[style*=gridTemplateColumns]{grid-template-columns:1fr!important}.page-header{position:relative!important;padding-bottom:3rem}.page-header button{position:absolute!important;right:0!important;bottom:0!important;top:auto!important;transform:none!important}.page-header>div:last-child{flex-direction:column;align-items:flex-start;gap:.75rem}.questions-table-wrapper,div[style*=overflowX]{overflow-x:auto;-webkit-overflow-scrolling:touch}.questions-table{min-width:600px}input[type=text],input[type=number],textarea,select{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-appearance:none;appearance:none}.card{padding:1rem}form[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:1rem!important}div[style*=flexWrap]{flex-direction:column}div[style*=flexWrap]>*{width:100%}form[style*=gridTemplateColumns]>.field{grid-column:1}.button{min-height:44px;padding:.75rem 1rem}nav{flex-wrap:wrap;gap:.75rem}.grid.four,.grid.three{grid-template-columns:repeat(2,1fr)!important}.recharts-wrapper{max-width:100%}.quiz-summary-card{width:95%;max-height:85vh;padding:1rem}}.quiz-title-icon{display:inline-block;font-size:1.2em;margin-right:.4rem;vertical-align:middle;line-height:1}.quiz-progress-icon{display:inline-block;font-size:.95em;margin-right:.35rem;vertical-align:middle;line-height:1}.quiz-icon-small{display:inline-block;font-size:.85em;margin-right:.3rem;vertical-align:middle;line-height:1}.meta-icon{display:inline-block;font-size:.9em;margin-right:.35rem;vertical-align:middle;line-height:1}.option-letter-badge{position:absolute;top:-2px;left:-2px;font-size:.5em;opacity:.6;line-height:1}.option-letter{position:relative}.option-selected-marker{display:inline-block;font-size:.9em;margin-left:auto;line-height:1;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.feedback-icon{display:inline-block;font-size:.95em;margin-right:.4rem;vertical-align:middle;line-height:1}.quiz-title-icon,.quiz-progress-icon,.quiz-icon-small,.meta-icon,.option-letter-badge,.option-selected-marker,.feedback-icon{flex-shrink:0}@media(max-width:768px){.quiz-title-icon{font-size:1em;margin-right:.3rem}.quiz-progress-icon,.quiz-icon-small,.meta-icon{font-size:.8em;margin-right:.25rem}.option-letter-badge{font-size:.45em}.option-selected-marker{font-size:.85em}}:root{--shb-bg-0: var(--bento-bg-0);--shb-bg-1: var(--bento-bg-1);--shb-bg-2: var(--bento-bg-2);--shb-ink: var(--bento-ink);--shb-muted: var(--bento-muted);--shb-border: var(--bento-border);--shb-surface: var(--bento-surface);--shb-card: var(--bento-card);--shb-shadow-lg: var(--bento-shadow-lg);--shb-shadow-md: var(--bento-shadow-md);--shb-shadow-sm: var(--bento-shadow-sm);--shb-radius-xl: var(--bento-radius-xl);--shb-radius-lg: var(--bento-radius-lg);--shb-radius-md: var(--bento-radius-md)}.shb-page{min-height:100vh;padding:22px 16px;background:radial-gradient(1200px 700px at 12% 15%,var(--shb-bg-0),transparent 62%),radial-gradient(1100px 650px at 90% 30%,var(--shb-bg-2),transparent 62%),radial-gradient(1000px 700px at 55% 92%,var(--shb-bg-1),transparent 68%),linear-gradient(180deg,#f6f5ff,#f8fafc 48%,#f7f7ff);display:flex;justify-content:center}.content-wrapper>.shb-page{width:100vw;margin-left:calc(50% - 50vw);padding:0}.content-wrapper>.shb-page .shb-shell{max-width:100%;border-radius:0;border-left:0;border-right:0;box-shadow:none}.shb-shell{width:100%;max-width:100%;background:var(--shb-surface);border-radius:var(--shb-radius-xl);box-shadow:var(--shb-shadow-lg);border:1px solid var(--shb-border);padding:22px}.shb-topbar{background:#1f2430;color:#f8fafc;border-radius:28px;padding:16px 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;box-shadow:0 14px 30px #0000002e}.shb-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.shb-logo{width:34px;height:34px;border-radius:12px;object-fit:contain;display:block;flex-shrink:0}.shb-brand__text{display:grid;line-height:1.05}.shb-brand__name{font-weight:1000;letter-spacing:.2px}.shb-brand__sub{font-weight:750;font-size:.85rem;color:#cbd5e1e6}.shb-nav{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.shb-nav__btn{border:0;background:transparent;color:#f8fafceb;font-weight:900;padding:10px 16px;border-radius:999px;cursor:pointer}.shb-nav__btn.is-active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;font-weight:800}.shb-right{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex-wrap:nowrap}.shb-user{text-align:right;line-height:1.1;min-width:0}.shb-user__name{font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.shb-user__sub{font-weight:750;font-size:.85rem;color:#cbd5e1e6}.shb-logout{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(248,113,113,.35);background:linear-gradient(135deg,#dc2626f2,#b91c1ceb);color:#fffffffa;cursor:pointer;font-weight:900;font-size:1.5rem;line-height:1;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;box-shadow:0 10px 22px #dc262638}.shb-logout:hover{transform:translateY(-2px);box-shadow:0 14px 30px #dc26264d;filter:brightness(1.05)}.shb-logout:focus-visible{outline:none;box-shadow:0 0 0 3px #f8717159,0 14px 30px #dc26264d}@media(prefers-reduced-motion:reduce){.shb-logout{transition:none!important}.shb-logout:hover{transform:none!important}}.shb-avatar{width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#fb7185);border:1px solid rgba(255,255,255,.16)}.shb-lang{display:inline-flex;gap:6px;padding:4px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.shb-lang button{border:0;background:transparent;color:#f8fafceb;font-weight:1000;padding:8px 10px;border-radius:999px;cursor:pointer;font-size:.82rem}.shb-lang button.is-active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a}.shb-notice{margin-top:14px;border-radius:999px;padding:10px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.22);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--shb-ink);font-weight:800}.shb-notice__btn{border:0;background:#2563eb24;color:#1d4ed8;font-weight:1000;border-radius:999px;padding:6px 10px;cursor:pointer}.shb-stack{margin-top:24px;display:flex;flex-direction:column;gap:66px}@media(max-width:1100px){.shb-stack{gap:51px}}@media(max-width:720px){.shb-stack{gap:39px}}.shb-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px 22px;align-items:stretch;grid-auto-flow:row dense}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}@media(max-width:1100px){.span-8,.span-6{grid-column:span 12}.span-4,.span-3{grid-column:span 6}}@media(max-width:720px){.shb-topbar{grid-template-columns:1fr;gap:10px}.shb-right{justify-content:space-between;flex-wrap:wrap}.shb-user{text-align:left}.span-8,.span-4,.span-3{grid-column:span 12}}.shb-card{background:var(--shb-card);border-radius:var(--shb-radius-lg);border:1px solid rgba(226,232,240,.8);box-shadow:var(--shb-shadow-sm);padding:20px;min-width:0;height:100%}.shb-card--hero{background:radial-gradient(240px 180px at 85% 25%,rgba(245,158,11,.38),transparent 62%),radial-gradient(300px 220px at 95% 80%,rgba(99,102,241,.35),transparent 62%),linear-gradient(135deg,#ffffffeb,#f8fafceb);border:1px solid rgba(226,232,240,.85);overflow:hidden}.shb-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}@media(max-width:900px){.shb-hero{grid-template-columns:1fr}}.shb-hero__kicker{color:var(--shb-muted);font-weight:800;font-size:.88rem}.shb-hero__title{margin:6px 0 0;font-size:2rem;font-weight:1000;letter-spacing:-.02em;color:var(--shb-ink)}.shb-hero__title .accent{color:#2563eb}.shb-hero__desc{margin:10px 0 0;color:#475569;font-weight:700;line-height:1.5}.shb-hero__cta{margin-top:18px;display:inline-flex;gap:10px;flex-wrap:wrap}.shb-btn{border:0;border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer}.shb-btn--primary{background:#fbbf24;color:#0f172a;box-shadow:0 14px 26px #f59e0b38}.shb-btn--ghost{background:#ffffffd9;color:#0f172a;border:1px solid rgba(226,232,240,.9)}.shb-hero__progress{margin-top:20px;padding-top:14px;border-top:1px solid rgba(226,232,240,.9);display:grid;gap:10px}@media(hover:hover)and (pointer:fine){.shb-nav__btn,.shb-btn,.shb-topic{transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,background .14s ease;will-change:transform}.shb-nav__btn:hover,.shb-btn:hover{transform:translateY(-2px);filter:saturate(1.02)}.shb-topic:hover{transform:translateY(-2px);box-shadow:var(--shb-shadow-md)}}.shb-nav__btn:focus-visible,.shb-btn:focus-visible,.shb-topic:focus-visible{outline:3px solid rgba(59,130,246,.55);outline-offset:3px}.shb-hero__progressRow{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.shb-hero__tip{color:#2563eb;font-weight:800;font-size:.9rem}.shb-progress{height:10px;border-radius:999px;background:#94a3b847;overflow:hidden}.shb-progress__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#a78bfa)}.shb-progress__label{color:#0f172a;font-weight:900}.shb-hero__art{border-radius:var(--shb-radius-lg);position:relative;overflow:hidden;background:radial-gradient(220px 180px at 18% 18%,rgba(245,158,11,.45),transparent 62%),radial-gradient(320px 260px at 82% 82%,rgba(99,102,241,.4),transparent 62%),linear-gradient(135deg,#ffffffb3,#f8fafc59);border:1px solid rgba(226,232,240,.85);box-shadow:inset 0 1px #ffffff8c;min-height:180px}.shb-hero__art:before,.shb-hero__art:after{content:"";position:absolute;width:110px;height:110px;border-radius:26px;background:#ffffffbf;box-shadow:0 18px 35px #0f172a1f}.shb-hero__art:before{top:22px;right:34px;transform:rotate(12deg)}.shb-hero__art:after{bottom:26px;left:34px;transform:rotate(-10deg);opacity:.65}.shb-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.shb-card__title{margin:0;font-weight:1000;font-size:1.05rem;color:var(--shb-ink)}.shb-card__sub{margin:4px 0 0;color:var(--shb-muted);font-weight:700;font-size:.88rem}.shb-metric{display:grid;gap:6px}.shb-metric__label{color:var(--shb-muted);font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:space-between}.shb-dot{width:10px;height:10px;border-radius:999px;background:#93c5fd}.shb-metric__value{font-weight:1000;font-size:2rem;color:var(--shb-ink)}.shb-metric__hint{color:var(--shb-muted);font-weight:700;font-size:.86rem}.shb-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-weight:900;font-size:.8rem;background:#10b98124;color:#065f46;border:1px solid rgba(16,185,129,.22)}.shb-topic{padding:12px 12px 10px;border-radius:var(--shb-radius-md);border:1px solid rgba(226,232,240,.95);background:#f8fafceb;cursor:pointer}.shb-topic+.shb-topic{margin-top:10px}.shb-topic__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.shb-topic__name{font-weight:900;color:var(--shb-ink)}.shb-topic__pct{font-weight:900;color:var(--shb-muted)}.shb-topic__bar{margin-top:10px;height:10px;border-radius:999px;background:#94a3b840;overflow:hidden}.shb-topic__fill{height:100%;border-radius:999px}.shb-topicsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:900px){.shb-topicsGrid{grid-template-columns:1fr}}.shb-topicsGrid>.shb-topic:last-child:nth-child(odd){grid-column:1 / -1}.shb-list{display:grid;gap:10px;color:#334155;font-weight:750}.shb-list__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:var(--shb-radius-md);background:#f8fafceb;border:1px solid rgba(226,232,240,.95)}.shb-analyticsCards{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:1100px){.shb-analyticsCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.shb-analyticsCards{grid-template-columns:1fr}}.shb-panel{background:#f8fafceb;border-radius:18px;border:2px solid rgba(226,232,240,.95);padding:14px}.shb-panel--blue{border-color:#3b82f6e6}.shb-panel--pink{border-color:#ec4899e6}.shb-panel--purple{border-color:#8b5cf6e6}.shb-skel{height:16px;border-radius:999px;background:linear-gradient(90deg,#e2e8f08c,#e2e8f040,#e2e8f08c);background-size:200% 100%;animation:shbShimmer 1.1s infinite linear}.shb-skel.h32{height:32px}.shb-skel.h14{height:14px}.shb-skel.w40{width:40%}.shb-skel.w60{width:60%}.shb-skel.w80{width:80%}.shb-skel.w100{width:100%}@keyframes shbShimmer{0%{background-position:0% 0}to{background-position:200% 0}}.trm-backdrop{position:fixed;inset:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;padding:12px;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.trm-modal{width:min(1200px,96vw);height:min(820px,86vh);background:var(--shb-card, #ffffff);border-radius:24px;box-shadow:0 24px 60px #0000004d;border:1px solid rgba(226,232,240,.9);display:flex;flex-direction:column;overflow:hidden;outline:none}.trm-header{background:linear-gradient(135deg,#1f2430,#0f172a);color:#f8fafc;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:24px 24px 0 0;flex-shrink:0}.trm-header__left{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.trm-header__title{font-weight:1000;font-size:1.1rem;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trm-header__meta{display:flex;gap:8px;flex-wrap:wrap}.trm-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700}.trm-badge--topic{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.trm-badge--level{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.trm-badge--general{background:#94a3b833;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.trm-header__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.trm-header__pager{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.15)}.trm-pager-btn{width:28px;height:28px;border:none;background:transparent;color:#f8fafc;font-size:1.1rem;font-weight:900;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .18s ease;padding:0}.trm-pager-btn:hover:not(:disabled){background:#ffffff26}.trm-pager-btn:disabled{opacity:.4;cursor:not-allowed}.trm-pager-indicator{font-weight:900;font-size:.85rem;color:#f8fafc;min-width:50px;text-align:center}.trm-link{color:#93c5fd;text-decoration:none;font-weight:900;font-size:.9rem;padding:8px 12px;border-radius:8px;background:#3b82f626;border:1px solid rgba(59,130,246,.25);transition:background .18s ease,transform .18s ease}.trm-link:hover{background:#3b82f640;transform:translateY(-1px)}.trm-close{width:36px;height:36px;border-radius:8px;border:1px solid rgba(248,113,113,.3);background:#dc262626;color:#fca5a5;font-size:1.2rem;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s ease,transform .18s ease}.trm-close:hover{background:#dc262640;transform:translateY(-1px)}.trm-content{display:grid;grid-template-columns:300px 1fr;gap:0;flex:1;overflow:hidden;min-height:0}@media(max-width:900px){.trm-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}}.trm-toc{background:#f8fafcf2;border-right:1px solid rgba(226,232,240,.9);display:flex;flex-direction:column;overflow:hidden}@media(max-width:900px){.trm-toc{border-right:none;border-bottom:1px solid rgba(226,232,240,.9);max-height:200px;flex-shrink:0}}.trm-toc__title{padding:12px 16px;font-weight:1000;font-size:.95rem;color:var(--shb-ink, #1e293b);border-bottom:1px solid rgba(226,232,240,.9);background:#fff9;flex-shrink:0}.trm-toc__list{flex:1;overflow-y:auto;padding:8px}.trm-toc__item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .18s ease,transform .18s ease;margin-bottom:4px}.trm-toc__item:hover{background:#3b82f61a;transform:translate(2px)}.trm-toc__item.is-active{background:#3b82f633;border:1px solid rgba(59,130,246,.3);font-weight:900}.trm-toc__icon{font-size:1.2rem;flex-shrink:0}.trm-toc__text{flex:1;font-size:.88rem;color:var(--shb-ink, #1e293b);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trm-toc__item.is-active .trm-toc__text{color:#1e40af}.trm-viewer{background:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative;min-height:0;flex:1}.trm-preview-container{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.trm-iframe{width:100%;height:100%;border:0;background:#fff;display:block;flex:1;min-height:0}.trm-empty{padding:40px;text-align:center;color:var(--shb-muted, #64748b);font-weight:800;display:flex;align-items:center;justify-content:center;flex:1}@keyframes trmPageFlip{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.trm-preview-container{animation:trmPageFlip .3s ease-out}@media(prefers-reduced-motion:reduce){.trm-toc__item,.trm-pager-btn,.trm-link,.trm-close,.trm-preview-container{transition:none!important;animation:none!important}}.trm-modal:focus-visible{outline:3px solid rgba(59,130,246,.55);outline-offset:3px}.qhb-page{position:relative}.qhb-confetti-dots{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.qhb-confetti-dots:before,.qhb-confetti-dots:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#6366f133;animation:qhb-float 20s infinite ease-in-out}.qhb-confetti-dots:before{top:10%;left:15%;animation-delay:0s}.qhb-confetti-dots:after{top:30%;right:20%;animation-delay:2s;background:#a855f72e}@keyframes qhb-float{0%,to{transform:translate(0) scale(1);opacity:.2}25%{transform:translate(30px,-40px) scale(1.2);opacity:.25}50%{transform:translate(-20px,60px) scale(.9);opacity:.15}75%{transform:translate(40px,20px) scale(1.1);opacity:.22}}@media(prefers-reduced-motion:reduce){.qhb-confetti-dots:before,.qhb-confetti-dots:after{animation:none;opacity:.15}}.hover-float,.hover-float-soft{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;will-change:transform}.hover-float:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0f172a24}.hover-float-soft:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0f172a1f}@media(prefers-reduced-motion:reduce){.hover-float,.hover-float-soft{transition:none!important}.hover-float:hover,.hover-float-soft:hover{transform:none!important}}.qhb-h3{margin:0 0 10px;font-weight:1000;color:var(--shb-ink);letter-spacing:.2px}.qhb-muted{margin:0;color:var(--shb-muted);font-weight:750}.qhb-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.qhb-banner{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid rgba(16,185,129,.35);display:flex;align-items:center;gap:14px}.qhb-banner__icon{font-size:2.4rem}.qhb-banner__title{font-weight:1000;color:#065f46;margin-bottom:2px}.qhb-banner__text{color:#047857;font-weight:750}.qhb-banner__sub{margin-top:6px;color:#059669;font-weight:900}.qhb-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;align-items:stretch}@media(max-width:1100px){.qhb-hero{grid-template-columns:1fr}}.qhb-hero__kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#ffffff5c;border:1px solid rgba(255,255,255,.35);font-weight:1000;color:#0f172ad9;width:fit-content}.qhb-hero__title{margin:10px 0 6px;font-size:clamp(1.55rem,2.2vw,2.2rem);font-weight:1100;color:var(--shb-ink)}.qhb-hero__desc{margin:0;color:#0f172ab8;font-weight:750;max-width:70ch}.qhb-hero__actions{display:flex;flex-direction:column;justify-content:center;gap:12px}@media(max-width:1100px){.qhb-hero__actions{justify-content:flex-start}}.qhb-btn{border:0;cursor:pointer;border-radius:16px;padding:14px 18px;font-weight:700;font-size:1rem;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 8px 24px #6366f159;width:100%;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,filter .18s ease}.qhb-btn--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 8px 24px #6366f159}.qhb-btn--secondary{color:#4f46e5;background:linear-gradient(135deg,#fff,#f1f5f9);box-shadow:0 6px 20px #0f172a1f;border:2px solid #e0e7ff}.qhb-btn--danger{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 24px #dc262659}.qhb-btn:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 14px 32px #6366f173}.qhb-btn--primary:hover{box-shadow:0 14px 32px #6366f173}.qhb-btn--secondary:hover{background:linear-gradient(135deg,#fff,#e0e7ff);box-shadow:0 12px 28px #0f172a2e;filter:none}.qhb-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f159,0 18px 40px #0f172a24}@media(prefers-reduced-motion:reduce){.qhb-btn{transition:none!important}.qhb-btn:hover{transform:none!important}}.qhb-master{margin-top:14px;background:#ffffff8c;border:1px solid rgba(255,255,255,.35);border-radius:18px;padding:12px 12px 10px}.qhb-master__row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:900;color:#0f172ad9}.qhb-master__bar{margin-top:8px;height:12px;border-radius:999px;background:#0f172a1f;overflow:hidden}.qhb-master__fill{height:100%;border-radius:999px}.qhb-master__hint{display:block;margin-top:8px;font-size:.9rem;font-weight:850;color:#0f172ab3}.qhb-list{display:grid;gap:10px}.qhb-list__row{display:flex;justify-content:space-between;gap:10px;font-weight:850;color:#0f172acc}.qhb-goal{margin-top:4px}.qhb-goal__label{font-weight:1000;color:#0f172ad9}.qhb-goal__bar{margin-top:6px;height:12px;border-radius:999px;background:#0f172a1a;overflow:hidden}.qhb-goal__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#a78bfa)}.qhb-goal__sub{margin-top:6px;color:var(--shb-muted);font-weight:750}.qhb-pills{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.qhb-pill{padding:7px 10px;border-radius:999px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);font-weight:950;color:#0f172ac7}.qhb-mini{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:720px){.qhb-mini{grid-template-columns:1fr}}.qhb-mini__card{display:grid;gap:4px;padding:14px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(226,232,240,.9);box-shadow:0 12px 28px #0f172a14;text-decoration:none;color:var(--shb-ink)}.qhb-mini__card span{color:var(--shb-muted);font-weight:750}.qhb-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media(max-width:1100px){.qhb-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.qhb-topics{grid-template-columns:1fr}}.qhb-topic{--qhb-accent: #60a5fa;border-radius:22px;background:#ffffffb8;border:1px solid rgba(226,232,240,.9);box-shadow:0 12px 28px #0f172a14;padding:14px;display:grid;gap:10px;min-width:0}.qhb-topic__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.qhb-topic__title{font-weight:1100;color:var(--shb-ink)}.qhb-topic__meta{font-weight:850;color:var(--shb-muted);white-space:nowrap}.qhb-topic__bar{height:10px;border-radius:999px;background:#0f172a1a;overflow:hidden}.qhb-topic__fill{height:100%;border-radius:999px}.qhb-topic__hint{color:#059669f2;font-weight:900;font-size:.9rem}.qhb-topic__cta{margin-top:2px}.qhb-linkbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:16px;background:#0f172a0f;border:1px solid rgba(15,23,42,.1);font-weight:1000;text-decoration:none;color:#0f172ae0;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.qhb-linkbtn:hover{transform:translateY(-2px);background:#0f172a14;box-shadow:0 14px 30px #0f172a1f}.qhb-linkbtn:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f159,0 14px 30px #0f172a1f}@media(prefers-reduced-motion:reduce){.qhb-linkbtn{transition:none!important}.qhb-linkbtn:hover{transform:none!important}}.qhb-leader{list-style:none;padding:0;margin:0;display:grid;gap:10px;max-height:420px;overflow:auto}.qhb-leader__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(226,232,240,.9)}.qhb-leader__left{display:inline-flex;gap:10px;align-items:center;min-width:0}.qhb-leader__rank{font-weight:1100;color:#0f172aa6;width:38px}.qhb-leader__name{font-weight:1000;color:#0f172ae0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qhb-leader__score{font-weight:1100;color:#0f172ab8;white-space:nowrap}.qhb-empty{padding:18px;border-radius:18px;background:#0f172a0a;color:var(--shb-muted);font-weight:850;text-align:center}.qhb-badges{display:grid;gap:10px}.qhb-badge{padding:12px 14px;border-radius:18px;background:#ffffffb8;border:1px solid rgba(226,232,240,.9);display:grid;gap:4px}.qhb-badge strong{font-weight:1100;color:#0f172ae0}.qhb-badge span{font-weight:800;color:var(--shb-muted)}.qhb-danger{background:linear-gradient(135deg,#fef2f2e6,#fee2e2e0);border:1px solid rgba(248,113,113,.35);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.qhb-danger__title{font-weight:1100;color:#991b1b;margin-bottom:2px}.qhb-danger__text{color:#7f1d1d;font-weight:800}.qhb-danger__btn{border:0;cursor:pointer;border-radius:18px;padding:12px 14px;font-weight:1100;color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 14px 30px #dc262638}.qhb-modal{max-width:560px;padding:22px}.qhb-modal--danger{background:#fef2f2f0;border:1px solid rgba(220,38,38,.35)}.qhb-modal__title{margin:0 0 10px;font-weight:1100;color:#991b1b}.qhb-modal__text{margin:0;color:#0f172ac7;font-weight:800;line-height:1.55}.qhb-modal__list{margin:12px 0;padding-left:18px;color:#0f172ac7;font-weight:800}.qhb-modal__warn{margin:10px 0 0;font-weight:1100;color:#dc2626}.qhb-modal__actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.qhb-hero-card{position:relative;overflow:hidden;padding:24px}.qhb-hero-card__gradient{position:absolute;inset:0;background:linear-gradient(135deg,#6366f114,#a855f70f,#22c55e0d);z-index:0}.qhb-hero-card__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px}.qhb-hero-card__title{margin:0;font-size:clamp(1.75rem,2.5vw,2.4rem);font-weight:1100;color:var(--shb-ink);letter-spacing:-.02em}.qhb-hero-card__subtitle{margin:0;font-size:1.05rem;font-weight:750;color:#0f172ab8;line-height:1.5}.qhb-hero-card__chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.qhb-chip{padding:8px 14px;border-radius:999px;font-weight:950;font-size:.9rem;border:1px solid;transition:transform .18s ease,box-shadow .18s ease}.qhb-chip--focus{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-color:#fbbf2459;color:#0f172ad9}.qhb-chip--streak{background:linear-gradient(135deg,#f43f5e26,#ec48991a);border-color:#f43f5e59;color:#0f172ad9}.qhb-chip--badge{background:linear-gradient(135deg,#6366f126,#4f46e51a);border-color:#6366f159;color:#0f172ad9}.qhb-chip:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1f}@media(prefers-reduced-motion:reduce){.qhb-chip:hover{transform:none}}.qhb-hero-card__actions{display:flex;gap:12px;margin-top:8px}.qhb-btn--hero{flex:1;min-width:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 20px 24px;position:relative}.qhb-btn--hero span:not(.qhb-btn__emoji){font-weight:700;font-size:1rem;order:1}.qhb-btn__emoji{font-size:1.8rem;line-height:1;display:inline-block;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;order:2}.qhb-btn__emoji--flag{width:4.5rem;height:4.5rem;object-fit:contain;animation-name:qhb-flag-wave}.qhb-btn__emoji--trophy{width:4.5rem;height:4.5rem;object-fit:contain;animation-name:qhb-trophy-bounce}.qhb-btn__emoji--trophy{animation-name:qhb-trophy-bounce}@keyframes qhb-flag-wave{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-8deg) scale(1.1)}50%{transform:rotate(0) scale(1)}75%{transform:rotate(8deg) scale(1.1)}}@keyframes qhb-trophy-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.15)}}.qhb-btn--hero:hover{transform:translateY(-3px);filter:brightness(1.1);box-shadow:0 16px 36px #6366f180}.qhb-btn--hero:hover .qhb-btn__emoji--flag{animation-duration:.8s}.qhb-btn--hero:hover .qhb-btn__emoji--trophy{animation-duration:.6s}@media(prefers-reduced-motion:reduce){.qhb-btn--hero:hover{transform:none}.qhb-btn__emoji{animation:none}}.qhb-snapshot-card{padding:20px}.qhb-snapshot-card__header{margin-bottom:16px}.qhb-snapshot-card__title{margin:0;font-size:1.3rem;font-weight:1100;color:var(--shb-ink);display:flex;align-items:center;gap:8px}.qhb-snapshot-card__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.qhb-stat-tile{padding:14px;border-radius:18px;display:flex;flex-direction:column;gap:6px;border:1px solid;transition:transform .18s ease,box-shadow .18s ease}.qhb-stat-tile--streak{background:linear-gradient(135deg,#f43f5e1f,#ec489914);border-color:#f43f5e40}.qhb-stat-tile--coins{background:linear-gradient(135deg,#fbbf241f,#f59e0b14);border-color:#fbbf2440}.qhb-stat-tile--rank{background:linear-gradient(135deg,#6366f11f,#4f46e514);border-color:#6366f140}.qhb-stat-tile--goal{background:linear-gradient(135deg,#22c55e1f,#10b98114);border-color:#22c55e40}.qhb-stat-tile:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a1f}@media(prefers-reduced-motion:reduce){.qhb-stat-tile:hover{transform:none}}.qhb-stat-tile__label{font-size:.85rem;font-weight:850;color:#0f172ab3}.qhb-stat-tile__value{font-size:1.2rem;font-weight:1100;color:var(--shb-ink)}.qhb-stat-tile__progress{margin-top:8px;height:6px;border-radius:999px;background:#0f172a1a;overflow:hidden}.qhb-stat-tile__progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#34d399,#10b981);transition:width .3s ease}.qhb-snapshot-card__quest{margin-top:12px;padding-top:16px;border-top:1px solid rgba(226,232,240,.8)}.qhb-quest{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#6366f114,#a855f70f);border:1px solid rgba(99,102,241,.2)}.qhb-quest__icon{font-size:1.4rem;flex-shrink:0}.qhb-quest__text{flex:1;font-size:.9rem;line-height:1.5;color:#0f172acc}.qhb-quest__text strong{font-weight:1000;color:var(--shb-ink)}.qhb-notes-grid{display:grid;gap:16px;margin-top:16px}.qhb-notes-scroll{max-height:460px;overflow-y:auto;padding-right:8px;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.3) transparent}.qhb-notes-scroll::-webkit-scrollbar{width:6px}.qhb-notes-scroll::-webkit-scrollbar-track{background:transparent;border-radius:999px}.qhb-notes-scroll::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:999px}.qhb-notes-scroll::-webkit-scrollbar-thumb:hover{background:#64748b80}.qhb-note-card{padding:18px;border-radius:22px;border:1px solid rgba(226,232,240,.9);box-shadow:0 12px 28px #0f172a14;transition:transform .18s ease,box-shadow .18s ease}.qhb-note-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0f172a24}@media(prefers-reduced-motion:reduce){.qhb-note-card:hover{transform:none}}.qhb-note-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.qhb-note-card__topic{display:flex;align-items:center;gap:10px}.qhb-note-card__dot{font-size:1.5rem;line-height:1}.qhb-note-card__topic-title{font-size:1.2rem;font-weight:1100;color:var(--shb-ink)}.qhb-note-card__open-btn{padding:8px 14px;border-radius:999px;background:#0f172a0f;border:1px solid rgba(15,23,42,.12);font-weight:1000;font-size:.9rem;color:#0f172ae0;cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.qhb-note-card__open-btn:hover{transform:translateY(-2px);background:#0f172a1a;box-shadow:0 8px 20px #0f172a1f}@media(prefers-reduced-motion:reduce){.qhb-note-card__open-btn:hover{transform:none}}.qhb-note-card__notes{display:grid;gap:10px}.qhb-note-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:16px;background:#fff9;border:1px solid rgba(226,232,240,.6)}.qhb-note-item__icon-capsule{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(226,232,240,.8)}.qhb-note-item__icon{font-size:1.5rem;line-height:1}.qhb-note-item__content{flex:1;min-width:0}.qhb-note-item__title{font-weight:1000;color:var(--shb-ink);margin-bottom:6px;font-size:.95rem}.qhb-note-item__badges{display:flex;flex-wrap:wrap;gap:6px}.qhb-note-badge{padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:900;border:1px solid}.qhb-note-badge--level{background:#6366f11f;border-color:#6366f140;color:#0f172acc}.qhb-note-badge--topic{border-color:#e2e8f099;color:#0f172abf}.qhb-note-item__more{padding:8px 12px;border-radius:12px;background:#0f172a0a;color:var(--shb-muted);font-weight:850;font-size:.85rem;text-align:center}.qhb-leaderboard-card{padding:20px}.qhb-leader__row--gold{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border-color:#fbbf2459}.qhb-leader__row--silver{background:linear-gradient(135deg,#6366f126,#4f46e51a);border-color:#6366f159}.qhb-leader__row--bronze{background:linear-gradient(135deg,#22c55e26,#10b9811a);border-color:#22c55e59}.qhb-leader__row:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0f172a24;border-color:#6366f166}@media(prefers-reduced-motion:reduce){.qhb-leader__row:hover{transform:none}}.qhb-leader__rank-badge{width:36px;height:36px;border-radius:50%;background:#0f172a14;border:2px solid rgba(15,23,42,.15);display:flex;align-items:center;justify-content:center;font-weight:1100;font-size:.9rem;color:#0f172abf;flex-shrink:0}.qhb-leader__row--gold .qhb-leader__rank-badge{background:linear-gradient(135deg,#fbbf2440,#f59e0b33);border-color:#fbbf2480;color:#0f172ae6}.qhb-leader__row--silver .qhb-leader__rank-badge{background:linear-gradient(135deg,#6366f140,#4f46e533);border-color:#6366f180;color:#0f172ae6}.qhb-leader__row--bronze .qhb-leader__rank-badge{background:linear-gradient(135deg,#22c55e40,#10b98133);border-color:#22c55e80;color:#0f172ae6}.qhb-leader__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:1100;font-size:.85rem;color:#fff;flex-shrink:0}.qhb-leader__coin-pill{padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:1px solid rgba(251,191,36,.3);font-weight:1100;font-size:.9rem;color:#0f172ad9;white-space:nowrap}.qhb-leaderboard-footer{margin-top:14px;padding-top:14px;border-top:1px solid rgba(226,232,240,.8)}.qhb-leaderboard-footer__tip{display:block;font-size:.85rem;font-weight:800;color:var(--shb-muted);text-align:center;line-height:1.5}.qhb-badges-card{padding:20px}.qhb-badge-card{padding:16px;border-radius:20px;border:1px solid;display:flex;align-items:flex-start;gap:14px;transition:transform .18s ease,box-shadow .18s ease}.qhb-badge-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0f172a24}@media(prefers-reduced-motion:reduce){.qhb-badge-card:hover{transform:none}}.qhb-badge-card__icon{font-size:2rem;line-height:1;flex-shrink:0}.qhb-badge-card__content{flex:1;display:flex;flex-direction:column;gap:6px}.qhb-badge-card__title{font-weight:1100;color:var(--shb-ink);font-size:1rem}.qhb-badge-card__detail{font-weight:800;color:#0f172ab3;font-size:.9rem}.qhb-badge-card__date{font-size:.75rem;font-weight:850;color:var(--shb-muted);margin-top:2px}@media(max-width:900px){.qhb-hero-card__chips{flex-direction:column}.qhb-snapshot-card__stats{grid-template-columns:1fr}.qhb-note-card__header{flex-direction:column;align-items:flex-start}.qhb-note-card__open-btn{width:100%;text-align:center}}.td-page{min-height:100vh;background:#f1f5f9;padding:clamp(12px,2vw,24px)}.td-shell{width:100%;max-width:1680px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 4px 24px #0f172a14;overflow:hidden}.td-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:16px;margin:16px}.td-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.td-logo{width:32px;height:32px;border-radius:10px;object-fit:contain;display:block;flex-shrink:0}.td-brand__text{display:grid;line-height:1.1;color:#f8fafc}.td-brand__name{font-weight:800;font-size:1rem;letter-spacing:.2px}.td-brand__sub{font-weight:600;font-size:.78rem;color:#94a3b8f2}.td-nav{display:flex;gap:4px;padding:4px;background:#ffffff14;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.td-nav__btn{border:0;background:transparent;color:#f8fafcbf;font-weight:700;padding:8px 16px;border-radius:999px;cursor:pointer;font-size:.82rem;transition:all .15s ease;white-space:nowrap}.td-nav__btn:hover{color:#f8fafc;background:#ffffff14}.td-nav__btn.is-active{background:#3b82f6e6;color:#fff}.td-right{display:flex;align-items:center;gap:14px}.td-user{display:grid;line-height:1.15;text-align:right;color:#f8fafc}.td-user__name{font-weight:700;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.td-user__sub{font-weight:600;font-size:.78rem;color:#94a3b8e6}.td-logout{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(248,113,113,.35);background:linear-gradient(135deg,#dc2626f2,#b91c1ceb);color:#fffffffa;cursor:pointer;font-weight:900;font-size:1.2rem;line-height:1;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 6px 16px #dc262640}.td-logout:hover{transform:translateY(-2px);box-shadow:0 10px 24px #dc262659}.td-logout:focus-visible{outline:none;box-shadow:0 0 0 3px #f8717166}.td-lang{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.td-lang__btn{border:0;background:transparent;color:#f8fafceb;font-weight:800;padding:6px 10px;border-radius:999px;cursor:pointer;font-size:.78rem;transition:background .15s ease}.td-lang__btn:hover{background:#ffffff14}.td-lang__btn.is-active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.td-content{padding:clamp(16px,3vw,32px);display:flex;flex-direction:column;gap:24px}.td-section-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 12px}.td-section-desc{font-size:.85rem;color:#64748b;margin:0 0 16px}.td-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.td-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.td-kpi__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.td-kpi__value{font-size:2rem;font-weight:800;color:#1e293b;line-height:1.1}.td-kpi__sub{font-size:.8rem;color:#94a3b8;font-weight:600}.td-kpi--green .td-kpi__value{color:#059669}.td-kpi--blue .td-kpi__value{color:#2563eb}.td-kpi--red .td-kpi__value{color:#dc2626}.td-kpi--purple .td-kpi__value{color:#7c3aed}.td-recovery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.td-recovery-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.td-recovery-card--green{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.td-recovery-card--blue{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.td-recovery-card--red{border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.td-recovery-card__label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.td-recovery-card--green .td-recovery-card__label{color:#059669}.td-recovery-card--blue .td-recovery-card__label{color:#2563eb}.td-recovery-card--red .td-recovery-card__label{color:#dc2626}.td-recovery-card__value{font-size:1.5rem;font-weight:800;line-height:1.1}.td-recovery-card--green .td-recovery-card__value{color:#047857}.td-recovery-card--blue .td-recovery-card__value{color:#1d4ed8}.td-recovery-card--red .td-recovery-card__value{color:#b91c1c}.td-recovery-card__sub{font-size:.78rem;font-weight:600}.td-recovery-card--green .td-recovery-card__sub{color:#065f46}.td-recovery-card--blue .td-recovery-card__sub{color:#1e40af}.td-recovery-card--red .td-recovery-card__sub{color:#991b1b}.td-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;overflow:hidden;box-sizing:border-box}.td-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.td-card__title{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0}.td-card__desc{font-size:.85rem;color:#64748b;margin:4px 0 0}.td-card__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.td-form-grid{display:grid;grid-template-columns:1.7fr 1.3fr 1fr auto;gap:16px;align-items:end}.td-field{display:flex;flex-direction:column;gap:6px}.td-field__label{font-size:.8rem;font-weight:700;color:#475569}.td-input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid #cbd5e1;font-size:.88rem;outline:none;transition:border-color .15s,box-shadow .15s;background:#fff;box-sizing:border-box;max-width:100%}.td-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.td-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap;border:1px solid transparent}.td-btn--primary{background:#2563eb;color:#fff;border-color:#2563eb}.td-btn--primary:hover{background:#1d4ed8}.td-btn--primary:disabled{opacity:.6;cursor:not-allowed}.td-btn--success{background:#10b981;color:#fff;border-color:#10b981}.td-btn--success:hover{background:#059669}.td-btn--ghost{background:transparent;color:#475569;border-color:#cbd5e1}.td-btn--ghost:hover{background:#f1f5f9;border-color:#94a3b8}.td-btn--sm{padding:6px 12px;font-size:.8rem}.td-class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.td-class-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.td-class-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0f172a1f;border-color:#3b82f6}.td-class-card__head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.td-class-card__name{font-size:1rem;font-weight:700;color:#1e293b;margin:0}.td-class-card__link{font-size:.72rem;color:#64748b}.td-class-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.td-tag{display:inline-block;padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:700;background:#f1f5f9;color:#475569}.td-class-card__mastery{margin-bottom:12px}.td-class-card__mastery-label{font-size:.85rem;font-weight:700;color:#1e293b}.td-progress{height:6px;background:#e2e8f0;border-radius:999px;margin-top:6px;overflow:hidden}.td-progress__fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:999px;transition:width .3s ease}.td-class-card__stats{border-top:1px solid #e2e8f0;padding-top:10px;display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:#64748b}.td-class-card__stat{display:flex;justify-content:space-between}.td-class-card__stat strong{color:#1e293b}.td-class-card__stat--green strong{color:#059669}.td-class-card__stat--red strong{color:#dc2626}.td-sync-list{display:grid;gap:8px;margin-top:12px}.td-sync-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid #e2e8f0;background:#fff}.td-sync-item__name{font-weight:700;color:#1e293b;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-sync-item__ic{font-size:.8rem;color:#64748b}.td-sync-item__right{display:flex;align-items:center;gap:8px}.td-sync-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.td-sync-badge--synced{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.3)}.td-sync-badge--none{background:#64748b1a;color:#64748b;border:1px solid rgba(100,116,139,.2)}.td-sync-item__time{font-size:.8rem;color:#1e293b;white-space:nowrap}.td-table-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow:auto;max-height:480px;margin-top:12px}.td-table{width:100%;border-collapse:collapse;font-size:.82rem;min-width:860px}.td-table thead{position:sticky;top:0;background:#f8fafc;z-index:1}.td-table th{text-align:left;padding:10px 12px;border-bottom:1px solid #e2e8f0;font-weight:700;color:#475569;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.td-table th.center{text-align:center}.td-table td{padding:9px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b}.td-table td.center{text-align:center}.td-table td.bold{font-weight:800}.td-table__truncate{display:block;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.td-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.td-chart-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.td-chart-card__title{font-size:.95rem;font-weight:700;color:#1e293b;margin:0 0 4px}.td-chart-card__desc{font-size:.78rem;color:#64748b;margin:0 0 12px}.td-alert{padding:10px 14px;border-radius:10px;font-size:.85rem;font-weight:600}.td-alert--error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.td-alert--success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.td-alert--info{background:#f1f5f9;color:#64748b}.td-orientation-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;z-index:1000;box-shadow:0 2px 8px #00000026;font-size:.85rem}.td-orientation-banner__text{display:flex;align-items:center;gap:8px;flex:1}.td-orientation-banner__dismiss{background:#fff3;border:none;color:#fff;padding:4px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;margin-left:12px;transition:background .2s}.td-orientation-banner__dismiss:hover{background:#ffffff4d}@media(max-width:1200px){.td-kpi-grid{grid-template-columns:repeat(2,1fr)}.td-analytics-grid{grid-template-columns:1fr}}@media(max-width:900px){.td-topbar{flex-wrap:wrap;gap:12px;padding:12px 16px}.td-nav{order:3;width:100%;justify-content:center}.td-form-grid,.td-recovery-grid{grid-template-columns:1fr}}@media(max-width:640px){.td-page{padding:10px}.td-shell{border-radius:16px}.td-topbar{margin:10px;border-radius:12px}.td-content{padding:16px;gap:20px}.td-kpi-grid{grid-template-columns:1fr}.td-user{display:none}.td-class-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.td-class-card,.td-chart-card,.td-logout,.td-btn{transition:none!important}.td-class-card:hover,.td-logout:hover{transform:none!important}}.td-notes-content{display:flex;flex-direction:column;gap:20px;width:100%;min-width:0;box-sizing:border-box}.td-notes-toolbar{display:grid;grid-template-columns:minmax(240px,380px) 1fr;gap:12px;align-items:start;width:100%;box-sizing:border-box}.td-notes-search{width:100%;max-width:380px;height:42px;min-width:0;box-sizing:border-box}.td-notes-filters-row{display:grid;grid-template-columns:minmax(160px,200px) minmax(140px,180px);gap:12px;align-items:start;min-width:0}.td-notes-select{width:100%;min-width:0;height:42px;box-sizing:border-box}@media(max-width:1000px){.td-notes-toolbar{display:flex;flex-direction:column;gap:12px;width:100%}.td-notes-search{max-width:none;width:100%}.td-notes-filters-row{width:100%;grid-template-columns:1fr 1fr;gap:12px}}@media(max-width:520px){.td-notes-toolbar{display:flex;flex-direction:column;gap:12px;width:100%}.td-notes-search{width:100%}.td-notes-filters-row{width:100%;grid-template-columns:1fr;gap:12px}.td-notes-select{width:100%}}.td-notes-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto;padding-right:4px}.td-notes-list::-webkit-scrollbar{width:8px}.td-notes-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.td-notes-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.td-notes-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.td-note-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(226,232,240,.9);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.td-note-item:hover{border-color:#3b82f64d;box-shadow:0 2px 8px #0f172a0f}.td-note-item__content{min-width:0;flex:1}.td-note-item__header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.td-note-item__icon{font-size:1.2rem;flex-shrink:0}.td-note-item__title{font-weight:700;color:#1e293b;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-note-item__badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.td-note-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:700}.td-note-badge--general{background:#f1f5f9;color:#64748b}.td-note-badge--published{background:#ecfdf5;color:#059669}.td-note-badge--hidden{background:#fef3c7;color:#b45309}.td-note-item__actions{display:flex;gap:4px;flex-shrink:0}.td-notes-empty{padding:40px 20px;text-align:center;color:#64748b;font-weight:700;font-size:.88rem}.td-notes-form-section{margin-bottom:8px;padding-bottom:20px;border-bottom:1px solid rgba(226,232,240,.9);width:100%;min-width:0;box-sizing:border-box}.td-notes-form-header{margin-bottom:20px}.td-notes-form-header .td-card__title{margin-bottom:4px}.td-notes-form-header .td-card__desc{margin:0}.td-notes-form-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0 0 16px;padding:0}.td-notes-form{display:flex;flex-direction:column;gap:14px;width:100%;min-width:0;box-sizing:border-box}.td-notes-form-row{display:grid;grid-template-columns:1.5fr .8fr;gap:12px;width:100%;min-width:0;box-sizing:border-box}@media(max-width:600px){.td-notes-form-row{grid-template-columns:1fr}}.td-notes-form-row .td-field{min-width:0;width:100%}.td-notes-form .td-field{width:100%;min-width:0;box-sizing:border-box}.td-notes-form .td-input{width:100%;max-width:100%;box-sizing:border-box}.td-notes-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.8rem;font-weight:700;color:#475569}.td-notes-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.td-notes-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:4px;gap:12px}.td-notes-form-actions .td-btn{height:44px;min-width:100px}.td-btn--danger{background:#dc2626;color:#fff;border:1px solid #dc2626}.td-btn--danger:hover{background:#b91c1c;border-color:#b91c1c}:root{--qpb-bg-0: var(--bento-bg-0);--qpb-bg-1: var(--bento-bg-1);--qpb-bg-2: var(--bento-bg-2);--qpb-ink: var(--bento-ink);--qpb-muted: var(--bento-muted);--qpb-border: var(--bento-border);--qpb-surface: var(--bento-surface);--qpb-card: var(--bento-card);--qpb-shadow-lg: var(--bento-shadow-lg);--qpb-shadow-md: var(--bento-shadow-md);--qpb-shadow-sm: var(--bento-shadow-sm);--qpb-radius-xl: var(--bento-radius-xl);--qpb-radius-lg: var(--bento-radius-lg);--qpb-radius-md: var(--bento-radius-md);--qpb-primary: var(--bento-primary);--qpb-success: var(--bento-success);--qpb-warning: var(--bento-warning);--qpb-danger: var(--bento-danger)}.quizPlayPage{min-height:100vh;padding:22px 16px;background:radial-gradient(1200px 700px at 12% 15%,var(--qpb-bg-0),transparent 62%),radial-gradient(1100px 650px at 90% 30%,var(--qpb-bg-2),transparent 62%),radial-gradient(1000px 700px at 55% 92%,var(--qpb-bg-1),transparent 68%),linear-gradient(180deg,#f6f5ff,#f8fafc 48%,#f7f7ff);display:flex;flex-direction:column;align-items:center}.quizShell{width:100%;max-width:100%;background:var(--qpb-surface);border-radius:var(--qpb-radius-xl);box-shadow:var(--qpb-shadow-lg);border:1px solid var(--qpb-border);padding:22px;display:flex;flex-direction:column;gap:24px}.quizTopbar{background:#1f2430;color:#f8fafc;border-radius:28px;padding:16px 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;box-shadow:0 14px 30px #0000002e}.quizTopbar__left{display:inline-flex;align-items:center;gap:10px;min-width:0}.quizTopbar__logo{width:34px;height:34px;border-radius:12px;object-fit:contain;display:block;flex-shrink:0}.quizTopbar__brand{display:grid;line-height:1.05}.quizTopbar__brandName{font-weight:1000;letter-spacing:.2px;font-size:1rem}.quizTopbar__brandSub{font-weight:750;font-size:.85rem;color:#cbd5e1e6}.quizTopbar__nav{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.quizTopbar__navBtn{border:0;background:transparent;color:#f8fafceb;font-weight:900;padding:10px 16px;border-radius:999px;cursor:pointer;transition:background .15s ease}.quizTopbar__navBtn:hover{background:#ffffff14}.quizTopbar__navBtn.is-active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;font-weight:800}.quizTopbar__right{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;flex-wrap:nowrap}.quizTopbar__user{text-align:right;line-height:1.1;min-width:0}.quizTopbar__userName{font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px;font-size:.95rem}.quizTopbar__userSub{font-weight:750;font-size:.85rem;color:#cbd5e1e6}.quizTopbar__lang{display:inline-flex;gap:6px;padding:4px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12)}.quizTopbar__langBtn{border:0;background:transparent;color:#f8fafceb;font-weight:1000;padding:8px 10px;border-radius:999px;cursor:pointer;font-size:.82rem;transition:background .15s ease}.quizTopbar__langBtn:hover{background:#ffffff14}.quizTopbar__langBtn.is-active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a}.quizTopbar__logout{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(248,113,113,.35);background:linear-gradient(135deg,#dc2626f2,#b91c1ceb);color:#fffffffa;cursor:pointer;font-weight:900;font-size:1.5rem;line-height:1;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;box-shadow:0 10px 22px #dc262638}.quizTopbar__logout:hover{transform:translateY(-2px);box-shadow:0 14px 30px #dc26264d;filter:brightness(1.05)}.quizTopbar__logout:focus-visible{outline:none;box-shadow:0 0 0 3px #f8717159,0 14px 30px #dc26264d}.quizGrid{display:grid;grid-template-columns:8fr 4fr;gap:24px;align-items:start}.quizMainCard{background:var(--qpb-card);border-radius:var(--qpb-radius-lg);border:1px solid rgba(226,232,240,.8);box-shadow:var(--qpb-shadow-sm);padding:28px;display:flex;flex-direction:column;gap:20px}.quizMainCard__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.quizMainCard__title{font-size:1.1rem;font-weight:700;color:var(--qpb-ink);margin:0;display:flex;align-items:center;gap:8px}.quizMainCard__badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:700;background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.quizMainCard__question{font-size:1.25rem;font-weight:600;color:var(--qpb-ink);line-height:1.6;margin:0}.quizMainCard__image{max-width:100%;border-radius:var(--qpb-radius-md);margin:16px 0}.quizMainCard__options{display:flex;flex-direction:column;gap:12px}.quizMainCard__option{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--qpb-radius-md);border:2px solid rgba(226,232,240,.8);background:var(--qpb-card);cursor:pointer;transition:all .2s ease;text-align:left;font-size:1rem;color:var(--qpb-ink);font-weight:500}.quizMainCard__option:hover:not(:disabled){border-color:var(--qpb-primary);background:#3b82f60d;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.quizMainCard__option.selected{border-color:var(--qpb-primary);background:#3b82f61a;box-shadow:0 4px 12px #3b82f633}.quizMainCard__option.correct{border-color:var(--qpb-success);background:#10b9811a}.quizMainCard__option.incorrect{border-color:var(--qpb-danger);background:#ef44441a}.quizMainCard__option:disabled{cursor:not-allowed;opacity:.7}.quizMainCard__optionLetter{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#3b82f61a;color:var(--qpb-primary);font-weight:700;font-size:.95rem;flex-shrink:0}.quizMainCard__option.selected .quizMainCard__optionLetter{background:var(--qpb-primary);color:#fff}.quizMainCard__optionText{flex:1}.quizMainCard__feedback{padding:16px 20px;border-radius:var(--qpb-radius-md);margin-top:8px}.quizMainCard__feedback.correct{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#059669}.quizMainCard__feedback.wrong{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.quizMainCard__feedback.timeout{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#d97706}.quizMainCard__feedback.info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#2563eb}.quizMainCard__feedbackMessage{font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}.quizMainCard__feedbackExplanation{font-size:.9rem;opacity:.9}.quizMainCard__actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}.quizMainCard__actionsLeft,.quizMainCard__actionsRight{display:flex;gap:12px}.quizMainCard__btn{padding:12px 24px;border-radius:var(--qpb-radius-md);border:0;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.quizMainCard__btnPrimary{background:var(--qpb-primary);color:#fff;box-shadow:0 4px 12px #3b82f64d}.quizMainCard__btnPrimary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.quizMainCard__btnPrimary:disabled{opacity:.5;cursor:not-allowed}.quizMainCard__btnGhost{background:transparent;color:var(--qpb-ink);border:1px solid rgba(226,232,240,.8)}.quizMainCard__btnGhost:hover:not(:disabled){background:#e2e8f04d}.quizMainCard__btnIcon{background:transparent;color:var(--qpb-muted);border:1px solid rgba(226,232,240,.8);padding:10px 16px}.quizMainCard__btnIcon:hover{background:#e2e8f04d;color:var(--qpb-ink)}.quizSidePanel{display:flex;flex-direction:column;gap:16px}.quizSideCard{background:var(--qpb-card);border-radius:var(--qpb-radius-lg);border:1px solid rgba(226,232,240,.8);box-shadow:var(--qpb-shadow-sm);padding:20px;display:flex;flex-direction:column;gap:12px}.quizSideCard__title{font-size:.9rem;font-weight:700;color:var(--qpb-muted);text-transform:uppercase;letter-spacing:.5px;margin:0}.quizSideCard__value{font-size:1.5rem;font-weight:800;color:var(--qpb-ink);margin:0}.quizSideCard__progress{width:100%;height:8px;border-radius:999px;background:#e2e8f080;overflow:hidden;margin-top:8px}.quizSideCard__progressFill{height:100%;background:linear-gradient(90deg,var(--qpb-primary),#2563eb);border-radius:999px;transition:width .3s ease}.quizSideCard__row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(226,232,240,.5)}.quizSideCard__row:last-child{border-bottom:0}.quizSideCard__label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--qpb-muted);font-weight:600}.quizSideCard__labelValue{font-size:1.1rem;font-weight:800;color:var(--qpb-ink)}.quizSideCard__history{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.quizSideCard__historyMark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#e2e8f080;font-weight:700;font-size:.9rem}.quizLoading{background:var(--qpb-card);border-radius:var(--qpb-radius-lg);padding:40px;text-align:center;color:var(--qpb-muted)}.quizSummaryBackdrop{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.quizSummaryCard{background:var(--qpb-card);border-radius:var(--qpb-radius-xl);box-shadow:var(--qpb-shadow-lg);padding:32px;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.summary-celebration,.summary-encouragement{text-align:center;padding:24px;border-radius:var(--qpb-radius-lg);margin-bottom:16px}.summary-celebration{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.summary-encouragement{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.summary-score-display{text-align:center;margin:24px 0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:24px 0}.summary-stat-card{background:var(--qpb-card);border:1px solid rgba(226,232,240,.8);border-radius:var(--qpb-radius-md);padding:16px;text-align:center}.summary-evaluation{padding:20px;border-radius:var(--qpb-radius-lg);margin:16px 0;display:flex;gap:16px;align-items:flex-start}.evaluation-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.evaluation-retry{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.evaluation-graduated{background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.review-section{margin-top:24px;padding-top:24px;border-top:1px solid rgba(226,232,240,.8)}.review-item{padding:16px;border-radius:var(--qpb-radius-md);margin-bottom:12px;border:1px solid rgba(226,232,240,.8)}.review-item.correct{background:#10b9810d;border-color:#10b9814d}.review-item.wrong{background:#ef44440d;border-color:#ef44444d}@media(max-width:1050px){.quizGrid{grid-template-columns:1fr}.quizSidePanel{order:-1}}@media(max-width:768px){.quizTopbar{grid-template-columns:1fr;gap:10px}.quizTopbar__right{justify-content:space-between;flex-wrap:wrap}.quizTopbar__user{text-align:left}.quizShell{padding:16px;gap:16px}.quizMainCard{padding:20px}.quizMainCard__actions{flex-direction:column}.quizMainCard__actionsLeft,.quizMainCard__actionsRight{width:100%}.quizMainCard__btn{width:100%;justify-content:center}}@keyframes lb-fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lb-blobDrift1{0%,to{transform:translate(0)}50%{transform:translate(15px,10px)}}@keyframes lb-blobDrift2{0%,to{transform:translate(0)}50%{transform:translate(-12px,-8px)}}.lb-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--bento-gap-lg);background:none;position:relative}.lb-video-bg{position:fixed;inset:0;width:100vw;height:100vh;object-fit:cover;z-index:0;pointer-events:none;opacity:.9;filter:saturate(1.02)}.lb-video-overlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;pointer-events:none;background:radial-gradient(1200px 700px at 12% 15%,rgba(231,229,255,.25),transparent 62%),radial-gradient(1100px 650px at 90% 30%,rgba(234,246,255,.2),transparent 62%),radial-gradient(1000px 700px at 55% 92%,rgba(245,247,255,.2),transparent 68%),linear-gradient(180deg,#f6f5ff26,#f8fafc1a 48%,#f7f7ff26)}.lb-page--no-video{background:radial-gradient(1200px 700px at 12% 15%,var(--bento-bg-0),transparent 62%),radial-gradient(1100px 650px at 90% 30%,var(--bento-bg-2),transparent 62%),radial-gradient(1000px 700px at 55% 92%,var(--bento-bg-1),transparent 68%),linear-gradient(180deg,#f6f5ff,#f8fafc 48%,#f7f7ff)}@media(prefers-reduced-motion:reduce){.lb-video-bg{display:none}}.lb-page:before,.lb-page:after{content:"";position:fixed;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none;z-index:2}.lb-page:before{width:500px;height:500px;background:radial-gradient(circle,rgba(167,139,250,.4),transparent 70%);top:-150px;left:-100px;animation:lb-blobDrift1 14s ease-in-out infinite}.lb-page:after{width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.35),transparent 70%);bottom:-100px;right:-80px;animation:lb-blobDrift2 12s ease-in-out infinite}.lb-shell{width:100%;max-width:980px;background:var(--bento-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:var(--bento-shadow-lg);padding:var(--bento-gap-xl);position:relative;z-index:3;animation:lb-fadeSlideIn .32s ease-out both}.lb-bento{display:grid;grid-template-columns:1fr 1fr;gap:var(--bento-gap-xl);align-items:stretch}@media(max-width:800px){.lb-bento{grid-template-columns:1fr;gap:var(--bento-gap-lg)}}.lb-brand{display:flex;flex-direction:column;justify-content:center;gap:var(--bento-gap-md)}.lb-logo{max-width:200px;height:auto;align-self:center}.lb-heading{margin:0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:900;letter-spacing:-.02em;color:var(--bento-ink);line-height:1.15}.lb-heading .accent{color:var(--bento-primary-dark)}.lb-subtext{margin:0;font-size:1rem;font-weight:600;color:var(--bento-muted);line-height:1.5}.lb-pills{display:flex;flex-wrap:wrap;gap:var(--bento-gap-xs);margin-top:4px}.lb-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:700;background:#6366f11a;color:#4f46e5;border:1px solid rgba(99,102,241,.18)}.lb-pill--amber{background:#f59e0b1f;color:#b45309;border-color:#f59e0b38}.lb-illustration{margin-top:var(--bento-gap-md);height:140px;border-radius:var(--bento-radius-md);background:radial-gradient(180px 140px at 20% 30%,rgba(245,158,11,.35),transparent 60%),radial-gradient(220px 180px at 80% 70%,rgba(99,102,241,.3),transparent 60%),linear-gradient(135deg,#fff9,#f8fafc4d);border:1px solid rgba(226,232,240,.7);box-shadow:inset 0 1px #ffffff80;position:relative;overflow:hidden}.lb-illustration:before,.lb-illustration:after{content:"";position:absolute;border-radius:var(--bento-radius-md);background:#ffffffb3;box-shadow:var(--bento-shadow-sm)}.lb-illustration:before{width:70px;height:70px;top:18px;right:24px;transform:rotate(10deg)}.lb-illustration:after{width:55px;height:55px;bottom:18px;left:24px;transform:rotate(-8deg);opacity:.7}@media(max-width:800px){.lb-illustration{display:none}}.lb-features{display:flex;flex-wrap:wrap;gap:var(--bento-gap-sm);margin-top:var(--bento-gap-sm)}.lb-feature{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:.82rem;font-weight:700;color:var(--bento-ink);background:#ffffffb3;border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 8px #0f172a0f}.lb-feature__icon{font-size:.95em;line-height:1}@media(max-width:800px){.lb-features{display:none}}.lb-forms{display:flex;flex-direction:column;gap:var(--bento-gap-md)}.lb-card{background:var(--bento-card);border:1px solid rgba(226,232,240,.8);border-radius:var(--bento-radius-lg);box-shadow:var(--bento-shadow-sm);padding:var(--bento-gap-lg);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.lb-card:hover{transform:translateY(-2px);box-shadow:var(--bento-shadow-md);border-color:#e2e8f0}.lb-card__header{display:flex;align-items:center;gap:var(--bento-gap-sm);margin-bottom:var(--bento-gap-md)}.lb-card__icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:1.1rem}.lb-card__icon--teacher{background:linear-gradient(135deg,#3b82f626,#6366f11f);border:1px solid rgba(59,130,246,.2)}.lb-card__icon--student{background:linear-gradient(135deg,#10b98126,#22c55e1f);border:1px solid rgba(16,185,129,.2)}.lb-card__icon img{width:20px;height:20px;object-fit:contain}.lb-card__title{margin:0;font-size:1rem;font-weight:800;color:var(--bento-ink)}.lb-card__subtitle{margin:2px 0 0;font-size:.78rem;font-weight:600;color:var(--bento-muted)}.lb-form{display:flex;flex-direction:column;gap:var(--bento-gap-sm)}.lb-input{width:100%;padding:14px 16px;border-radius:var(--bento-radius-sm);border:2px solid rgba(226,232,240,.9);font-size:.95rem;font-weight:600;color:var(--bento-ink);background:#f8fafccc;outline:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;box-sizing:border-box}.lb-input::placeholder{color:#94a3b8;font-weight:500}.lb-input:focus{border-color:var(--bento-primary);background:#fff;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f614}.lb-btn{width:100%;padding:14px 20px;border:none;border-radius:var(--bento-radius-sm);font-size:.95rem;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.lb-btn--primary{background:linear-gradient(135deg,var(--bento-primary) 0%,var(--bento-primary-dark) 100%);color:#fff;box-shadow:0 8px 20px #2563eb40}.lb-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #2563eb4d;filter:brightness(1.04)}.lb-btn--primary:active:not(:disabled){transform:translateY(0) scale(.99);box-shadow:0 6px 16px #2563eb38;filter:brightness(.98)}.lb-btn--primary:disabled{opacity:.65;cursor:not-allowed}.lb-btn--green{background:linear-gradient(135deg,var(--bento-success) 0%,var(--bento-success-dark) 100%);color:#fff;box-shadow:0 8px 20px #10b98140}.lb-btn--green:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px #10b9814d;filter:brightness(1.04)}.lb-btn--green:active:not(:disabled){transform:translateY(0) scale(.99);box-shadow:0 6px 16px #10b98138;filter:brightness(.98)}.lb-btn--green:disabled{opacity:.65;cursor:not-allowed}.lb-btn:focus-visible{outline:3px solid rgba(59,130,246,.55);outline-offset:2px}.lb-helper{margin:4px 0 0;font-size:.78rem;font-weight:600;color:var(--bento-muted);text-align:center}.lb-divider{display:flex;align-items:center;gap:var(--bento-gap-sm);margin:4px 0}.lb-divider__line{flex:1;height:1px;background:#e2e8f0e6}.lb-divider__text{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.lb-alert{display:flex;align-items:flex-start;gap:var(--bento-gap-sm);padding:var(--bento-gap-sm) 14px;border-radius:var(--bento-radius-sm);font-size:.85rem;font-weight:600;line-height:1.4}.lb-alert--error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#dc2626}.lb-alert--success{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#059669}.lb-alert__icon{flex-shrink:0;font-size:1rem}@media(prefers-reduced-motion:reduce){.lb-video-bg{display:none!important}.lb-video-overlay{background:radial-gradient(1200px 700px at 12% 15%,var(--bento-bg-0),transparent 62%),radial-gradient(1100px 650px at 90% 30%,var(--bento-bg-2),transparent 62%),radial-gradient(1000px 700px at 55% 92%,var(--bento-bg-1),transparent 68%),linear-gradient(180deg,#f6f5ff,#f8fafc 48%,#f7f7ff)}.lb-shell{animation:none!important}.lb-page:before,.lb-page:after{animation:none!important}.lb-btn,.lb-input,.lb-card{transition:none!important}.lb-btn:hover,.lb-btn:active,.lb-card:hover{transform:none!important}}@media(max-width:640px){.lb-page{padding:var(--bento-gap-md)}.lb-shell{padding:var(--bento-gap-lg);border-radius:var(--bento-radius-md)}.lb-card{padding:var(--bento-gap-md)}}@keyframes lp-fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes lp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lp-page{min-height:100vh;background:none;overflow-x:hidden;position:relative}.lp-video-bg{position:fixed;inset:0;width:100vw;height:100vh;object-fit:cover;z-index:0;pointer-events:none;opacity:.9;filter:saturate(1.02)}.lp-video-overlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:1;pointer-events:none;background:radial-gradient(1200px 700px at 12% 15%,rgba(231,229,255,.25),transparent 62%),radial-gradient(1100px 650px at 90% 30%,rgba(234,246,255,.2),transparent 62%),radial-gradient(1000px 700px at 55% 92%,rgba(245,247,255,.2),transparent 68%),linear-gradient(180deg,#f6f5ff26,#f8fafc1a 48%,#f7f7ff26)}.lp-page--no-video{background:radial-gradient(1200px 700px at 12% 15%,#e7e5ff,transparent 62%),radial-gradient(1100px 650px at 90% 30%,#eaf6ff,transparent 62%),radial-gradient(1000px 700px at 55% 92%,#f5f7ff,transparent 68%),linear-gradient(180deg,#f6f5ff,#f8fafc 48%,#f7f7ff)}.lp-header{padding:20px 24px;animation:lp-fadeIn .4s ease-out;position:fixed;top:0;left:0;right:0;z-index:100;background:none;border:none;outline:none;box-shadow:none;transition:transform .3s ease,opacity .3s ease}@media(max-width:768px){.lp-header--hidden{transform:translateY(-100%);opacity:0;pointer-events:none}}.lp-header__inner{max-width:1200px;margin:0 auto;background:#1f2430;border-radius:28px;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 14px 30px #0000002e;position:relative}.lp-brand{display:flex;align-items:center;gap:10px}.lp-brand__logo{width:36px;height:36px;border-radius:10px;object-fit:contain}.lp-brand__name{color:#f8fafc;font-weight:900;font-size:1.15rem;letter-spacing:.3px}.lp-nav{display:flex;gap:4px}.lp-nav__link{color:#f8fafcd9;font-weight:700;padding:10px 18px;border-radius:999px;text-decoration:none;transition:background .2s ease,color .2s ease;cursor:pointer}.lp-nav__link:hover{background:#ffffff1f;color:#f8fafc}.lp-nav__link.is-active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;font-weight:800}.lp-btn--header{background:#ffffff26;color:#f8fafc;border:1px solid rgba(255,255,255,.2);padding:10px 20px;border-radius:999px;font-weight:800;cursor:pointer;transition:background .2s ease,transform .18s ease}.lp-btn--header:hover{background:#ffffff40;transform:translateY(-1px)}.lp-hero{padding:120px 24px 80px;animation:lp-fadeSlideUp .5s ease-out .1s both;position:relative;z-index:2}.lp-hero__content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.lp-hero__text{display:flex;flex-direction:column;gap:20px}.lp-hero__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#6366f12e;border:1px solid rgba(99,102,241,.3);border-radius:999px;font-size:.88rem;font-weight:700;color:#3730a3;width:fit-content;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lp-hero__badge-icon{font-size:1rem}.lp-hero__title{margin:0;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:900;letter-spacing:-.03em;color:#0f172a;line-height:1.15;text-shadow:0 2px 10px rgba(255,255,255,.5)}.lp-hero__accent{color:#1d4ed8;position:relative}.lp-hero__subtitle{margin:0;font-size:1.1rem;font-weight:700;color:#1e293b;line-height:1.7;max-width:520px;text-shadow:0 1px 8px rgba(255,255,255,.6)}.lp-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.lp-hero__pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.lp-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:.85rem;font-weight:800;background:#6366f133;color:#3730a3;border:1px solid rgba(99,102,241,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lp-pill--amber{background:#f59e0b40;color:#92400e;border-color:#f59e0b59}.lp-pill--green{background:#10b98133;color:#065f46;border-color:#10b9814d}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:999px;font-size:1rem;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.lp-btn--primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a;box-shadow:0 14px 28px #f59e0b47}.lp-btn--primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px #f59e0b59;filter:brightness(1.04)}.lp-btn--primary:active{transform:translateY(0) scale(.98)}.lp-btn--ghost{background:#ffffffd9;color:#0f172a;border:2px solid rgba(226,232,240,.9);box-shadow:0 8px 20px #0f172a14}.lp-btn--ghost:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a1f;background:#fff}.lp-btn--large{padding:18px 32px;font-size:1.1rem}.lp-hero__preview{animation:lp-fadeSlideUp .6s ease-out .25s both}.lp-preview-card{background:#fffffffa;border-radius:24px;padding:20px;box-shadow:0 30px 60px #0f172a2e;border:1px solid rgba(226,232,240,.9);display:flex;flex-direction:column;gap:16px;animation:lp-float 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lp-preview-card__header{display:flex;align-items:center;gap:12px}.lp-preview-card__avatar{width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#fb7185);border:2px solid rgba(255,255,255,.5)}.lp-preview-card__name{font-weight:900;color:#0f172a}.lp-preview-card__class{font-size:.85rem;font-weight:600;color:#64748b}.lp-preview-card__coins{margin-left:auto;display:flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:999px;font-weight:800;color:#92400e;font-size:.9rem}.lp-preview-mission{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:16px;border:1px solid rgba(59,130,246,.2)}.lp-preview-mission__icon{font-size:1.5rem}.lp-preview-mission__content{flex:1}.lp-preview-mission__title{font-weight:800;color:#1e40af;font-size:.85rem}.lp-preview-mission__desc{font-weight:600;color:#3b82f6;font-size:.9rem}.lp-preview-mission__status{padding:6px 12px;background:#3b82f6;color:#fff;border-radius:999px;font-weight:800;font-size:.85rem}.lp-preview-topics{display:flex;flex-direction:column;gap:10px}.lp-preview-topics__title{font-weight:800;color:#0f172a;font-size:.9rem}.lp-preview-topic{display:grid;grid-template-columns:80px 1fr 40px;gap:10px;align-items:center}.lp-preview-topic__name{font-weight:700;color:#475569;font-size:.85rem}.lp-preview-topic__bar{height:8px;background:#94a3b840;border-radius:999px;overflow:hidden}.lp-preview-topic__fill{height:100%;border-radius:999px;transition:width .4s ease}.lp-preview-topic__pct{font-weight:800;color:#64748b;font-size:.85rem;text-align:right}.lp-preview-leaderboard{display:flex;flex-direction:column;gap:8px}.lp-preview-leaderboard__title{font-weight:800;color:#0f172a;font-size:.9rem}.lp-preview-leaderboard__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#f8fafce6;border:1px solid rgba(226,232,240,.9)}.lp-preview-leaderboard__item--gold{background:linear-gradient(135deg,#fef9c3,#fef3c7);border-color:#eab3084d}.lp-preview-leaderboard__rank{font-size:1.1rem}.lp-preview-leaderboard__name{flex:1;font-weight:700;color:#0f172a;font-size:.9rem}.lp-preview-leaderboard__score{font-weight:800;color:#2563eb;font-size:.9rem}.lp-preview-badges{display:flex;gap:10px;justify-content:center;padding-top:8px;border-top:1px solid rgba(226,232,240,.9)}.lp-preview-badge{width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;font-size:1.3rem;border:2px solid rgba(234,179,8,.3);transition:transform .2s ease}.lp-preview-badge:hover{transform:scale(1.1)}.lp-preview-badge--locked{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b84d;opacity:.6}.lp-section{padding:80px 24px;position:relative;z-index:2;min-height:80vh;display:flex;flex-direction:column;justify-content:center}.lp-section--alt{background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:40px;margin:100px 24px}.lp-section__inner{max-width:1280px;margin:0 auto}.lp-section__header{text-align:center;margin-bottom:48px}.lp-section__icon{display:inline-block;font-size:2.5rem;margin-bottom:12px}.lp-section__title{margin:0 0 12px;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:900;color:#0f172a;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(255,255,255,.5)}.lp-section__subtitle{font-size:1.1rem;font-weight:700;color:#334155;max-width:560px;margin:0 auto;line-height:1.6;text-shadow:0 1px 8px rgba(255,255,255,.5)}.lp-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1100px){.lp-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.lp-cards-grid{grid-template-columns:1fr}}.lp-feature-card{background:#fffffffa;border-radius:20px;padding:24px;border:1px solid rgba(226,232,240,.95);box-shadow:0 12px 28px #0f172a1a;transition:transform .2s ease,box-shadow .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lp-feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0f172a1f}.lp-feature-card__icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:16px}.lp-feature-card__icon--blue{background:linear-gradient(135deg,#3b82f626,#6366f11f);border:1px solid rgba(59,130,246,.2)}.lp-feature-card__icon--amber{background:linear-gradient(135deg,#f59e0b26,#fbbf241f);border:1px solid rgba(245,158,11,.2)}.lp-feature-card__icon--green{background:linear-gradient(135deg,#10b98126,#22c55e1f);border:1px solid rgba(16,185,129,.2)}.lp-feature-card__icon--purple{background:linear-gradient(135deg,#8b5cf626,#a78bfa1f);border:1px solid rgba(139,92,246,.2)}.lp-feature-card__title{margin:0 0 10px;font-size:1.15rem;font-weight:900;color:#0f172a}.lp-feature-card__desc{margin:0;font-size:.95rem;font-weight:600;color:#475569;line-height:1.6}.lp-steps{display:flex;align-items:flex-start;justify-content:center;gap:16px;flex-wrap:wrap}.lp-step{flex:1;min-width:220px;max-width:300px;text-align:center;background:#fffffffa;border-radius:24px;padding:32px 24px;border:1px solid rgba(226,232,240,.95);box-shadow:0 12px 28px #0f172a1a;position:relative;transition:transform .2s ease,box-shadow .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lp-step:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0f172a1f}.lp-step__number{position:absolute;top:-16px;left:50%;transform:translate(-50%);width:36px;height:36px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.1rem;color:#0f172a;box-shadow:0 8px 20px #f59e0b4d}.lp-step__icon{font-size:2.5rem;margin-bottom:16px}.lp-step__title{margin:0 0 10px;font-size:1.3rem;font-weight:900;color:#0f172a}.lp-step__desc{margin:0;font-size:.95rem;font-weight:600;color:#475569;line-height:1.6}.lp-step__connector{width:60px;height:4px;background:linear-gradient(90deg,#fbbf24,#3b82f6);border-radius:999px;margin-top:60px}.lp-final-cta{text-align:center;margin-top:48px}.lp-footer{background:#1f2430;padding:48px 24px;position:relative;z-index:2}.lp-footer__inner{max-width:800px;margin:0 auto;text-align:center}.lp-footer__brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px}.lp-footer__logo{width:36px;height:36px;border-radius:10px}.lp-footer__name{color:#f8fafc;font-weight:900;font-size:1.3rem}.lp-footer__desc{margin:0 0 24px;font-size:.95rem;font-weight:600;color:#cbd5e1e6;line-height:1.6}.lp-footer__credits{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;font-size:.95rem;color:#cbd5e1e6}.lp-footer__credits span{font-weight:500}.lp-footer__credits strong{font-weight:800;color:#f8fafc}.lp-footer__alias{padding:4px 10px;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:999px;font-size:.85rem;font-weight:700!important;color:#fbbf24!important}.lp-footer__copy{font-size:.85rem;font-weight:600;color:#94a3b899}@media(max-width:960px){.lp-hero__content{grid-template-columns:1fr;gap:40px}.lp-hero__text{text-align:center;align-items:center}.lp-hero__subtitle{max-width:100%}.lp-hero__preview{max-width:420px;margin:0 auto}.lp-preview-card{animation:none}}@media(max-width:768px){.lp-header{padding:12px 16px}.lp-header__inner{flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:14px 16px;border-radius:20px}.lp-brand{justify-content:center}.lp-brand__logo{width:28px;height:28px}.lp-brand__name{font-size:1rem}.lp-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;background:#ffffff14;padding:8px;border-radius:14px}.lp-nav__link{padding:10px 12px;font-size:.85rem;border-radius:10px;text-align:center;justify-content:center}.lp-btn--header{width:100%;text-align:center;padding:12px 20px;font-size:.9rem;border-radius:12px}.lp-hero{padding:220px 16px 60px}.lp-section{padding:60px 16px}.lp-step__connector{display:none}.lp-steps{flex-direction:column;align-items:center}.lp-step{max-width:100%;width:100%}}@media(max-width:480px){.lp-hero__title{font-size:1.8rem}.lp-hero__actions{flex-direction:column;width:100%}.lp-btn{width:100%}.lp-hero__pills{justify-content:center}.lp-preview-topic{grid-template-columns:70px 1fr 36px}}@media(prefers-reduced-motion:reduce){.lp-page--reduced-motion .lp-header,.lp-page--reduced-motion .lp-hero,.lp-page--reduced-motion .lp-hero__preview,.lp-page--reduced-motion .lp-preview-card{animation:none!important}.lp-page--reduced-motion .lp-btn,.lp-page--reduced-motion .lp-feature-card,.lp-page--reduced-motion .lp-step,.lp-page--reduced-motion .lp-preview-badge,.lp-page--reduced-motion .lp-nav__link,.lp-page--reduced-motion .lp-btn--header{transition:none!important}.lp-page--reduced-motion .lp-btn:hover,.lp-page--reduced-motion .lp-feature-card:hover,.lp-page--reduced-motion .lp-step:hover,.lp-page--reduced-motion .lp-preview-badge:hover,.lp-page--reduced-motion .lp-btn--header:hover{transform:none!important}}@media(prefers-reduced-motion:reduce){.lp-video-bg{display:none!important}.lp-video-overlay{background:radial-gradient(1200px 700px at 12% 15%,#e7e5ff,transparent 62%),radial-gradient(1100px 650px at 90% 30%,#eaf6ff,transparent 62%),radial-gradient(1000px 700px at 55% 92%,#f5f7ff,transparent 68%),linear-gradient(180deg,#f6f5ff,#f8fafc 48%,#f7f7ff)}.lp-header,.lp-hero,.lp-hero__preview,.lp-preview-card{animation:none!important}.lp-btn,.lp-feature-card,.lp-step,.lp-preview-badge,.lp-nav__link,.lp-btn--header,.lp-preview-topic__fill{transition:none!important}.lp-btn:hover,.lp-feature-card:hover,.lp-step:hover,.lp-preview-badge:hover,.lp-btn--header:hover{transform:none!important}}@keyframes lp-progress-ring{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.lp-progress-dots{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 10px;background:#1f2430d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.1)}.lp-progress-dot{position:relative;width:14px;height:14px;padding:0;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.lp-progress-dot__fill{width:10px;height:10px;border-radius:999px;background:#ffffff4d;transition:background .2s ease,transform .2s ease}.lp-progress-dot:hover .lp-progress-dot__fill{background:#ffffff80;transform:scale(1.2)}.lp-progress-dot.is-active .lp-progress-dot__fill{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 10px #fbbf2480}.lp-progress-dot__ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;transform-origin:center}.lp-progress-dot__ring-bg{fill:none;stroke:#ffffff26;stroke-width:2}.lp-progress-dot__ring-progress{fill:none;stroke:#fbbf24;stroke-width:2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:center}.lp-progress-control{width:28px;height:28px;padding:0;border:none;background:#ffffff1a;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;color:#ffffffb3;transition:background .2s ease,color .2s ease;margin-top:4px}.lp-progress-control:hover{background:#fff3;color:#fff}.lp-progress-control.is-paused{color:#fbbf24}@media(max-width:768px){.lp-progress-dots{display:none}}.rc-chat-launcher{position:fixed;bottom:16px;right:16px;z-index:1000;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#ee4d2d,#ff6b4a);color:#fff;border:none;border-radius:999px;box-shadow:0 4px 12px #ee4d2d66;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease}.rc-chat-launcher:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ee4d2d80}.rc-chat-launcher:active{transform:translateY(0)}.rc-chat-launcher-icon{display:flex;align-items:center;justify-content:center}.rc-chat-launcher-text{font-weight:600}.rc-chat-launcher-badge{position:absolute;top:-4px;right:-4px;background:#f44;color:#fff;border-radius:999px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;padding:0 6px;border:2px solid white}.rc-chat-backdrop{position:fixed;inset:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rc-chat-drawer{position:fixed;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;z-index:1000;overflow:hidden;animation:rc-chat-drawer-fade-in .2s ease-out}@keyframes rc-chat-drawer-fade-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes rc-chat-drawer-fade-in-mobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rc-chat-drawer-desktop{width:900px;max-width:92vw;height:600px;max-height:85vh;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:16px;box-shadow:0 8px 32px #0003}.rc-chat-drawer-mobile{width:100%;height:100vh;max-height:100vh;inset:0;transform:none;border-radius:0;box-shadow:none}.rc-chat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.rc-chat-header-content{display:flex;align-items:center;gap:.75rem;flex:1}.rc-chat-back-button{background:none;border:none;padding:.5rem;cursor:pointer;color:#4b5563;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.rc-chat-back-button:hover{background:#f3f4f6}.rc-chat-header-title{margin:0;font-size:1.25rem;font-weight:700;color:#1f2937}.rc-chat-close-button{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.rc-chat-close-button:hover{background:#f3f4f6;color:#1f2937}.rc-chat-content{flex:1;display:flex;overflow:hidden;min-height:0}.rc-chat-list-container{width:40%;min-width:200px;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.rc-chat-thread-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.rc-chat-list{display:flex;flex-direction:column;height:100%;overflow:hidden}.rc-chat-list-header{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.rc-chat-new-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#ee4d2d;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s}.rc-chat-new-button:hover:not(:disabled){background:#d63a1f}.rc-chat-new-button:disabled{opacity:.6;cursor:not-allowed}.rc-chat-conversations{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.rc-chat-conversation-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .2s;position:relative}.rc-chat-conversation-item:hover{background:#f9fafb}.rc-chat-conversation-item-active{background:#fef2f2;border-left:3px solid #ee4d2d}.rc-chat-conversation-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ee4d2d,#ff6b4a);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.rc-chat-conversation-content{flex:1;min-width:0}.rc-chat-conversation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.rc-chat-conversation-name{font-weight:600;font-size:.95rem;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-chat-conversation-time{font-size:.75rem;color:#9ca3af;flex-shrink:0;margin-left:.5rem}.rc-chat-conversation-preview{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.85rem;color:#6b7280;min-width:0}.rc-chat-conversation-last-message{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-chat-conversation-meta{font-size:.75rem;color:#9ca3af;flex-shrink:0;white-space:nowrap;text-align:right}.rc-chat-conversation-unread{background:#ee4d2d;color:#fff;border-radius:999px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;padding:0 6px;flex-shrink:0}.rc-chat-thread{display:flex;flex-direction:column;height:100%;overflow:hidden;min-height:0}.rc-chat-thread-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid #e5e7eb;flex-shrink:0;background:#fff;width:100%;box-sizing:border-box}.rc-chat-thread-title{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;overflow:hidden}.rc-chat-thread-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ee4d2d,#ff6b4a);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.rc-chat-thread-title h3{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.rc-chat-thread-subtitle{margin:.25rem 0 0;font-size:.8rem;color:#6b7280}.rc-chat-messages-container{flex:1;overflow-y:auto;padding:1rem 1rem 1.5rem;-webkit-overflow-scrolling:touch;background:#f9fafb;min-height:0}.rc-chat-load-more{text-align:center;padding:.5rem 0}.rc-chat-load-more button{background:#fff;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;color:#6b7280;cursor:pointer;transition:all .2s}.rc-chat-load-more button:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.rc-chat-load-more button:disabled{opacity:.6;cursor:not-allowed}.rc-chat-message-time{text-align:center;font-size:.75rem;color:#9ca3af;margin:1rem 0 .5rem}.rc-chat-message{display:flex;gap:.5rem;margin-bottom:.75rem;align-items:flex-end}.rc-chat-message-own{flex-direction:row-reverse}.rc-chat-message-avatar{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;flex-shrink:0}.rc-chat-message-content{max-width:70%;display:flex;flex-direction:column;gap:.25rem}.rc-chat-message-sender{font-size:.75rem;color:#6b7280;padding:0 .5rem}.rc-chat-message-own .rc-chat-message-sender{text-align:right}.rc-chat-message-bubble{padding:.625rem .875rem;border-radius:12px;word-wrap:break-word;white-space:pre-wrap;line-height:1.4;font-size:.9rem}.rc-chat-message-own .rc-chat-message-bubble{background:#ee4d2d;color:#fff;border-bottom-right-radius:4px}.rc-chat-message-other .rc-chat-message-bubble{background:#fff;color:#1f2937;border:1px solid #e5e7eb;border-bottom-left-radius:4px}.rc-chat-input-container{border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.rc-chat-input-error{padding:.5rem 1rem;background:#fef2f2;color:#dc2626;font-size:.85rem;display:flex;align-items:center;justify-content:space-between}.rc-chat-input-error button{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem}.rc-chat-input-form{display:flex;align-items:flex-end;gap:.5rem;padding:.75rem 1rem}.rc-chat-input-form .rc-chat-attach-button{order:1;flex-shrink:0}.rc-chat-input-form .rc-chat-input{order:2;flex:1}.rc-chat-input-form .rc-chat-send-button{order:3;flex-shrink:0}.rc-chat-input{flex:1;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:12px;font-size:.9rem;font-family:inherit;resize:none;max-height:120px;overflow-y:auto;line-height:1.4}.rc-chat-input:focus{outline:none;border-color:#ee4d2d;box-shadow:0 0 0 3px #ee4d2d1a}.rc-chat-input:disabled{background:#f3f4f6;cursor:not-allowed}.rc-chat-send-button{width:40px;height:40px;border-radius:50%;background:#ee4d2d;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.rc-chat-send-button:hover:not(:disabled){background:#d63a1f;transform:scale(1.05)}.rc-chat-send-button:disabled{opacity:.5;cursor:not-allowed}.rc-chat-empty-state,.rc-chat-empty-list,.rc-chat-empty-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#6b7280;height:100%}.rc-chat-empty-icon{font-size:3rem;margin-bottom:1rem}.rc-chat-empty-text{font-size:1rem;font-weight:600;color:#4b5563;margin:.5rem 0}.rc-chat-empty-hint{font-size:.85rem;color:#9ca3af;margin:.25rem 0 0}.rc-chat-list-loading,.rc-chat-thread-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#6b7280;height:100%}.rc-chat-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#ee4d2d;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.rc-chat-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rc-chat-error{padding:.75rem 1rem;background:#fef2f2;color:#dc2626;font-size:.85rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #fee2e2}.rc-chat-error button{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;font-size:1.2rem;line-height:1}.rc-chat-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.rc-chat-dialog{background:#fff;border-radius:12px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 8px 32px #0003}.rc-chat-dialog h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:#1f2937}.rc-chat-dialog p{margin:0 0 1rem;color:#6b7280;font-size:.9rem}.rc-chat-user-select{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;margin-bottom:1rem;font-family:inherit}.rc-chat-user-select:focus{outline:none;border-color:#ee4d2d;box-shadow:0 0 0 3px #ee4d2d1a}.rc-chat-dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.rc-chat-button-primary{padding:.625rem 1.25rem;background:#ee4d2d;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s}.rc-chat-button-primary:hover:not(:disabled){background:#d63a1f}.rc-chat-button-primary:disabled{opacity:.6;cursor:not-allowed}.rc-chat-button-secondary{padding:.625rem 1.25rem;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.rc-chat-button-secondary:hover{background:#f9fafb;border-color:#9ca3af}@media(max-width:640px){.rc-chat-launcher{bottom:16px;right:16px;padding:.75rem;min-width:56px;min-height:56px;border-radius:50%;box-shadow:0 4px 12px #ee4d2d66}.rc-chat-launcher-icon{margin:0}.rc-chat-launcher-text{display:none}.rc-chat-drawer-mobile{width:100%;height:100vh;max-height:100vh;height:100dvh;inset:0;transform:none;border-radius:0;box-shadow:none;animation:rc-chat-drawer-fade-in-mobile .2s ease-out;padding-bottom:env(safe-area-inset-bottom,0)}.rc-chat-header{padding:1rem;min-height:56px}.rc-chat-header-title{font-size:1.1rem}.rc-chat-back-button,.rc-chat-close-button{min-width:44px;min-height:44px;padding:.75rem}.rc-chat-thread-header{padding:.75rem 1rem}.rc-chat-thread-title h3{font-size:.95rem}.rc-chat-messages-container{padding:.75rem}.rc-chat-message-content{max-width:80%}.rc-chat-message-bubble{padding:.75rem 1rem;font-size:.95rem;line-height:1.5}.rc-chat-message-avatar{width:36px;height:36px;font-size:.9rem}.rc-chat-input-container{padding:0;padding-bottom:env(safe-area-inset-bottom,.75rem);position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb}.rc-chat-input-form{padding:.75rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom,.75rem));gap:.75rem}.rc-chat-input{font-size:16px;padding:.75rem 1rem;min-height:44px;max-height:120px}.rc-chat-send-button{width:44px;height:44px;min-width:44px;min-height:44px}.rc-chat-messages-container{padding-bottom:1rem;margin-bottom:0}.rc-chat-thread{display:flex;flex-direction:column;height:100%;padding-bottom:0}.rc-chat-list-header{padding:.75rem}.rc-chat-new-button{padding:.75rem 1rem;min-height:44px;font-size:.95rem}.rc-chat-conversation-item{padding:1rem;min-height:72px}.rc-chat-conversation-avatar{width:52px;height:52px;font-size:1.2rem}.rc-chat-conversation-name{font-size:1rem}.rc-chat-conversation-preview{font-size:.9rem}.rc-chat-empty-state,.rc-chat-empty-list,.rc-chat-empty-messages{padding:2rem 1.5rem}.rc-chat-empty-icon{font-size:2.5rem}.rc-chat-empty-text{font-size:.95rem}.rc-chat-dialog{padding:1.25rem;margin:1rem;max-width:calc(100% - 2rem)}.rc-chat-dialog h3{font-size:1.1rem}.rc-chat-dialog-actions{flex-direction:column;gap:.5rem}.rc-chat-button-primary,.rc-chat-button-secondary{width:100%;padding:.75rem 1rem;min-height:44px}}@media(max-width:640px){.rc-chat-list-container{display:none}.rc-chat-thread-container{width:100%}.rc-chat-content{flex-direction:column}}@media(min-width:641px)and (max-width:1024px){.rc-chat-drawer-desktop{width:92vw;max-width:800px;height:85vh}}@media(hover:none)and (pointer:coarse){.rc-chat-launcher{min-width:56px;min-height:56px}.rc-chat-back-button,.rc-chat-close-button,.rc-chat-send-button{min-width:44px;min-height:44px}.rc-chat-conversation-item{min-height:72px}.rc-chat-launcher:hover{transform:none}.rc-chat-conversation-item:hover{background:transparent}}.rc-chat-typing-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#6b7280;font-size:.85rem;font-style:italic}.rc-chat-typing-dots{display:flex;gap:.25rem}.rc-chat-typing-dots span{width:6px;height:6px;border-radius:50%;background:#9ca3af;animation:rc-chat-typing-bounce 1.4s infinite ease-in-out}.rc-chat-typing-dots span:nth-child(1){animation-delay:-.32s}.rc-chat-typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes rc-chat-typing-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.rc-chat-typing-text{color:#6b7280}.rc-chat-message-status{display:flex;align-items:center;margin-top:.25rem;font-size:.75rem}.rc-chat-message-status-inline{display:flex;align-items:center;margin-right:.5rem;font-size:.75rem;flex-shrink:0}.rc-chat-message-sent{color:#9ca3af}.rc-chat-message-read{color:#3b82f6}.rc-chat-message-bubble-wrapper{display:flex;flex-direction:row;align-items:center;gap:.5rem;width:100%}.rc-chat-message-actions{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;opacity:0;transition:opacity .2s}.rc-chat-message:hover .rc-chat-message-actions{opacity:1}.rc-chat-message-star{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;color:#9ca3af;transition:color .2s,transform .2s}.rc-chat-message-star:hover{color:#fbbf24;transform:scale(1.1)}.rc-chat-message-starred{color:#fbbf24}.rc-chat-search-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#fff}.rc-chat-search-input{flex:1;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-family:inherit}.rc-chat-search-input:focus{outline:none;border-color:#ee4d2d;box-shadow:0 0 0 3px #ee4d2d1a}.rc-chat-search-clear{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem .5rem;font-size:1.2rem;line-height:1}.rc-chat-search-clear:hover{color:#1f2937}.rc-chat-search-results{max-height:200px;overflow-y:auto;border-bottom:1px solid #e5e7eb;background:#f9fafb}.rc-chat-search-results-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.85rem;color:#6b7280;border-bottom:1px solid #e5e7eb}.rc-chat-search-results-header button{background:none;border:none;color:#ee4d2d;cursor:pointer;font-size:.85rem;font-weight:600}.rc-chat-search-result-item{padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .2s}.rc-chat-search-result-item:hover{background:#fff}.rc-chat-search-result-sender{font-weight:600;font-size:.85rem;color:#1f2937;margin-bottom:.25rem}.rc-chat-search-result-body{font-size:.9rem;color:#4b5563;margin-bottom:.25rem;line-height:1.4}.rc-chat-search-result-time{font-size:.75rem;color:#9ca3af}.rc-chat-thread-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.rc-chat-header-button{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s,color .2s;flex-shrink:0;width:36px;height:36px;min-width:36px;min-height:36px}.rc-chat-header-button:hover{background:#f3f4f6;color:#1f2937}.rc-chat-header-button-active{color:#fbbf24;background:#fef3c7}.rc-chat-header-button-active:hover{background:#fde68a;color:#f59e0b}.rc-chat-file-input{display:none}.rc-chat-attach-button{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s,color .2s;flex-shrink:0;width:36px;height:36px}.rc-chat-attach-button:hover:not(:disabled){background:#f3f4f6;color:#1f2937}.rc-chat-attach-button:disabled{opacity:.5;cursor:not-allowed}.rc-chat-file-preview{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.5rem}.rc-chat-file-preview-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.rc-chat-file-icon{font-size:1.2rem;flex-shrink:0}.rc-chat-file-name{font-size:.9rem;color:#1f2937;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-chat-file-size{font-size:.85rem;color:#6b7280;flex-shrink:0}.rc-chat-file-remove{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem .5rem;font-size:1.2rem;line-height:1;border-radius:4px;transition:background .2s,color .2s}.rc-chat-file-remove:hover{background:#e5e7eb;color:#1f2937}.rc-chat-upload-progress{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:.5rem;font-size:.85rem;color:#6b7280}.rc-chat-upload-progress-bar{flex:1;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.rc-chat-upload-progress-fill{height:100%;background:#ee4d2d;transition:width .3s ease;border-radius:2px}.rc-chat-message-file{margin-bottom:.5rem}.rc-chat-message-image{max-width:100%;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s}.rc-chat-message-image:hover{transform:scale(1.02)}.rc-chat-message-image img{max-width:100%;max-height:300px;display:block;border-radius:8px}.rc-chat-file-download{display:inline-block;margin-top:.5rem;font-size:.85rem;color:#3b82f6;text-decoration:none;transition:color .2s}.rc-chat-file-download:hover{color:#2563eb;text-decoration:underline}.rc-chat-message-file-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:background .2s}.rc-chat-message-file-link:hover{background:#f3f4f6}.rc-chat-file-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.rc-chat-message-file-link .rc-chat-file-name{color:#3b82f6;text-decoration:none;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rc-chat-message-file-link .rc-chat-file-name:hover{text-decoration:underline}.rc-chat-message-file-link .rc-chat-file-size{font-size:.8rem;color:#9ca3af}.rc-chat-message-text{margin-top:.5rem}.rc-chat-assignment{background:#fff;border-radius:16px;padding:0;margin:.5rem 0;max-width:100%;box-shadow:0 4px 20px #00000014,0 2px 8px #0000000a;overflow:hidden;border:1px solid rgba(14,165,233,.15);position:relative}.rc-chat-assignment:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#0ea5e9,#0284c7);border-radius:16px 0 0 16px}.rc-chat-assignment-own{border-color:#f59e0b33}.rc-chat-assignment-own:before{background:linear-gradient(180deg,#fbbf24,#f59e0b)}.rc-chat-assignment-header{display:flex;align-items:center;gap:.6rem;padding:14px 16px 10px 20px;font-weight:800;color:#0c4a6e;font-size:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid rgba(14,165,233,.1)}.rc-chat-assignment-own .rc-chat-assignment-header{color:#92400e;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-bottom-color:#f59e0b26}.rc-chat-assignment-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0ea5e91f;border-radius:10px}.rc-chat-assignment-own .rc-chat-assignment-icon{background:#f59e0b26}.rc-chat-assignment-content{display:flex;flex-direction:column;gap:8px;padding:14px 16px 14px 20px;color:#334155;font-size:.9rem}.rc-chat-assignment-topic{font-size:.95rem;font-weight:700;color:#1e293b}.rc-chat-assignment-topic strong{color:#64748b;font-weight:600}.rc-chat-assignment-own .rc-chat-assignment-topic{color:#1e293b}.rc-chat-assignment-detail{display:flex;align-items:center;gap:.4rem;color:#475569}.rc-chat-assignment-detail strong{color:#64748b;font-weight:600}.rc-chat-assignment-due{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:8px;color:#dc2626;font-weight:700;font-size:.85rem;margin-top:4px}.rc-chat-assignment-due strong{color:#b91c1c}.rc-chat-assignment-instructions{margin-top:8px;padding-top:10px;border-top:1px dashed rgba(100,116,139,.2)}.rc-chat-assignment-instructions strong{color:#64748b;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.3px}.rc-chat-assignment-instructions p{margin:6px 0 0;color:#475569;font-style:normal;line-height:1.5;background:#f8fafc;padding:8px 12px;border-radius:8px;border-left:3px solid #cbd5e1}.rc-chat-assignment-button{margin:0;padding:14px 20px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:0 0 16px 16px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s ease;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px}.rc-chat-assignment-button:hover{background:linear-gradient(135deg,#0284c7,#0369a1);transform:none;box-shadow:inset 0 -3px #00000026}.rc-chat-assignment-button:active{box-shadow:inset 0 2px 4px #0003}.rc-chat-assignment-sent{margin:0;padding:12px 20px;font-size:.85rem;color:#6b7280;font-style:italic;background:#f8fafc;border-radius:0 0 16px 16px;text-align:center;border-top:1px solid #e2e8f0}.rc-chat-assignment-button-input{background:none;border:none;padding:.5rem;cursor:pointer;color:#0ea5e9;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s,color .2s;flex-shrink:0;width:36px;height:36px}.rc-chat-assignment-button-input:hover:not(:disabled){background:#e0f2fe;color:#0284c7}.rc-chat-assignment-button-input:disabled{opacity:.5;cursor:not-allowed}.rc-chat-assignment-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn .2s ease;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rc-chat-assignment-modal{background:#fff;border-radius:12px;padding:1rem 1.25rem;width:100%;max-width:450px;max-height:calc(100vh - 2rem);box-shadow:0 20px 25px -5px #0000001a;animation:slideUp .3s ease;position:relative;margin:auto;display:flex;flex-direction:column;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.rc-chat-assignment-modal h4{margin:0 0 1.25rem;color:#1f2937;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.rc-chat-assignment-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s,color .2s;width:28px;height:28px}.rc-chat-assignment-modal-close:hover{background:#f3f4f6;color:#1f2937}.rc-chat-assignment-modal h4{margin:0 0 1.5rem;color:#1f2937;font-size:1.25rem}.rc-chat-assignment-modal-content{flex:1;overflow-y:auto;min-height:0;padding-right:.25rem;margin-right:-.25rem}.rc-chat-assignment-modal-content::-webkit-scrollbar{width:6px}.rc-chat-assignment-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.rc-chat-assignment-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.rc-chat-assignment-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.rc-form-group{margin-bottom:.875rem}.rc-form-group:last-of-type{margin-bottom:.75rem}.rc-form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;margin-bottom:.875rem}.rc-form-group-row .rc-form-group{margin-bottom:0}.rc-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151;font-size:.875rem}.rc-form-group select,.rc-form-group input[type=number],.rc-form-group input[type=datetime-local],.rc-form-group textarea{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.rc-form-group input[type=datetime-local]{cursor:pointer}.rc-form-group select:focus,.rc-form-group input:focus,.rc-form-group textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.rc-form-group textarea{resize:vertical;min-height:70px;max-height:120px}.rc-modal-actions{display:flex;gap:.75rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb;justify-content:flex-end;flex-shrink:0}.rc-button-primary{padding:.625rem 1.25rem;background:#0ea5e9;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.rc-button-primary:hover:not(:disabled){background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.rc-button-primary:disabled{opacity:.5;cursor:not-allowed}.rc-button-secondary{padding:.625rem 1.25rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.rc-button-secondary:hover{background:#f9fafb;border-color:#9ca3af}@media(max-width:640px){.rc-chat-assignment-modal-backdrop{padding:2rem .5rem .5rem;align-items:flex-start}.rc-chat-assignment-modal{max-width:100%;max-height:calc(100vh - 2rem);padding:1rem;border-radius:12px 12px 0 0}.rc-chat-assignment-modal h4{font-size:1rem;margin-bottom:1rem}.rc-form-group-row{grid-template-columns:1fr;gap:.875rem}.rc-form-group{margin-bottom:.875rem}.rc-form-group label{font-size:.85rem;margin-bottom:.375rem}.rc-form-group select,.rc-form-group input[type=number],.rc-form-group input[type=datetime-local],.rc-form-group textarea{padding:.5rem .625rem;font-size:.875rem}.rc-modal-actions{margin-top:1rem;padding-top:.75rem;flex-direction:column-reverse}.rc-button-primary,.rc-button-secondary{width:100%;padding:.75rem}}