:root{--bg:#f3f4f6;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--brand:#2563eb;--brand-ink:#ffffff;--ok:#0ea5a5;--warn:#d97706;--err:#dc2626;--pill:#f3f4f6;--dark:#0b0b0b;--dark-ink:#e5e7eb;--dark-line:#1f2937;--radius:10px;--gap:12px;--pad:12px;--sm:12px;--md:14px;--lg:16px;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg)!important;color:var(--ink)!important;font-family:var(--sans);font-size:var(--md)}.cmr-root{display:flex;flex-direction:column;min-height:100vh}.cmr-page-header{display:flex;justify-content:space-between;align-items:center;padding:10px var(--pad);border-bottom:1px solid var(--line);background:#fff}.cmr-welcome{font-weight:600}.cmr-minimized{margin:12px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;background:#fff;color:var(--muted)}.cmr-body{display:flex;min-height:calc(100vh - 56px)}.cmr-sidebar{width:15%;min-width:220px;max-width:300px;display:flex;flex-direction:column;padding:12px;gap:12px}.sidebar-dark{background:var(--dark);color:var(--dark-ink);border-right:1px solid var(--dark-line)}.cmr-sidebar-header{display:flex;align-items:center;justify-content:space-between}.cmr-app-icon{width:12px;height:12px;border-radius:999px;background:#60a5fa}.cmr-app-title{font-weight:600}.cmr-sidebar-top{flex:0 0 40%;overflow:auto;display:flex;flex-direction:column;gap:8px}.cmr-qa-item{text-align:left;padding:8px 10px;border:1px solid var(--dark-line);border-radius:8px;background:transparent;color:var(--dark-ink);cursor:pointer}.cmr-qa-item:hover{background:#0f0f10}.cmr-sidebar-bottom{flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px}.cmr-log-list{display:flex;flex-direction:column;gap:6px}.cmr-log-row{display:grid;grid-template-columns:42px 1fr 1fr 72px;gap:8px;align-items:center;padding:8px 10px;background:transparent;border:1px solid var(--dark-line);border-radius:8px;color:var(--dark-ink);text-align:left}.cmr-log-row:hover{background:#0f0f10}.cmr-log-time{font-variant-numeric:tabular-nums;color:#9ca3af}.cmr-log-action{color:#cbd5e1}.cmr-log-result{justify-self:end;padding:2px 8px;border-radius:999px;font-size:11px;border:1px solid var(--dark-line)}.cmr-log-result.success{background:#064e3b;color:#d1fae5;border-color:#065f46}.cmr-log-result.warning{background:#78350f;color:#ffedd5;border-color:#a16207}.cmr-log-result.error{background:#7f1d1d;color:#fee2e2;border-color:#991b1b}.cmr-main{width:85%;display:flex;flex-direction:column;align-items:center;overflow:auto}.cmr-topzone{position:sticky;top:0;z-index:5;width:100%;display:flex;flex-direction:column;gap:8px;padding:8px var(--pad);background:var(--bg);border-bottom:1px solid var(--line)}.tabs-minimal{display:flex;gap:8px;flex-wrap:wrap}.cmr-tab{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:13px;cursor:pointer}.cmr-tab.active{background:var(--brand);color:#fff;border-color:var(--brand)}.cmr-headerA,.cmr-headerB{display:flex;gap:8px;align-items:center}.cmr-console{width:70%;min-width:760px;max-width:1080px;height:65vh;display:flex;flex-direction:column;justify-content:space-between;border-radius:16px;border:1px solid var(--dark-line);overflow:hidden}.console-dark{background:var(--dark);color:var(--dark-ink)}.cmr-console-toolbar{display:flex;gap:8px;padding:8px;border-bottom:1px solid var(--dark-line);background:#ffffff05}.cmr-console-body{padding:12px;overflow:auto;flex:1}.cmr-console-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-top:1px solid var(--dark-line);background:#ffffff05}.cmr-placeholder .panel-title{color:#e5e7eb}.cmr-placeholder .helper{color:#9ca3af}.cmr-assets-shell{display:flex;flex-direction:column;height:100%}.cmr-assets-toolbar{display:flex;gap:8px;margin-bottom:8px}.cmr-assets-body{flex:1;overflow:auto;background:#fff;color:var(--ink);border-radius:12px;padding:8px}.cmr-gap{height:5vh}.cmr-chatbox{width:70%;min-width:760px;max-width:1080px;height:10vh;display:flex;align-items:center;gap:8px;padding:10px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;margin-bottom:12px}.cmr-chat-input{flex:1}.cmr-modal{position:fixed;inset:0;display:block}.cmr-backdrop{position:absolute;inset:0;background:#11182773}.cmr-sheet{position:absolute;top:6vh;left:50%;transform:translate(-50%);width:min(1040px,92vw);height:min(78vh,86vh);background:#fff;color:var(--ink);border-radius:16px;border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.cmr-sheet-header{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#fff}.cmr-sheet-body{padding:12px;overflow:auto;flex:1}.cmr-modal-tabs{display:flex;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:8px}.cmr-modal-tab{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);cursor:pointer}.cmr-modal-tab.active{background:var(--brand);color:#fff;border-color:var(--brand)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff!important;color:var(--ink)!important}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);background:#fff;color:var(--ink)}.panel-title{font-size:16px;font-weight:600}.panel-body{padding:12px}.row{display:flex;gap:var(--gap);align-items:center}.col{display:flex;flex-direction:column;gap:8px}.table{width:100%;border-collapse:collapse;font-size:var(--sm);background:#fff}.table th,.table td{border-bottom:1px solid var(--line);padding:8px;text-align:left;color:var(--ink)}.table thead th{background:#fafafa;color:var(--ink)}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:var(--md);background:#fff;color:var(--ink)}.textarea{min-height:80px;resize:vertical}.checkbox{width:16px;height:16px}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:var(--md)}.btn:hover{background:#f9fafb}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.btn-primary:hover{filter:brightness(.96)}.btn-danger{background:var(--err);color:#fff;border-color:var(--err)}.btn-outline{background:#fff;border-color:var(--brand);color:var(--brand)}.btn-ghost{border-color:transparent;background:transparent;color:var(--muted)}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--pill);color:#374151;border:1px solid var(--line)}.badge.ok{background:#ecfeff;color:#0e7490;border-color:#a5f3fc}.badge.warn{background:#fffbeb;color:#92400e;border-color:#fcd34d}.badge.err{background:#fef2f2;color:#991b1b;border-color:#fecaca}.kbd{font:12px var(--mono);background:#111827;color:#e5e7eb;border-radius:6px;padding:2px 6px}.code{font-family:var(--mono);font-size:12px;background:#f3f4f6;border:1px solid var(--line);border-radius:8px;padding:8px}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--pill);border:1px solid var(--line);border-radius:999px;padding:3px 8px;font-size:12px;color:var(--ink)}.pill .pin{width:8px;height:8px;border-radius:999px;background:#cbd5e1}.pill.pinned .pin{background:#f59e0b}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.list .item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-top:1px solid var(--line);background:#fff;color:var(--ink)}.list .item:first-child{border-top:none}.item-left{display:flex;align-items:center;gap:10px}.item-actions{display:flex;align-items:center;gap:8px}.helper{font-size:12px;color:var(--muted)}.hr{height:1px;background:var(--line);border:0;margin:8px 0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.drawer{position:fixed;inset:0;display:none}.drawer.open{display:block}.drawer .backdrop{position:absolute;inset:0;background:#11182773}.drawer .sheet{position:absolute;top:0;right:0;height:100%;width:min(720px,92vw);background:#fff!important;color:var(--ink)!important;border-left:1px solid var(--line);display:flex;flex-direction:column}.drawer-header{padding:12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#fff;color:var(--ink)}.drawer-body{padding:12px;overflow:auto;flex:1}.draft-shell{border:1px solid var(--line);border-radius:var(--radius);background:#fff!important;color:var(--ink)!important;overflow:hidden}.draft-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#111827!important;color:#fff!important}.draft-actions .btn{background:#fff;color:#111827;border-color:#374151}.draft-body{padding:12px;background:#fff;color:var(--ink)}.draft-block{margin-bottom:16px}.part-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:10px;color:var(--ink)}.part-title{font-weight:600;margin-bottom:4px}.part-stats{font-size:12px;color:var(--muted)}.muted{color:var(--muted)!important}body,.panel,.draft-shell,.drawer .sheet,.list .item,.table,.table th,.table td,.input,.select,.textarea{background:#fff!important;color:#111827!important}h1,h2,h3,h4,h5,strong{color:#111827!important}.neon-pill{--glow: 0 0 12px rgba(0,255,170,.7);--glow-off: 0 0 8px rgba(255,65,65,.6);padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#0b1220;color:#d1fae5;font-weight:600;letter-spacing:.2px;display:inline-flex;align-items:center;gap:8px;transition:transform .08s ease,box-shadow .2s ease,background .2s ease;box-shadow:var(--glow)}.neon-pill.off{color:#ffd6d6;box-shadow:var(--glow-off)}.neon-pill.busy{opacity:.8;cursor:progress}.neon-pill:hover{transform:translateY(-1px)}.neon-pill .dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399}.neon-pill.off .dot{background:#ef4444;box-shadow:0 0 10px #ef4444}.worker-switch .err{margin-left:8px;color:#fca5a5;font-size:12px}.sarah-pip{position:fixed;z-index:10005;display:flex;flex-direction:column;align-items:center;transition:all .5s cubic-bezier(.4,0,.2,1)}.sarah-pip.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.sarah-pip.visible{opacity:1;pointer-events:auto}.sarah-glow{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,rgba(20,184,166,.2) 50%,transparent 70%);filter:blur(30px);z-index:-1;animation:sarahGlow 3s ease-in-out infinite}@keyframes sarahGlow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}.sarah-avatar-container{position:relative;transition:all .3s ease}.sarah-avatar-container.walking{animation:sarahWalk .3s ease-in-out infinite alternate}.sarah-avatar-container.teleporting{animation:sarahTeleport .6s ease-in-out}@keyframes sarahWalk{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-5px) rotate(1deg)}}@keyframes sarahTeleport{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(0) rotate(180deg);opacity:0}to{transform:scale(1) rotate(360deg);opacity:1}}.walking-particles{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.walk-particle{position:absolute;width:8px;height:8px;background:#8b5cf699;border-radius:50%;animation:walkParticle .5s ease-out infinite}@keyframes walkParticle{0%{transform:translateY(0) scale(1);opacity:.8}to{transform:translateY(30px) scale(0);opacity:0}}.teleport-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.teleport-ring{position:absolute;border:2px solid;border-radius:50%;animation:teleportRing .6s ease-out forwards}.teleport-ring.ring-1{width:60px;height:60px;border-color:#f43f5e;animation-delay:0s}.teleport-ring.ring-2{width:80px;height:80px;border-color:#8b5cf6;animation-delay:.1s}.teleport-ring.ring-3{width:100px;height:100px;border-color:#14b8a6;animation-delay:.2s}@keyframes teleportRing{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.teleport-sparkles{position:absolute;top:50%;left:50%}.teleport-sparkle{position:absolute;width:6px;height:6px;background:linear-gradient(135deg,#f43f5e,#8b5cf6);border-radius:50%;animation:sparkle .6s ease-out forwards}@keyframes sparkle{0%{transform:rotate(var(--rotation)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--rotation)) translateY(-60px) scale(0);opacity:0}}.sarah-speech-bubble{position:absolute;top:-20px;left:180px;max-width:350px;min-width:200px;background:#141428f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.4);border-radius:16px;padding:16px 20px;box-shadow:0 10px 40px #0000004d,0 0 20px #8b5cf633;animation:bubbleIn .3s ease-out}.sarah-speech-bubble.narrating{border-color:#f43f5e99;box-shadow:0 10px 40px #0000004d,0 0 30px #f43f5e4d}@keyframes bubbleIn{0%{transform:scale(.8) translate(-20px);opacity:0}to{transform:scale(1) translate(0);opacity:1}}.bubble-content{max-height:150px;overflow-y:auto;color:#fffffff2;font-size:15px;line-height:1.5}.bubble-content p{margin:0;display:inline}.bubble-content::-webkit-scrollbar{width:4px}.bubble-content::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:4px}.typing-cursor{color:#f43f5e;animation:cursorBlink .5s infinite;margin-left:2px}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.bubble-content strong{font-weight:700;color:#fff}.bubble-tail{position:absolute;left:-10px;top:30px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:12px solid rgba(20,20,40,.95)}.voice-indicator{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);display:flex;gap:3px;align-items:flex-end;height:16px}.voice-bar{width:4px;background:linear-gradient(to top,#f43f5e,#8b5cf6);border-radius:2px;animation:voiceBar .3s ease-in-out infinite alternate}.voice-bar:nth-child(1){height:8px}.voice-bar:nth-child(2){height:12px}.voice-bar:nth-child(3){height:16px}.voice-bar:nth-child(4){height:10px}.voice-bar:nth-child(5){height:6px}@keyframes voiceBar{0%{transform:scaleY(.5)}to{transform:scaleY(1)}}.sarah-name-badge{margin-top:8px;display:flex;align-items:center;gap:6px;background:#0f0f1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 14px;border-radius:20px;border:1px solid rgba(139,92,246,.3)}.badge-name{color:#fff;font-weight:600;font-size:13px}.badge-role{color:#8b5cf6cc;font-size:11px;font-weight:500}.sarah-pip[data-position=bottom-left]{bottom:80px;left:30px}.sarah-pip[data-position=bottom-right]{bottom:80px;right:30px}.sarah-pip[data-position=top-left]{top:30px;left:30px}.sarah-pip[data-position=top-right]{top:30px;right:30px}@media (max-width: 768px){.sarah-speech-bubble{max-width:250px;left:140px;font-size:13px}.sarah-avatar-container{transform:scale(.8)}}.spotlight-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10005;animation:spotlightFadeIn .3s ease}@keyframes spotlightFadeIn{0%{opacity:0}to{opacity:1}}.dark-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.overlay-section{position:absolute;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all .4s cubic-bezier(.4,0,.2,1)}.overlay-section.top{top:0;left:0;width:100%}.overlay-section.left{left:0}.overlay-section.right{right:0}.overlay-section.bottom{left:0;width:100%;bottom:0}.spotlight-cutout{position:absolute;border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:10006}.glow-border{position:absolute;inset:-3px;border:3px solid;border-radius:10px;animation:glowPulse 1.5s ease-in-out infinite}.glow-pulse{position:absolute;inset:0;border-radius:8px;animation:glowPulse 1.5s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:1;box-shadow:0 0 20px var(--glow-color, rgba(139, 92, 246, .6))}50%{opacity:.7;box-shadow:0 0 40px var(--glow-color, rgba(139, 92, 246, .8))}}.pulse-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.pulse-ring{position:absolute;border:2px solid;border-radius:50%;animation:pulseRing 2s ease-out infinite}.pulse-ring.ring-1{width:100%;height:100%;animation-delay:0s}.pulse-ring.ring-2{width:120%;height:120%;animation-delay:.4s}.pulse-ring.ring-3{width:140%;height:140%;animation-delay:.8s}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.zoom-frame{position:absolute;inset:0}.zoom-corner{position:absolute;width:20px;height:20px;border:3px solid #14b8a6}.zoom-corner.top-left{top:-3px;left:-3px;border-right:none;border-bottom:none}.zoom-corner.top-right{top:-3px;right:-3px;border-left:none;border-bottom:none}.zoom-corner.bottom-left{bottom:-3px;left:-3px;border-right:none;border-top:none}.zoom-corner.bottom-right{bottom:-3px;right:-3px;border-left:none;border-top:none}.connection-line{position:absolute;top:0;left:0;pointer-events:none}.connection-path{animation:dashMove 1s linear infinite}@keyframes dashMove{0%{stroke-dashoffset:0}to{stroke-dashoffset:24}}.blur-mask{position:absolute;top:0;left:0}.tour-highlighted{position:relative;z-index:10007!important;animation:highlightBounce .5s ease}@keyframes highlightBounce{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.spotlight-overlay.type-glow .spotlight-cutout,.spotlight-overlay.type-zoom .spotlight-cutout{background:transparent}.spotlight-overlay.type-blur-around .spotlight-cutout{box-shadow:0 0 0 9999px #0009}.spotlight-overlay.type-pulse .spotlight-cutout{background:transparent}.animated-cursor-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10020}.cursor-trail{position:absolute;width:12px;height:12px;background:linear-gradient(135deg,#f43f5e,#8b5cf6);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .2s ease}.animated-cursor{position:absolute;transform:translate(-3px,-3px);transition:transform .1s ease;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.cursor-icon{display:block;transform-origin:top left;transition:transform .1s ease}.animated-cursor.clicking{transform:translate(-3px,-3px) scale(.9)}.animated-cursor.clicking .cursor-icon{transform:scale(.85)}.animated-cursor.typing .cursor-icon{animation:cursorTypingBounce .3s ease-in-out infinite}@keyframes cursorTypingBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.click-ripple{position:absolute;top:0;left:0;pointer-events:none}.ripple-ring{position:absolute;width:40px;height:40px;border:2px solid;border-radius:50%;transform:translate(-50%,-50%);animation:rippleExpand .5s ease-out forwards}.ripple-ring.ring-1{border-color:#f43f5e;animation-delay:0s}.ripple-ring.ring-2{border-color:#8b5cf6;animation-delay:.1s}@keyframes rippleExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.typing-indicator{position:absolute;top:30px;left:10px;display:flex;gap:4px;padding:6px 10px;background:#141428e6;border-radius:12px;border:1px solid rgba(139,92,246,.4)}.typing-dot{width:6px;height:6px;background:#8b5cf6;border-radius:50%;animation:typingDotBounce 1s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typingDotBounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}.cursor-action-label{position:absolute;padding:4px 10px;background:#8b5cf6e6;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;animation:labelFadeIn .3s ease;white-space:nowrap}@keyframes labelFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.floating-card-connection{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10008}.connection-line-path{animation:dashFlow 1s linear infinite}@keyframes dashFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:20}}.connection-endpoint{animation:endpointPulse 1.5s ease-in-out infinite}@keyframes endpointPulse{0%,to{r:6;opacity:1}50%{r:10;opacity:.6}}.floating-card{position:fixed;min-width:280px;max-width:380px;padding:20px;border-radius:16px;border:1px solid;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #0006,0 0 30px #8b5cf61a;z-index:10009;transform:translate(-50%,-50%) scale(.9);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.floating-card.visible{transform:translate(-50%,-50%) scale(1);opacity:1}.card-close-btn{position:absolute;top:10px;right:10px;width:24px;height:24px;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;font-size:18px;line-height:1;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.card-close-btn:hover{background:#fff3;color:#fff}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.card-title{margin:0;font-size:16px;font-weight:700;letter-spacing:.5px}.card-content{color:#ffffffe6;font-size:14px;line-height:1.6}.card-content p{margin:0}.card-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.card-list-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff0d;border-radius:8px;font-size:13px}.item-icon{font-size:16px;flex-shrink:0}.item-label{flex:1;color:#fffc}.item-value{font-weight:700;font-size:14px}.card-corner{position:absolute;top:0;right:0;width:60px;height:60px;clip-path:polygon(100% 0,0 0,100% 100%);opacity:.2}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;opacity:.5;z-index:-1}.floating-card.type-highlight{animation:cardHighlightPulse 2s ease-in-out infinite}@keyframes cardHighlightPulse{0%,to{box-shadow:0 20px 50px #0006,0 0 30px #8b5cf633}50%{box-shadow:0 20px 50px #0006,0 0 50px #8b5cf666}}.floating-card.type-stats .card-list-item{background:linear-gradient(135deg,#14b8a61a,#14b8a60d);border:1px solid rgba(20,184,166,.2)}.floating-card.type-success{animation:cardSuccessBounce .5s ease}@keyframes cardSuccessBounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.floating-card[data-entrance=slide-up]{animation:slideUp .4s ease forwards}@keyframes slideUp{0%{transform:translate(-50%,calc(-50% + 30px)) scale(.9);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.floating-card[data-entrance=slide-right]{animation:slideRight .4s ease forwards}@keyframes slideRight{0%{transform:translate(calc(-50% - 30px),-50%) scale(.9);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@media (max-width: 768px){.floating-card{min-width:240px;max-width:300px;padding:16px}.card-title{font-size:14px}.card-content{font-size:13px}}.transition-effect{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10050;pointer-events:none}.particles-container{position:relative;width:100%;height:100%}.transition-particle{position:absolute;border-radius:50%;animation:particleExplode 1s ease-out forwards;box-shadow:0 0 10px currentColor}@keyframes particleExplode{0%{transform:scale(0);opacity:0}20%{transform:scale(1);opacity:1}to{transform:scale(0) translateY(-100px);opacity:0}}.particles-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#f43f5e4d,#8b5cf64d,#14b8a64d);animation:overlayPulse 1s ease-in-out}@keyframes overlayPulse{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.morph-container{position:relative;width:100%;height:100%;background:#0f0f1a;animation:morphContainerFade 1s ease-in-out}@keyframes morphContainerFade{0%,to{opacity:0}30%,70%{opacity:1}}.morph-blob{position:absolute;border-radius:50%;filter:blur(60px);animation:morphBlobMove 1s ease-in-out}.morph-blob.blob-1{top:20%;left:10%;width:300px;height:300px;background:#f43f5e99;animation-delay:0s}.morph-blob.blob-2{top:40%;left:40%;width:400px;height:400px;background:#8b5cf699;animation-delay:.1s}.morph-blob.blob-3{top:30%;right:10%;width:350px;height:350px;background:#14b8a699;animation-delay:.2s}@keyframes morphBlobMove{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.5) rotate(180deg)}to{transform:scale(0) rotate(360deg)}}.teleport-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.teleport-rings{position:absolute}.teleport-ring-line{position:absolute;width:200px;height:200px;border:3px solid transparent;border-top-color:#f43f5e;border-bottom-color:#14b8a6;border-radius:50%;animation:teleportRingSpin .8s linear infinite;transform-origin:center}.teleport-ring-line:nth-child(1){width:100px;height:100px}.teleport-ring-line:nth-child(2){width:150px;height:150px}.teleport-ring-line:nth-child(3){width:200px;height:200px}.teleport-ring-line:nth-child(4){width:250px;height:250px}.teleport-ring-line:nth-child(5){width:300px;height:300px}@keyframes teleportRingSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.teleport-flash{position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.8) 0%,rgba(139,92,246,.4) 30%,transparent 60%);animation:teleportFlash .8s ease-in-out}@keyframes teleportFlash{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.teleport-sparkles{position:absolute;width:100%;height:100%}.teleport-sparkle-particle{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;animation:sparkleFloat 1s ease-out forwards}@keyframes sparkleFloat{0%{transform:scale(0) translateY(0);opacity:1}to{transform:scale(1) translateY(-100px);opacity:0}}.fade-overlay{position:absolute;inset:0;background:#0f0f1a;animation:fadeInOut 1s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}30%,70%{opacity:1}}.wipe-overlay{position:relative;width:100%;height:100%}.wipe-panel{position:absolute;background:#0f0f1a}.wipe-panel.panel-1{top:0;left:0;width:100%;height:50%;animation:wipeDown 1s ease-in-out}.wipe-panel.panel-2{bottom:0;left:0;width:100%;height:50%;animation:wipeUp 1s ease-in-out}@keyframes wipeDown{0%,to{transform:translateY(-100%)}30%,70%{transform:translateY(0)}}@keyframes wipeUp{0%,to{transform:translateY(100%)}30%,70%{transform:translateY(0)}}.wipe-edge{position:absolute;top:50%;left:0;width:100%;height:4px;background:linear-gradient(90deg,#f43f5e,#8b5cf6,#14b8a6);transform:translateY(-50%);animation:wipeEdgeGlow 1s ease-in-out}@keyframes wipeEdgeGlow{0%,to{opacity:0;box-shadow:none}30%,70%{opacity:1;box-shadow:0 0 30px #8b5cf6cc}}.wipe-overlay.direction-right .wipe-panel.panel-1{animation-name:wipeRight1}.wipe-overlay.direction-right .wipe-panel.panel-2{animation-name:wipeRight2}@keyframes wipeRight1{0%,to{transform:translate(-100%)}30%,70%{transform:translate(0)}}@keyframes wipeRight2{0%,to{transform:translate(100%)}30%,70%{transform:translate(0)}}.transition-branding{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;animation:brandingPop 1s ease-in-out}@keyframes brandingPop{0%,to{opacity:0;transform:translate(-50%,-50%) scale(0)}30%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.brand-icon{display:flex;gap:8px}.brand-letter{font-size:48px;font-weight:900;font-family:Arial Black,sans-serif}.brand-letter.n{color:#f43f5e;text-shadow:0 0 20px rgba(244,63,94,.8)}.brand-letter.u{color:#14b8a6;text-shadow:0 0 20px rgba(20,184,166,.8)}.transition-effect.phase-enter{animation:transitionEnter .4s ease}.transition-effect.phase-exit{animation:transitionExit .4s ease forwards}@keyframes transitionEnter{0%{opacity:0}to{opacity:1}}@keyframes transitionExit{0%{opacity:1}to{opacity:0}}.scene-landing{position:relative;width:100%;height:100%;overflow:auto}.nashrah-hero{position:relative;width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:30px 40px 50px;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,rgba(147,197,253,.05) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(245,158,11,.03) 0%,transparent 40%),radial-gradient(ellipse at 80% 80%,rgba(80,200,120,.03) 0%,transparent 40%),linear-gradient(180deg,#08080c,#0c0c14,#08080c)}.tour-logo{position:absolute;top:20px;left:30px;z-index:10;animation:logoFadeIn 1s ease-out}@keyframes logoFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.stars-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:starTwinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay)}@keyframes starTwinkle{0%,to{opacity:.1;transform:scale(.8)}50%{opacity:var(--max-opacity);transform:scale(1.2)}}.hero-content{position:relative;z-index:2;text-align:center;width:100%;max-width:1400px}.hero-header{margin-bottom:30px;animation:fadeInUp .6s ease-out forwards}.main-title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;line-height:1.15;margin-bottom:12px}.main-title .welcome-text{color:#fff!important;text-shadow:0 0 30px rgba(255,255,255,.5)}.main-title .highlight-nashrah{color:#50c878;text-shadow:0 0 25px rgba(80,200,120,.6)}.main-title .highlight-uni{color:#60a5fa;text-shadow:0 0 25px rgba(96,165,250,.6)}.main-title .highlight-verse{color:#f59e0b;text-shadow:0 0 25px rgba(245,158,11,.6)}.hero-tagline{display:flex;justify-content:center;align-items:center;gap:20px;font-size:.95rem;color:#9ca3af}.hero-tagline .em{color:#d1d5db;font-weight:500}.tagline-dot{width:4px;height:4px;background:#ffffff4d;border-radius:50%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pillars-wrapper{width:100%;animation:fadeInUp .6s ease-out .2s forwards;opacity:0;position:relative;padding:40px 20px}.pillars-container{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:20px;max-width:1200px;margin:0 auto;position:relative;z-index:2}.pillar{background:linear-gradient(145deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:30px 22px 28px;text-align:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:visible;display:flex;flex-direction:column;align-items:center}.pillar:before{content:"";position:absolute;inset:-2px;border-radius:22px;background:conic-gradient(from var(--angle, 0deg),transparent 0%,var(--pillar-color) 10%,var(--pillar-color-light) 20%,transparent 30%,transparent 100%);animation:rotateBorder 15s linear infinite;opacity:.7;z-index:-1}.pillar:after{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(145deg,#08080cfa,#0c0c14f2);z-index:-1}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotateBorder{0%{--angle: 0deg}to{--angle: 360deg}}@supports not (background: conic-gradient(from 0deg,red,blue)){.pillar:before{background:linear-gradient(var(--pillar-color),var(--pillar-color-light));opacity:.3;animation:pulseBorder 2s ease-in-out infinite}@keyframes pulseBorder{0%,to{opacity:.2}50%{opacity:.5}}}.pillar:hover{transform:translateY(-8px);border-color:#ffffff26;background:linear-gradient(145deg,#ffffff0f,#ffffff05);box-shadow:0 20px 40px #0006,0 0 30px var(--pillar-glow)}.pillar:hover:before{opacity:1}.pillar.nashrah{--pillar-color: #50C878;--pillar-color-light: #86efac;--pillar-accent: linear-gradient(90deg, transparent, #50C878, transparent);--pillar-glow: rgba(80, 200, 120, .15)}.pillar.universe{--pillar-color: #60a5fa;--pillar-color-light: #93c5fd;--pillar-accent: linear-gradient(90deg, transparent, #60a5fa, transparent);--pillar-glow: rgba(96, 165, 250, .15)}.pillar.verse{--pillar-color: #f59e0b;--pillar-color-light: #fcd34d;--pillar-accent: linear-gradient(90deg, transparent, #f59e0b, transparent);--pillar-glow: rgba(245, 158, 11, .15)}.connector{display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff6;font-weight:300;text-shadow:0 0 10px rgba(255,255,255,.3),0 0 20px rgba(255,255,255,.2),0 0 30px rgba(255,255,255,.1);animation:connectorPulse 3s ease-in-out infinite}@keyframes connectorPulse{0%,to{opacity:.5;text-shadow:0 0 10px rgba(255,255,255,.2),0 0 20px rgba(255,255,255,.1)}50%{opacity:.8;text-shadow:0 0 15px rgba(255,255,255,.4),0 0 30px rgba(255,255,255,.2),0 0 40px rgba(255,255,255,.1)}}.icon-wrapper{width:120px;height:120px;margin-bottom:18px;flex-shrink:0}.icon-wrapper svg{width:100%;height:100%}.pillar-arabic{font-family:Amiri,serif;font-size:1.6rem;margin-bottom:2px}.pillar.nashrah .pillar-arabic{color:#86efac}.pillar.universe .pillar-arabic{color:#60a5fa}.pillar.verse .pillar-arabic{color:#fbbf24}.pillar-english{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:500;color:#fff;margin-bottom:8px;letter-spacing:1px}.pillar-tagline{font-size:.8rem;font-weight:500;margin-bottom:12px;font-style:italic}.pillar.nashrah .pillar-tagline{color:#a7f3d0}.pillar.universe .pillar-tagline{color:#93c5fd}.pillar.verse .pillar-tagline{color:#fcd34d}.pillar-description{font-size:.85rem;color:#a1a1aa;line-height:1.6}@media (max-width: 1000px){.pillars-wrapper{padding:30px 15px}.pillars-container{grid-template-columns:1fr;gap:20px;max-width:380px}.connector{transform:rotate(90deg);padding:5px 0;font-size:1.5rem}.pillar{padding:25px 20px}.icon-wrapper{width:100px;height:100px}}@media (max-width: 640px){.nashrah-hero{padding:20px 16px 40px}.hero-tagline{flex-direction:column;gap:8px}.tagline-dot{display:none}}@keyframes geoRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes geoRotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes heartBeat{0%,to{transform:scale(1)}15%{transform:scale(1.06)}30%{transform:scale(1)}45%{transform:scale(1.04)}60%{transform:scale(1)}}@keyframes centerGlow{0%,to{opacity:.7;filter:drop-shadow(0 0 6px #50C878)}50%{opacity:1;filter:drop-shadow(0 0 15px #50C878) drop-shadow(0 0 30px rgba(80,200,120,.5))}}@keyframes rayPulse{0%,to{opacity:.3;stroke-width:1.5}50%{opacity:.9;stroke-width:2}}@keyframes diamondSpin{0%,to{transform:rotate(0) scale(1);opacity:.7}50%{transform:rotate(180deg) scale(1.08);opacity:1}}.geo-outer{animation:geoRotate 50s linear infinite;transform-origin:50px 50px}.geo-inner{animation:geoRotateReverse 70s linear infinite;transform-origin:50px 50px}.heart-shape{animation:heartBeat 2.5s ease-in-out infinite;transform-origin:50px 50px}.heart-center{animation:centerGlow 2.5s ease-in-out infinite}.heart-ray{animation:rayPulse 2s ease-in-out infinite;transform-origin:50px 45px}.heart-ray:nth-child(1){animation-delay:0s}.heart-ray:nth-child(2){animation-delay:.15s}.heart-ray:nth-child(3){animation-delay:.3s}.heart-ray:nth-child(4){animation-delay:.45s}.heart-ray:nth-child(5){animation-delay:.6s}.diamond-inner{animation:diamondSpin 5s ease-in-out infinite;transform-origin:50px 45px}@keyframes orbitSpin1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitSpin2{0%{transform:rotate(60deg)}to{transform:rotate(420deg)}}@keyframes orbitSpin3{0%{transform:rotate(120deg)}to{transform:rotate(480deg)}}@keyframes electronGlow{0%,to{filter:drop-shadow(0 0 3px #93c5fd);opacity:.8}50%{filter:drop-shadow(0 0 10px #93c5fd) drop-shadow(0 0 18px rgba(147,197,253,.5));opacity:1}}@keyframes nucleusPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px #60a5fa)}50%{transform:scale(1.08);filter:drop-shadow(0 0 20px #60a5fa) drop-shadow(0 0 35px rgba(96,165,250,.4))}}@keyframes bgStarTwinkle{0%,to{opacity:.2}50%{opacity:.9}}.orbit-group-1{animation:orbitSpin1 8s linear infinite;transform-origin:50px 50px}.orbit-group-2{animation:orbitSpin2 11s linear infinite;transform-origin:50px 50px}.orbit-group-3{animation:orbitSpin3 14s linear infinite;transform-origin:50px 50px}.electron{animation:electronGlow 2s ease-in-out infinite}.electron-2{animation-delay:.6s}.electron-3{animation-delay:1.2s}.nucleus{animation:nucleusPulse 3s ease-in-out infinite;transform-origin:center}.atom-star{animation:bgStarTwinkle 2.5s ease-in-out infinite}.atom-star:nth-child(2){animation-delay:.4s}.atom-star:nth-child(3){animation-delay:.8s}.atom-star:nth-child(4){animation-delay:1.2s}.atom-star:nth-child(5){animation-delay:1.6s}.atom-star:nth-child(6){animation-delay:2s}@keyframes rayFloatGold{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}@keyframes topStarBurstGold{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px #fcd34d);opacity:.6}50%{transform:scale(1.4);filter:drop-shadow(0 0 12px #fcd34d) drop-shadow(0 0 25px rgba(252,211,77,.6));opacity:1}}@keyframes bookGlowGold{0%,to{filter:drop-shadow(0 0 4px rgba(245,158,11,.3))}50%{filter:drop-shadow(0 0 12px rgba(245,158,11,.5))}}@keyframes lineRevealGold{0%,to{opacity:.25;stroke-dashoffset:20}50%{opacity:.75;stroke-dashoffset:0}}@keyframes spineGlowGold{0%,to{opacity:.6}50%{opacity:1}}.light-ray-gold{animation:rayFloatGold 2.5s ease-in-out infinite}.light-ray-gold:nth-child(2){animation-delay:.25s}.light-ray-gold:nth-child(3){animation-delay:.5s}.top-star-gold{animation:topStarBurstGold 2s ease-in-out infinite}.top-star-gold:nth-child(2){animation-delay:.4s}.top-star-gold:nth-child(3){animation-delay:.8s}.book-body-gold{animation:bookGlowGold 4s ease-in-out infinite}.page-line-gold{stroke-dasharray:20;animation:lineRevealGold 3s ease-in-out infinite}.page-line-gold:nth-child(1){animation-delay:0s}.page-line-gold:nth-child(2){animation-delay:.25s}.page-line-gold:nth-child(3){animation-delay:.5s}.page-line-gold:nth-child(4){animation-delay:.75s}.page-line-gold:nth-child(5){animation-delay:1s}.page-line-gold:nth-child(6){animation-delay:1.25s}.book-spine-gold{animation:spineGlowGold 2s ease-in-out infinite}.scene-enrollment{width:100%;height:100%;position:relative;overflow:hidden;color:#fff}.enrollment-bg{position:absolute;inset:0}.bg-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#0f0f1a,#1a1a2e)}.bg-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(139,92,246,.1) 1px,transparent 1px);background-size:30px 30px}.dashboard-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 30px;background:#141428e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(139,92,246,.3)}.dashboard-logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:24px}.logo-text{font-size:18px;font-weight:700;background:linear-gradient(135deg,#f43f5e,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-tabs{display:flex;gap:8px}.tab{padding:10px 20px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;color:#fff9;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.tab:hover{background:#ffffff1a;color:#fff}.tab.active{background:#8b5cf633;border-color:#8b5cf680;color:#fff}.dashboard-user{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;background:#8b5cf64d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.user-name{font-size:14px;color:#fffc}.enrollment-content{position:relative;z-index:1;height:calc(100% - 70px);display:flex;align-items:center;justify-content:center;padding:40px}.my-children-section{position:absolute;left:40px;top:50%;transform:translateY(-50%)}.empty-state{text-align:center;padding:40px;background:#14142899;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px dashed rgba(139,92,246,.4);max-width:300px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state h3{font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p{font-size:14px;color:#fff9;margin:0 0 20px}.enroll-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#f43f5e,#8b5cf6,#14b8a6);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.enroll-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf666}.btn-icon{font-size:18px}.enrollment-modal{position:relative;width:600px;max-height:90%;margin:0 auto}.modal-content{background:#141428f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(139,92,246,.4);padding:30px;box-shadow:0 25px 80px #00000080}.modal-header{text-align:center;margin-bottom:24px}.modal-header h2{font-size:28px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#f43f5e,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-header p{color:#fff9;font-size:14px;margin:0}.form-section{margin-bottom:24px}.section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;margin:0 0 16px;color:#ffffffe6}.section-icon{font-size:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:#ffffffb3;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:15px;transition:all .3s ease;outline:none}.form-group input::-moz-placeholder{color:#ffffff4d}.form-group input::placeholder{color:#ffffff4d}.form-group input:focus,.form-group select:focus{border-color:#8b5cf699;background:#8b5cf61a;box-shadow:0 0 0 3px #8b5cf633}.form-group select{cursor:pointer}.form-group select option{background:#1a1a2e;color:#fff}.submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;background:linear-gradient(135deg,#f43f5e,#8b5cf6,#14b8a6);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf666}.trust-badges{display:flex;justify-content:center;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.badge{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffff80}.badge-icon{font-size:14px}@media (max-width: 900px){.enrollment-modal{margin-left:0;width:90%;max-width:500px}.my-children-section{display:none}.form-row{grid-template-columns:1fr}.dashboard-tabs{display:none}}.scene-profile-simple{width:100%;height:100%;position:relative;display:flex;align-items:flex-start;justify-content:flex-end;padding-top:30px;padding-right:5%;color:#fff}.profile-bg-simple{position:absolute;inset:0;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#0f172a)}.profile-bg-simple:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(139,92,246,.15) 1px,transparent 1px);background-size:40px 40px}.profile-modal-simple{position:relative;width:90%;max-width:900px;max-height:calc(100% - 120px);background:#141428f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(139,92,246,.4);box-shadow:0 30px 100px #0009;display:flex;flex-direction:column;overflow:hidden}.modal-header-simple{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#8b5cf61a;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.header-info{display:flex;align-items:center;gap:12px}.header-icon{font-size:28px}.header-info h2{margin:0;font-size:18px;font-weight:700;background:linear-gradient(135deg,#f43f5e,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-info p{margin:0;font-size:13px;color:#fff9}.header-progress{display:flex;align-items:center;gap:10px}.progress-bar-simple{width:120px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill-simple{height:100%;border-radius:3px;background:linear-gradient(90deg,#f43f5e,#8b5cf6,#14b8a6);transition:width .5s ease}.progress-text-simple{font-size:13px;font-weight:600;color:#14b8a6;min-width:45px}.form-scroll-area{flex:1;overflow-y:auto;padding:16px 20px}.form-scroll-area::-webkit-scrollbar{width:6px}.form-scroll-area::-webkit-scrollbar-track{background:transparent}.form-scroll-area::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.form-scroll-area::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.question-group{margin-bottom:20px}.question-group.highlighted-group{background:#8b5cf614;border-radius:12px;padding:12px;margin-left:-12px;margin-right:-12px;border:1px solid rgba(139,92,246,.2)}.section-label{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.section-icon{font-size:18px}.section-title{font-size:14px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.key-badge{margin-left:auto;font-size:10px;padding:3px 8px;background:#8b5cf64d;color:#c4b5fd;border-radius:10px;font-weight:500}.question-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;margin-bottom:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;transition:all .3s ease}.question-row:hover{background:#ffffff0d;border-color:#8b5cf64d}.question-row.answered{background:#14b8a614;border-color:#14b8a64d}.question-row.important{border-left:3px solid #f43f5e}.question-row.highlight{animation:questionHighlight 2s ease}@keyframes questionHighlight{0%,to{background:#ffffff08;transform:scale(1)}20%{background:#8b5cf633;transform:scale(1.01);box-shadow:0 0 20px #8b5cf64d}80%{background:#8b5cf626}}.question-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.q-number{font-size:11px;font-weight:600;color:#8b5cf6cc;background:#8b5cf626;padding:2px 6px;border-radius:4px;flex-shrink:0}.q-label{font-size:13px;color:#ffffffd9;line-height:1.4}.important-badge{color:#f43f5e;font-size:12px;flex-shrink:0}.question-input{flex-shrink:0;min-width:200px;max-width:280px}.dropdown-placeholder{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;transition:all .2s ease}.dropdown-placeholder:hover{border-color:#8b5cf680;background:#ffffff14}.dropdown-placeholder span:first-child{font-size:12px;color:#fff6}.dropdown-arrow{font-size:10px;color:#fff6;transition:transform .2s ease}.dropdown-placeholder:hover .dropdown-arrow{color:#8b5cf6cc}.answer-display{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:#14b8a61a;border:1px solid rgba(20,184,166,.3);border-radius:8px}.answer-text{font-size:12px;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.check-icon{color:#14b8a6;font-size:14px;font-weight:700;flex-shrink:0}.modal-footer-simple{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#0003;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.btn-cancel{padding:10px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#ffffffb3;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#ffffff26;color:#fff}.btn-submit{padding:10px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#f43f5e,#8b5cf6);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf666}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.profile-modal-simple{width:95%;max-height:calc(100% - 80px)}.question-row{flex-direction:column;align-items:flex-start;gap:10px}.question-input{width:100%;max-width:none}.modal-header-simple{flex-direction:column;gap:12px;align-items:flex-start}.header-progress{width:100%}.progress-bar-simple{flex:1}}@media (max-width: 480px){.question-content{flex-wrap:wrap}.q-label{width:100%;margin-top:4px}.modal-footer-simple{flex-direction:column;gap:10px}.btn-cancel,.btn-submit{width:100%;text-align:center}}.scene-grouping{width:100%;height:100%;position:relative;display:flex;flex-direction:column;color:#fff}.grouping-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f0f1a)}.admin-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:16px 30px;background:#0f0f1af2;border-bottom:1px solid rgba(139,92,246,.3)}.header-left{display:flex;align-items:center;gap:10px}.admin-icon{font-size:24px}.admin-title{font-size:18px;font-weight:700;color:#8b5cf6}.header-tabs{display:flex;gap:8px}.header-tabs .tab{padding:10px 20px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;color:#fff9;font-size:14px;cursor:pointer;transition:all .3s ease}.header-tabs .tab.active{background:#8b5cf633;border-color:#8b5cf680;color:#fff}.grouping-content{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:1fr 350px;gap:20px;padding:20px 30px;overflow:hidden}.assignment-panel{background:#141428cc;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;flex-direction:column}.panel-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header h2{margin:0 0 4px;font-size:18px;font-weight:700}.panel-header p{margin:0;font-size:13px;color:#ffffff80}.assignment-table{width:100%;border-collapse:collapse}.assignment-table th{text-align:left;padding:14px 16px;background:#0000004d;font-size:12px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.assignment-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.student-row{transition:all .3s ease}.student-row:hover{background:#8b5cf61a}.student-row.highlighted{background:#8b5cf626;border-left:3px solid #8b5cf6}.student-name{display:flex;align-items:center;gap:10px;font-weight:500}.avatar{width:32px;height:32px;background:#8b5cf633;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.student-level{display:flex;flex-direction:column;gap:2px}.student-level .age{font-size:14px;color:#fffc}.student-level .level{font-size:12px;color:#ffffff80}.suggestion-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff0d;border:1px solid;border-radius:8px}.group-icon{font-size:18px}.group-code{font-weight:700;font-size:14px}.group-name{font-size:13px;color:#fff9}.confidence{display:flex;align-items:center;gap:10px}.confidence-bar{width:60px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.confidence-fill{height:100%;border-radius:3px;transition:width .5s ease}.confidence-text{font-size:14px;font-weight:600;color:#fffc}.actions{display:flex;gap:8px}.action-btn{padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn.use-system{background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#22c55e}.action-btn.use-system:hover{background:#22c55e4d}.action-btn.manual{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#ffffffb3}.assigned-badge{color:#22c55e;font-weight:500;font-size:13px}.reasoning-panel{background:#141428e6;border-radius:16px;border:1px solid rgba(139,92,246,.4);overflow:hidden}.reasoning-panel .panel-header{display:flex;justify-content:space-between;align-items:center;background:#8b5cf61a}.reasoning-panel h3{margin:0;font-size:16px}.student-tag{font-size:12px;background:#8b5cf64d;padding:4px 10px;border-radius:12px}.reasoning-content{padding:20px}.reasoning-section h4{margin:0 0 16px;font-size:14px;color:#ffffffb3}.reasoning-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.reasoning-list li{display:flex;align-items:center;gap:8px;padding:10px;background:#ffffff08;border-radius:8px;font-size:13px}.reasoning-list .factor{color:#fff9;flex-shrink:0}.reasoning-list .value{flex:1;color:#ffffffe6}.reasoning-list .score{font-weight:700;color:#14b8a6;background:#14b8a626;padding:2px 8px;border-radius:4px;font-size:11px}.final-result{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.result-badge{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#22c55e33,#14b8a633);border:1px solid rgba(34,197,94,.4);border-radius:12px}.result-icon{font-size:32px}.result-text{flex:1;display:flex;flex-direction:column}.result-label{font-size:11px;color:#ffffff80;text-transform:uppercase}.result-value{font-size:16px;font-weight:700;color:#22c55e}.result-confidence{font-size:24px;font-weight:800;color:#22c55e}.group-legend{position:relative;z-index:1;display:flex;justify-content:center;gap:16px;padding:16px 30px;background:#0f0f1af2;border-top:1px solid rgba(255,255,255,.1)}.legend-item{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#ffffff08;border:1px solid;border-radius:10px}.legend-icon{font-size:20px}.legend-text{display:flex;flex-direction:column}.legend-code{font-weight:700;font-size:13px}.legend-name{font-size:12px;color:#ffffffb3}.legend-ages{font-size:10px;color:#fff6}@media (max-width: 1024px){.grouping-content{grid-template-columns:1fr;overflow-y:auto}.reasoning-panel{order:-1;margin-bottom:20px}.group-legend{flex-wrap:wrap;gap:10px}}.scene-syllabus-5a{width:100%;height:100%;position:relative;display:flex;flex-direction:column;color:#fff;overflow:hidden}.syllabus-bg-5a{position:absolute;inset:0;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f0f1a)}.syllabus-bg-5a:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(139,92,246,.1) 1px,transparent 1px);background-size:40px 40px}.syllabus-header-5a{position:relative;z-index:2;padding:20px 30px;background:#0f0f1ae6;border-bottom:1px solid rgba(139,92,246,.3)}.header-content-5a h1{margin:0;font-size:28px;font-weight:800;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content-5a p{margin:6px 0 0;font-size:14px;color:#fff9}.syllabus-content-5a{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:20px;padding:20px 30px;overflow-y:auto}.subjects-grid-5a{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.subject-card-5a{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:18px;transition:all .3s ease;cursor:pointer}.subject-card-5a:hover{background:#ffffff14;border-color:var(--subject-color, rgba(139, 92, 246, .5));transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.subject-card-5a.highlighted,.subject-card-5a.pulse-highlight{border-color:var(--subject-color, #8b5cf6);box-shadow:0 0 30px color-mix(in srgb,var(--subject-color) 30%,transparent);animation:cardPulse 1s ease infinite}@keyframes cardPulse{0%,to{box-shadow:0 0 20px color-mix(in srgb,var(--subject-color) 20%,transparent)}50%{box-shadow:0 0 40px color-mix(in srgb,var(--subject-color) 40%,transparent)}}.card-header-5a{display:flex;align-items:center;gap:12px;margin-bottom:10px}.subject-icon-5a{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--subject-color) 20%,transparent);border-radius:12px}.subject-name-5a{margin:0;font-size:16px;font-weight:700;color:#fff}.subject-desc-5a{margin:0 0 14px;font-size:12px;line-height:1.4;color:#ffffffb3;min-height:34px}.subject-stats-5a{display:flex;gap:24px}.stat-5a{display:flex;flex-direction:column}.stat-value-5a{font-size:22px;font-weight:800;color:var(--subject-color, #8b5cf6)}.stat-label-5a{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80}.card-arrow-5a{position:absolute;bottom:16px;right:16px;font-size:18px;color:var(--subject-color, rgba(255, 255, 255, .4));opacity:.5;transition:all .3s ease}.subject-card-5a:hover .card-arrow-5a{opacity:1;transform:translate(4px)}.journey-panel-5a{background:#141428cc;border-radius:16px;border:1px solid rgba(139,92,246,.3);padding:20px 24px}.journey-header-5a{margin-bottom:20px}.journey-header-5a h2{margin:0 0 4px;font-size:18px;font-weight:700;color:#fff}.journey-header-5a p{margin:0;font-size:13px;color:#ffffff80}.levels-timeline-5a{display:flex;justify-content:space-between;align-items:flex-start;position:relative}.level-item-5a{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.level-marker-5a{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 4px 20px #8b5cf666}.level-number-5a{font-size:20px;font-weight:800;color:#fff}.level-info-5a{display:flex;flex-direction:column;align-items:center;text-align:center}.level-name-5a{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px}.level-ages-5a{font-size:12px;color:#ffffff80}.level-connector-5a{position:absolute;top:24px;left:calc(50% + 30px);width:calc(100% - 60px);height:3px;background:linear-gradient(90deg,#8b5cf6,#6366f1);opacity:.5}.syllabus-footer-5a{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:30px;padding:16px 30px;background:#0f0f1af2;border-top:1px solid rgba(255,255,255,.1)}.footer-stat-5a{display:flex;flex-direction:column;align-items:center}.footer-value-5a{font-size:24px;font-weight:800;background:linear-gradient(135deg,#14b8a6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-label-5a{font-size:11px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.footer-divider-5a{width:1px;height:40px;background:#ffffff26}@media (max-width: 1200px){.subjects-grid-5a{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.subjects-grid-5a{grid-template-columns:1fr}.levels-timeline-5a{flex-direction:column;gap:16px}.level-item-5a{flex-direction:row;gap:16px}.level-info-5a{align-items:flex-start;text-align:left}.level-connector-5a{display:none}.syllabus-footer-5a{flex-wrap:wrap;gap:20px}}.scene-explorer-5b{width:100%;height:100%;position:relative;display:flex;flex-direction:column;color:#fff;overflow:hidden}.explorer-bg-5b{position:absolute;inset:0;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f0f1a)}.explorer-bg-5b:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(139,92,246,.08) 1px,transparent 1px);background-size:30px 30px}.explorer-header-5b{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#0f0f1af2;border-bottom:1px solid rgba(139,92,246,.3);gap:20px;transition:all .3s ease}.explorer-header-5b.compact{padding:8px 24px;background:#0a0a14fa}.explorer-header-5b.compact .subject-icon-large{font-size:28px}.explorer-header-5b.compact h1{font-size:18px}.explorer-header-5b.compact p{font-size:11px}.back-button-5b{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff14;border:2px solid currentColor;border-radius:30px;cursor:pointer;font-size:14px;font-weight:700;transition:all .25s ease;flex-shrink:0}.back-button-5b:hover{background:#ffffff26;transform:translate(-4px);box-shadow:0 4px 20px #0000004d}.back-button-5b .back-arrow{font-size:18px;font-weight:800;transition:transform .2s ease}.back-button-5b:hover .back-arrow{transform:translate(-3px)}.header-left-5b{display:flex;align-items:center;gap:12px}.subject-icon-large{font-size:36px}.header-left-5b h1{margin:0;font-size:22px;font-weight:800}.header-left-5b p{margin:2px 0 0;font-size:12px;color:#fff9}.year-tabs-5b{position:relative;z-index:2;display:flex;justify-content:center;gap:12px;padding:14px 24px;background:#0f0f1ee6;border-bottom:1px solid rgba(255,255,255,.1)}.year-tab{display:flex;flex-direction:column;align-items:center;padding:12px 28px;background:#ffffff08;border:2px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:130px}.year-tab:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}.year-tab.active{color:#fff;border-color:transparent;box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.year-tab .year-name{font-size:15px;font-weight:700;color:inherit}.year-tab .year-stage{font-size:10px;font-weight:500;color:#ffffff80;margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.year-tab.active .year-stage{color:#fffc}.header-stats-5b{display:flex;gap:20px}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-item .stat-value{font-size:20px;font-weight:800;color:#fff}.stat-item .stat-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80}.subject-selector-5b{position:relative;z-index:2;display:flex;justify-content:center;gap:8px;padding:10px 20px;background:#141428cc;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.subject-pill{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0d;border:2px solid transparent;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:12px;font-weight:500;color:#ffffffb3}.subject-pill:hover{background:#ffffff1a}.subject-pill.active{color:#fff;font-weight:600}.subject-pill span:first-child{font-size:14px}.overview-bar-5b{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:#1e1e3c99;border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s ease}.overview-bar-5b.minimal{padding:8px 24px;background:#141428e6;justify-content:center;gap:40px}.overview-left h3{margin:0;font-size:15px;font-weight:700;color:#fff}.overview-left p{margin:2px 0 0;font-size:11px;color:#ffffff80}.term-legend{display:flex;gap:8px}.term-tag{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:600}.lesson-counter{font-size:14px;font-weight:700;letter-spacing:.5px}.lessons-container-5b{position:relative;z-index:1;flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 24px 40px;scroll-behavior:smooth}.lessons-container-5b::-webkit-scrollbar{width:8px}.lessons-container-5b::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.lessons-container-5b::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-color, #8b5cf6) 0%,rgba(139,92,246,.5) 100%);border-radius:4px}.lessons-container-5b::-webkit-scrollbar-thumb:hover{background:var(--accent-color, #8b5cf6)}.lessons-grid-5b{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding-bottom:20px}.lesson-card-5b{position:relative;background:linear-gradient(145deg,color-mix(in srgb,var(--accent-color) 15%,rgba(30,30,50,.95)),color-mix(in srgb,var(--accent-color) 8%,rgba(20,20,40,.95)));border:1px solid color-mix(in srgb,var(--accent-color) 30%,transparent);border-radius:12px;overflow:hidden;transition:all .25s ease;box-shadow:0 4px 12px #0003,inset 0 1px color-mix(in srgb,var(--accent-color) 20%,transparent)}.lesson-card-5b:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-color) 25%,rgba(40,40,70,.95)),color-mix(in srgb,var(--accent-color) 15%,rgba(30,30,60,.95)));border-color:color-mix(in srgb,var(--accent-color) 60%,transparent);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 30px #0000004d,0 0 20px color-mix(in srgb,var(--accent-color) 25%,transparent),inset 0 1px color-mix(in srgb,var(--accent-color) 40%,transparent);z-index:10}.card-accent-bar{height:4px;width:100%;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-color) 50%,transparent)}.card-body-5b{padding:12px 14px}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.lesson-number-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-color) 40%,transparent)}.term-badge{padding:4px 10px;border-radius:12px;font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.lesson-topic{margin:0 0 8px;font-size:13px;font-weight:700;color:#fff;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.lesson-focus{margin:0 0 10px;font-size:11px;color:#ffffffb3;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px}.lesson-unit{display:flex;align-items:center;gap:6px;font-size:10px;color:#fff9;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--accent-color) 20%,transparent)}.lesson-unit span:first-child{font-size:12px}@keyframes scrollPulse{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}.lessons-container-5b:after{content:"↓ Scroll to see all lessons";position:sticky;bottom:0;left:0;right:0;display:block;text-align:center;padding:12px;background:linear-gradient(to top,rgba(15,15,26,.95) 0%,transparent 100%);color:#ffffff80;font-size:11px;font-weight:500;letter-spacing:.5px;animation:scrollPulse 2s ease-in-out infinite;pointer-events:none}.explorer-footer-5b{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;padding:12px 24px;background:#0f0f1af2;border-top:1px solid rgba(255,255,255,.1)}.footer-message{display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffffb3}.footer-icon{font-size:18px}@media (max-width: 1400px){.lessons-grid-5b{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1100px){.lessons-grid-5b{grid-template-columns:repeat(3,1fr)}.year-tabs-5b{gap:8px;padding:12px 16px}.year-tab{padding:10px 20px;min-width:100px}.year-tab .year-name{font-size:13px}}@media (max-width: 768px){.lessons-grid-5b{grid-template-columns:repeat(2,1fr)}.subject-selector-5b{gap:6px;padding:8px 12px}.subject-pill{padding:4px 8px;font-size:11px}.subject-pill span:first-child{font-size:12px}.explorer-header-5b{padding:10px 16px}.lessons-container-5b{padding:12px 16px}.year-tabs-5b{flex-wrap:wrap;gap:6px}.year-tab{padding:8px 16px;min-width:80px}.year-tab .year-stage{display:none}}@media (max-width: 500px){.lessons-grid-5b{grid-template-columns:1fr}.header-stats-5b{display:none}}body>div.fixed.inset-0.bg-black\/60{z-index:10001!important}body>div.fixed.inset-0.z-\[100\]{z-index:10001!important}body>div.fixed.inset-0.backdrop-blur-sm{z-index:10001!important}.scene-lesson-demo-6{width:100%;height:100%;position:relative;display:flex;flex-direction:column;color:#fff;overflow:hidden}.lesson-demo-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f0f1a);z-index:1}.lesson-demo-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(139,92,246,.08) 1px,transparent 1px);background-size:30px 30px}.modal-container-6{position:relative;z-index:10;width:100%;height:100%}.tour-blocking-overlay{cursor:default}@media (max-width: 768px){.scene-lesson-demo-6{overflow:visible}}:root{--sim-primary: #2196F3;--sim-primary-dark: #1976D2;--sim-primary-light: #BBDEFB;--sim-secondary: #4CAF50;--sim-warning: #FF9800;--sim-danger: #F44336;--sim-track: #e0e0e0;--sim-bg: #ffffff;--sim-bg-secondary: #f5f5f5;--sim-text: #333333;--sim-text-secondary: #666666;--sim-border: #dddddd;--sim-shadow: 0 2px 8px rgba(0, 0, 0, .1);--sim-radius: 8px;--sim-radius-sm: 4px;--sim-transition: .2s ease}.sim-slider{display:flex;flex-direction:column;gap:6px;padding:8px 0}.sim-slider--disabled{opacity:.5;pointer-events:none}.sim-slider__header{display:flex;justify-content:space-between;align-items:center}.sim-slider__label{font-size:13px;font-weight:500;color:var(--sim-text)}.sim-slider__value{font-size:14px;font-weight:600;color:var(--sim-primary);min-width:60px;text-align:right}.sim-slider__unit{font-size:11px;font-weight:400;color:var(--sim-text-secondary);margin-left:2px}.sim-slider__track-container{position:relative}.sim-slider__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;outline:none;cursor:pointer;transition:var(--sim-transition)}.sim-slider__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--sim-primary);cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0003;-webkit-transition:var(--sim-transition);transition:var(--sim-transition)}.sim-slider__input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 10px #0000004d}.sim-slider__input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--sim-primary);cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0003}.sim-slider__marks{position:relative;height:20px;margin-top:4px}.sim-slider__mark{position:absolute;transform:translate(-50%);font-size:10px;color:var(--sim-text-secondary)}.sim-slider__range{display:flex;justify-content:space-between;font-size:10px;color:var(--sim-text-secondary)}.sim-radio-group{display:flex;flex-direction:column;gap:8px}.sim-radio-group__label{font-size:13px;font-weight:500;color:var(--sim-text);margin-bottom:4px}.sim-radio-group__options{display:flex;flex-direction:column;gap:6px}.sim-radio-group--horizontal .sim-radio-group__options{flex-direction:row;flex-wrap:wrap;gap:12px}.sim-radio-group__option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 10px;border-radius:var(--sim-radius-sm);transition:var(--sim-transition)}.sim-radio-group__option:hover{background:var(--sim-bg-secondary)}.sim-radio-group__option--selected{background:var(--sim-primary-light)}.sim-radio-group__option--disabled{opacity:.5;cursor:not-allowed}.sim-radio-group__input{display:none}.sim-radio-group__radio{width:18px;height:18px;border:2px solid var(--sim-border);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--sim-transition)}.sim-radio-group__option--selected .sim-radio-group__radio{border-color:var(--sim-primary)}.sim-radio-group__option--selected .sim-radio-group__radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--sim-primary)}.sim-radio-group__icon{font-size:16px}.sim-radio-group__text{font-size:13px;color:var(--sim-text)}.sim-playback{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--sim-bg-secondary);border-radius:var(--sim-radius)}.sim-playback__buttons{display:flex;gap:8px}.sim-playback__btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--sim-radius-sm);cursor:pointer;font-size:13px;font-weight:500;transition:var(--sim-transition)}.sim-playback__btn--start{background:var(--sim-secondary);color:#fff}.sim-playback__btn--start:hover{background:#43a047}.sim-playback__btn--pause{background:var(--sim-warning);color:#fff}.sim-playback__btn--pause:hover{background:#fb8c00}.sim-playback__btn--reset{background:var(--sim-bg);color:var(--sim-text);border:1px solid var(--sim-border)}.sim-playback__btn--reset:hover{background:var(--sim-bg-secondary)}.sim-playback__btn--screenshot{background:var(--sim-bg);color:var(--sim-text-secondary);padding:8px;border:1px solid var(--sim-border)}.sim-playback__speed{display:flex;align-items:center;gap:8px}.sim-playback__speed-label{font-size:12px;color:var(--sim-text-secondary)}.sim-playback__speed-options{display:flex;border:1px solid var(--sim-border);border-radius:var(--sim-radius-sm);overflow:hidden}.sim-playback__speed-btn{padding:6px 12px;border:none;background:var(--sim-bg);color:var(--sim-text);font-size:12px;cursor:pointer;transition:var(--sim-transition);border-right:1px solid var(--sim-border)}.sim-playback__speed-btn:last-child{border-right:none}.sim-playback__speed-btn--active{background:var(--sim-primary);color:#fff}.sim-playback__speed-btn:hover:not(.sim-playback__speed-btn--active){background:var(--sim-bg-secondary)}.sim-info-panel{background:var(--sim-bg);border:1px solid var(--sim-border);border-radius:var(--sim-radius);box-shadow:var(--sim-shadow);overflow:hidden}.sim-info-panel--right{width:280px;min-height:200px}.sim-info-panel--bottom{width:100%}.sim-info-panel--empty{opacity:.7}.sim-info-panel__header{padding:12px 16px;background:var(--sim-primary);color:#fff}.sim-info-panel__title{margin:0;font-size:14px;font-weight:600}.sim-info-panel__content{padding:16px}.sim-info-panel__text{margin:0;font-size:13px;line-height:1.6;color:var(--sim-text)}.sim-info-panel__placeholder{color:var(--sim-text-secondary);font-style:italic;text-align:center;padding:20px}.sim-info-panel__nav{display:flex;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--sim-border);background:var(--sim-bg-secondary)}.sim-info-panel__nav-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;background:transparent;color:var(--sim-primary);font-size:12px;font-weight:500;cursor:pointer;transition:var(--sim-transition)}.sim-info-panel__nav-btn:hover{background:var(--sim-primary-light);border-radius:var(--sim-radius-sm)}.sim-progress{display:flex;align-items:center;gap:10px}.sim-progress--vertical{flex-direction:column;align-items:stretch}.sim-progress__label{font-size:12px;color:var(--sim-text-secondary);min-width:80px}.sim-progress__track{flex:1;background:var(--sim-track);border-radius:10px;overflow:hidden;position:relative}.sim-progress--horizontal .sim-progress__track{height:20px}.sim-progress--vertical .sim-progress__track{width:100%;height:100%}.sim-progress__fill{height:100%;border-radius:10px;transition:width .3s ease,height .3s ease}.sim-progress--vertical .sim-progress__fill{width:100%;position:absolute;bottom:0}.sim-progress--animated .sim-progress__fill{transition:width .5s ease-out,height .5s ease-out}.sim-progress__value{font-size:13px;font-weight:600;color:var(--sim-text);min-width:50px;text-align:right}.sim-checkbox-group{display:flex;flex-direction:column;gap:8px}.sim-checkbox-group__label{font-size:13px;font-weight:500;color:var(--sim-text);margin-bottom:4px}.sim-checkbox-group__options{display:flex;flex-direction:column;gap:6px}.sim-checkbox-group__option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 10px;border-radius:var(--sim-radius-sm);transition:var(--sim-transition)}.sim-checkbox-group__option:hover{background:var(--sim-bg-secondary)}.sim-checkbox-group__option--disabled{opacity:.5;cursor:not-allowed}.sim-checkbox-group__input{display:none}.sim-checkbox-group__checkbox{width:18px;height:18px;border:2px solid var(--sim-border);border-radius:var(--sim-radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--sim-transition)}.sim-checkbox-group__option--checked .sim-checkbox-group__checkbox{background:var(--sim-primary);border-color:var(--sim-primary);color:#fff}.sim-checkbox-group__text{font-size:13px;color:var(--sim-text)}:root{--sim-primary: #2196F3;--sim-primary-dark: #1976D2;--sim-primary-light: #BBDEFB;--sim-secondary: #4CAF50;--sim-warning: #FF9800;--sim-danger: #F44336;--sim-bg: #ffffff;--sim-bg-secondary: #f5f5f5;--sim-bg-canvas: #fafafa;--sim-text: #333333;--sim-text-secondary: #666666;--sim-text-muted: #999999;--sim-border: #dddddd;--sim-border-light: #eeeeee;--sim-shadow: 0 2px 8px rgba(0, 0, 0, .1);--sim-shadow-lg: 0 4px 16px rgba(0, 0, 0, .15);--sim-radius: 8px;--sim-radius-sm: 4px;--sim-transition: .2s ease}.simulation-container{display:flex;flex-direction:column;gap:8px;padding:8px 12px;background:var(--sim-bg);border-radius:var(--sim-radius);width:100%;height:100%;box-sizing:border-box}.simulation-header{text-align:center;padding-bottom:4px;border-bottom:1px solid var(--sim-border-light)}.simulation-title{margin:0;font-size:18px;font-weight:600;color:var(--sim-text)}.simulation-subtitle{margin:2px 0 0;font-size:12px;color:var(--sim-text-secondary)}.simulation-main{display:flex;gap:12px;flex:1;min-height:0}.simulation-main--right{flex-direction:row}.simulation-main--bottom{flex-direction:column}.simulation-main--left{flex-direction:row-reverse}.simulation-canvas-area{flex:1;background:var(--sim-bg-canvas);border-radius:var(--sim-radius);border:1px solid var(--sim-border);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.simulation-canvas-area canvas{display:block;max-width:100%;max-height:100%}.simulation-canvas-area--loading{display:flex;align-items:center;justify-content:center}.simulation-canvas-area--loading:after{content:"Loading...";color:var(--sim-text-muted);font-size:14px}.simulation-side-panel{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.simulation-main--bottom .simulation-side-panel{width:100%;flex-direction:row;flex-wrap:wrap}.simulation-controls{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-top:1px solid var(--sim-border-light);flex-shrink:0}.simulation-fps{font-size:11px;color:var(--sim-text-muted);font-family:monospace;padding:4px 8px;background:var(--sim-bg-secondary);border-radius:var(--sim-radius-sm)}.simulation-control-panel{background:var(--sim-bg);border:1px solid var(--sim-border);border-radius:var(--sim-radius);padding:16px}.simulation-control-panel__title{font-size:14px;font-weight:600;color:var(--sim-text);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--sim-border-light)}.simulation-control-panel__section{margin-bottom:16px}.simulation-control-panel__section:last-child{margin-bottom:0}.simulation-control-panel__label{display:block;font-size:12px;font-weight:500;color:var(--sim-text-secondary);margin-bottom:8px}.simulation-footer{padding-top:12px;border-top:1px solid var(--sim-border-light)}.simulation-objectives{font-size:13px;color:var(--sim-text-secondary)}.simulation-objectives summary{cursor:pointer;font-weight:500;color:var(--sim-text);padding:8px 0}.simulation-objectives summary:hover{color:var(--sim-primary)}.simulation-objectives ul{margin:8px 0 0;padding-left:24px}.simulation-objectives li{margin-bottom:4px;line-height:1.5}.simulation-data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.simulation-data-item{background:var(--sim-bg-secondary);border-radius:var(--sim-radius-sm);padding:12px;text-align:center}.simulation-data-item__label{font-size:11px;color:var(--sim-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.simulation-data-item__value{font-size:18px;font-weight:600;color:var(--sim-text)}.simulation-data-item__unit{font-size:12px;font-weight:400;color:var(--sim-text-secondary);margin-left:2px}.simulation-data-item--primary .simulation-data-item__value{color:var(--sim-primary)}.simulation-data-item--success .simulation-data-item__value{color:var(--sim-secondary)}.simulation-data-item--warning .simulation-data-item__value{color:var(--sim-warning)}.simulation-data-item--danger .simulation-data-item__value{color:var(--sim-danger)}.simulation-stages{display:flex;gap:8px;padding:12px;background:var(--sim-bg-secondary);border-radius:var(--sim-radius)}.simulation-stage{flex:1;padding:8px 12px;background:var(--sim-bg);border-radius:var(--sim-radius-sm);text-align:center;cursor:pointer;transition:var(--sim-transition);border:2px solid transparent}.simulation-stage:hover{border-color:var(--sim-border)}.simulation-stage--active{border-color:var(--sim-primary);background:var(--sim-primary-light)}.simulation-stage__label{font-size:12px;font-weight:500;color:var(--sim-text)}.simulation-stage--active .simulation-stage__label{color:var(--sim-primary-dark)}@media (max-width: 768px){.simulation-container{padding:12px}.simulation-main{flex-direction:column}.simulation-side-panel{width:100%}.simulation-title{font-size:20px}.simulation-controls{flex-direction:column;gap:12px}.simulation-data-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.simulation-stages{flex-direction:column}.simulation-data-grid{grid-template-columns:1fr}}.simulation-fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.simulation-pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.simulation-glow{animation:glow 1.5s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 5px var(--sim-primary)}to{box-shadow:0 0 20px var(--sim-primary)}}.life-tester{--lt-bg-primary: #0d0d1a;--lt-bg-secondary: #1a1a2e;--lt-bg-tertiary: #252540;--lt-bg-card: #16213e;--lt-text-primary: #ffffff;--lt-text-secondary: #b8b8d1;--lt-text-muted: #6c6c8a;--lt-accent-green: #4CAF50;--lt-accent-orange: #FF9800;--lt-accent-red: #F44336;--lt-accent-blue: #2196F3;--lt-accent-purple: #9C27B0;--lt-accent-cyan: #00BCD4;--lt-border-color: #2a2a4a;--lt-glow-green: rgba(76, 175, 80, .3);--lt-glow-orange: rgba(255, 152, 0, .3);--lt-radius-sm: 6px;--lt-radius-md: 10px;--lt-radius-lg: 16px;--lt-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--lt-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--lt-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--lt-transition-fast: .15s ease;--lt-transition-normal: .25s ease;--lt-transition-slow: .4s ease}.life-tester{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,var(--lt-bg-primary) 0%,var(--lt-bg-secondary) 100%);color:var(--lt-text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}.life-tester--fullscreen{position:fixed;inset:0;z-index:9999}.life-tester__header{background:var(--lt-bg-card);border-bottom:1px solid var(--lt-border-color);padding:1rem 1.5rem}.life-tester__header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.life-tester__title-group{display:flex;flex-direction:column;gap:.25rem}.life-tester__title{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;background:linear-gradient(90deg,var(--lt-accent-green),var(--lt-accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.life-tester__title-icon{font-size:2rem;-webkit-text-fill-color:initial}.life-tester__subtitle{margin:0;font-size:1rem;color:var(--lt-text-secondary)}.life-tester__header-controls{display:flex;align-items:center;gap:1rem}.life-tester__level-badge{padding:.4rem .8rem;background:linear-gradient(135deg,var(--lt-accent-purple),var(--lt-accent-blue));border-radius:20px;font-size:.85rem;font-weight:600}.life-tester__fullscreen-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--lt-bg-tertiary);border:1px solid var(--lt-border-color);border-radius:var(--lt-radius-sm);color:var(--lt-text-secondary);font-size:1.25rem;cursor:pointer;transition:all var(--lt-transition-fast)}.life-tester__fullscreen-btn:hover{background:var(--lt-accent-blue);color:#fff;border-color:var(--lt-accent-blue)}.life-tester__learning-objective{display:flex;align-items:stretch;gap:1rem;padding:.875rem 1rem;background:linear-gradient(135deg,#4caf501a,#00bcd41a);border:1px solid rgba(76,175,80,.3);border-radius:var(--lt-radius-md)}.life-tester__learning-objective-icon{font-size:1.75rem;display:flex;align-items:center}.life-tester__learning-objective-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.life-tester__learning-objective-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--lt-accent-green);text-transform:uppercase}.life-tester__learning-objective-text{font-size:.9rem;line-height:1.4;color:var(--lt-text-primary)}.life-tester__learning-objective-lesson{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:.25rem;padding-left:1rem;border-left:2px solid rgba(76,175,80,.3)}.life-tester__learning-objective-lesson-tag{font-size:.7rem;font-weight:600;color:var(--lt-accent-cyan)}.life-tester__learning-objective-lesson-name{font-size:.75rem;color:var(--lt-text-secondary);text-align:right}.life-tester__main{flex:1;display:grid;grid-template-columns:320px 1fr 300px;gap:1.5rem;padding:1.5rem;max-width:1600px;margin:0 auto;width:100%}.life-tester__section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--lt-text-primary)}.life-tester__section-icon{font-size:1.1rem}.life-tester__left-panel{display:flex;flex-direction:column;gap:1rem}.life-tester__specimen-selector{background:var(--lt-bg-card);border:1px solid var(--lt-border-color);border-radius:var(--lt-radius-lg);padding:1rem}.life-tester__difficulty-filter{display:flex;gap:.5rem;margin-bottom:1rem}.life-tester__difficulty-btn{flex:1;padding:.5rem;background:var(--lt-bg-tertiary);border:1px solid var(--lt-border-color);border-radius:var(--lt-radius-sm);color:var(--lt-text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--lt-transition-fast)}.life-tester__difficulty-btn:hover{border-color:var(--btn-color, var(--lt-accent-blue));color:var(--btn-color, var(--lt-accent-blue))}.life-tester__difficulty-btn--active{background:var(--btn-color, var(--lt-accent-blue));border-color:var(--btn-color, var(--lt-accent-blue));color:#fff}.life-tester__specimen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;max-height:280px;overflow-y:auto;padding-right:.25rem}.life-tester__specimen-grid::-webkit-scrollbar{width:4px}.life-tester__specimen-grid::-webkit-scrollbar-thumb{background:var(--lt-border-color);border-radius:2px}.life-tester__specimen-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:var(--lt-bg-tertiary);border:2px solid var(--lt-border-color);border-radius:var(--lt-radius-md);color:var(--lt-text-primary);cursor:pointer;transition:all var(--lt-transition-fast)}.life-tester__specimen-btn:hover{border-color:var(--specimen-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.life-tester__specimen-btn--selected{border-color:var(--specimen-color);background:linear-gradient(135deg,var(--lt-bg-tertiary),rgba(255,255,255,.05));box-shadow:0 0 20px rgba(var(--specimen-color),.3)}.life-tester__specimen-btn--tested{opacity:.8}.life-tester__specimen-emoji{font-size:1.5rem}.life-tester__specimen-name{font-size:.7rem;font-weight:600;text-align:center;line-height:1.2}.life-tester__specimen-badge{position:absolute;top:4px;right:4px;padding:2px 6px;font-size:.55rem;font-weight:700;border-radius:4px;text-transform:uppercase}.life-tester__specimen-check{position:absolute;bottom:4px;right:4px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--lt-accent-green);border-radius:50%;font-size:.65rem;color:#fff}.life-tester__quick-actions{display:flex;gap:.5rem;margin-top:1rem}.life-tester__action-btn{flex:1;padding:.6rem;background:var(--lt-bg-tertiary);border:1px solid var(--lt-border-color);border-radius:var(--lt-radius-sm);color:var(--lt-text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--lt-transition-fast)}.life-tester__action-btn:hover{background:var(--lt-accent-blue);border-color:var(--lt-accent-blue);color:#fff}.life-tester__action-btn--active{background:var(--lt-accent-purple);border-color:var(--lt-accent-purple);color:#fff}.life-tester__canvas-container{position:relative;background:var(--lt-bg-secondary);border:1px solid var(--lt-border-color);border-radius:var(--lt-radius-lg);overflow:hidden}.life-tester__canvas{display:block;width:100%;height:auto}.life-tester__canvas-label{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(transparent,#000c)}.life-tester__canvas-name{font-size:.9rem;font-weight:600}.life-tester__canvas-category{font-size:.75rem;font-weight:600}.life-tester__center-panel{display:flex;flex-direction:column;gap:1rem}.life-tester__scorecard{background:var(--lt-bg-card);border:1px solid var(--lt-border-color);border-radius:var(--lt-radius-lg);padding:1.25rem}.life-tester__scores{display:flex;flex-direction:column;gap:.75rem}.life-tester__criterion{display:flex;flex-direction:column;gap:.25rem}.life-tester__score-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--lt-bg-tertiary);border-radius:var(--lt-radius-sm);cursor:pointer;transition:all var(--lt-transition-fast);opacity:.5}.life-tester__score-bar--revealed{opacity:1}.life-tester__score-bar:hover{background:#ffffff0d}.life-tester__score-bar-label{display:flex;align-items:center;gap:.5rem;min-width:130px}.life-tester__score-bar-letter{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;font-size:.85rem;font-weight:700}.life-tester__score-bar-name{font-size:.85rem;color:var(--lt-text-secondary)}.life-tester__score-bar-track{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.life-tester__score-bar-fill{height:100%;border-radius:4px;transition:width .5s ease-out}.life-tester__score-bar-value{min-width:45px;text-align:right;font-size:.85rem;font-weight:600}.life-tester__criterion-detail{padding:.5rem .75rem .5rem 2.5rem;font-size:.75rem;color:var(--lt-text-muted);line-height:1.4;animation:fadeInDetail .3s ease}@keyframes fadeInDetail{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.life-tester__verdict-section{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--lt-border-color)}.life-tester__analyzing{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;color:var(--lt-text-secondary)}.life-tester__analyzing-spinner{width:24px;height:24px;border:3px solid var(--lt-border-color);border-top-color:var(--lt-accent-cyan);border-radius:50%;animation:spin 1s linear infinite}.life-tester__overall-score{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.life-tester__overall-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--lt-text-muted);text-transform:uppercase}.life-tester__overall-bar{flex:1;height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.life-tester__overall-fill{height:100%;border-radius:6px;transition:width .5s ease-out}.life-tester__overall-value{font-size:1.25rem;font-weight:700}.life-tester__verdict{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border:2px solid;border-radius:var(--lt-radius-md);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.life-tester__verdict--pulse{animation:verdictPulse 2s ease-in-out infinite}@keyframes verdictPulse{0%,to{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 20px 0 currentColor}}.life-tester__verdict-icon{font-size:1.5rem}.life-tester__analysis-summary{background:var(--lt-bg-card);border:1px solid var(--lt-border-color);border-radius:var(--lt-radius-lg);padding:1.25rem}.life-tester__summary-title{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--lt-accent-cyan)}.life-tester__summary-text{margin:0 0 1rem;font-size:.9rem;line-height:1.6;color:var(--lt-text-secondary)}.life-tester__key-features{display:flex;flex-wrap:wrap;gap:.5rem}.life-tester__feature-tag{padding:.3rem .6rem;background:var(--lt-bg-tertiary);border:1px solid var(--lt-border-color);border-radius:20px;font-size:.75rem;color:var(--lt-text-secondary)}.life-tester__right-panel{display:flex;flex-direction:column;gap:1rem}.life-tester__frameworks{background:var(--lt-bg-card);border:1px solid var(--lt-border-color);border-radius:var(--lt-radius-lg);padding:1rem}.life-tester__framework-list{display:flex;flex-direction:column;gap:.5rem}.life-tester__framework-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--lt-bg-tertiary);border:1px solid var(--lt-border-color);border-radius:var(--lt-radius-sm);color:var(--lt-text-primary);cursor:pointer;transition:all var(--lt-transition-fast);text-align:left}.life-tester__framework-btn:hover{border-color:var(--fw-color)}.life-tester__framework-btn--active{background:var(--fw-gradient);border-color:transparent}.life-tester__framework-radio{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--fw-color, var(--lt-text-muted));border-radius:50%;flex-shrink:0}.life-tester__framework-btn--active .life-tester__framework-radio{border-color:#fff}.life-tester__framework-radio-dot{width:10px;height:10px;background:#fff;border-radius:50%}.life-tester__framework-info{flex:1;display:flex;justify-content:space-between;align-items:center}.life-tester__framework-name{font-size:.85rem;font-weight:500}.life-tester__framework-score{font-size:.8rem;font-weight:600;color:var(--fw-color)}.life-tester__framework-btn--active .life-tester__framework-score{color:#fff}.life-tester__framework-detail{margin-top:1rem;padding:.75rem;background:var(--lt-bg-secondary);border-radius:var(--lt-radius-sm)}.life-tester__framework-description{margin:0 0 .5rem;font-size:.85rem;font-style:italic;line-height:1.5;color:var(--lt-text-secondary)}.life-tester__framework-origin{font-size:.75rem;color:var(--lt-text-muted)}.life-tester__commentary{position:relative;background:linear-gradient(135deg,var(--lt-bg-card),rgba(33,150,243,.1));border:1px solid var(--lt-accent-blue);border-radius:var(--lt-radius-lg);padding:1rem;animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.life-tester__commentary-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.95rem;font-weight:600;color:var(--lt-accent-cyan)}.life-tester__commentary-icon{font-size:1.1rem}.life-tester__commentary-content{margin:0 0 .75rem;font-size:.9rem;line-height:1.5;color:var(--lt-text-secondary)}.life-tester__related-concepts{display:flex;flex-wrap:wrap;gap:.4rem}.life-tester__concept-tag{padding:.2rem .5rem;background:#2196f333;border-radius:4px;font-size:.7rem;color:var(--lt-accent-cyan)}.life-tester__commentary-close{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--lt-text-muted);font-size:1rem;cursor:pointer;opacity:.5;transition:opacity var(--lt-transition-fast)}.life-tester__commentary-close:hover{opacity:1}.life-tester__progress{background:var(--lt-bg-card);border:1px solid var(--lt-border-color);border-radius:var(--lt-radius-lg);padding:1rem}.life-tester__progress-title{margin:0 0 .75rem;font-size:.85rem;font-weight:600;color:var(--lt-text-secondary)}.life-tester__progress-bar{height:8px;background:var(--lt-bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.life-tester__progress-fill{height:100%;background:linear-gradient(90deg,var(--lt-accent-green),var(--lt-accent-cyan));border-radius:4px;transition:width var(--lt-transition-slow)}.life-tester__progress-text{font-size:.8rem;color:var(--lt-text-muted)}.life-tester__comparison{margin:0 1.5rem;padding:1.5rem;background:var(--lt-bg-card);border:2px solid var(--lt-accent-purple);border-radius:var(--lt-radius-lg);animation:expandIn .3s ease}@keyframes expandIn{0%{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}.life-tester__comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.life-tester__comparison-close{padding:.5rem 1rem;background:var(--lt-bg-tertiary);border:1px solid var(--lt-border-color);border-radius:var(--lt-radius-sm);color:var(--lt-text-secondary);font-size:.85rem;cursor:pointer;transition:all var(--lt-transition-fast)}.life-tester__comparison-close:hover{background:var(--lt-accent-red);border-color:var(--lt-accent-red);color:#fff}.life-tester__comparison-content{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:1.5rem}.life-tester__comparison-specimen{display:flex;flex-direction:column;align-items:center;gap:.75rem}.life-tester__comparison-canvas-wrap{background:var(--lt-bg-secondary);border:1px solid var(--lt-border-color);border-radius:var(--lt-radius-md);overflow:hidden}.life-tester__comparison-canvas{display:block}.life-tester__comparison-name{margin:0;font-size:1rem;font-weight:600}.life-tester__comparison-select{padding:.5rem 1rem;background:var(--lt-bg-tertiary);border:1px solid var(--lt-border-color);border-radius:var(--lt-radius-sm);color:var(--lt-text-primary);font-size:.9rem;cursor:pointer}.life-tester__comparison-score{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--lt-accent-green),var(--lt-accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.life-tester__comparison-vs{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--lt-bg-tertiary);border:2px solid var(--lt-accent-purple);border-radius:50%;font-size:1.25rem;font-weight:700;color:var(--lt-accent-purple)}.life-tester__comparison-results{padding-top:1.5rem;border-top:1px solid var(--lt-border-color)}.life-tester__comparison-results-title{margin:0 0 1rem;font-size:.9rem;font-weight:600;text-align:center;color:var(--lt-text-secondary)}.life-tester__comparison-bars{display:flex;flex-direction:column;gap:.5rem;max-width:600px;margin:0 auto}.life-tester__comparison-row{display:flex;align-items:center;gap:.75rem}.life-tester__comparison-bar-left,.life-tester__comparison-bar-right{flex:1;display:flex;align-items:center;gap:.5rem}.life-tester__comparison-bar-left{flex-direction:row-reverse}.life-tester__comparison-bar-left .life-tester__comparison-bar-fill,.life-tester__comparison-bar-right .life-tester__comparison-bar-fill{height:8px;border-radius:4px;transition:width var(--lt-transition-slow)}.life-tester__comparison-bar-value{min-width:35px;font-size:.8rem;font-weight:600}.life-tester__comparison-bar-left .life-tester__comparison-bar-value{text-align:left}.life-tester__comparison-bar-right .life-tester__comparison-bar-value{text-align:right}.life-tester__comparison-criterion{display:flex;flex-direction:column;align-items:center;min-width:100px;text-align:center}.life-tester__comparison-criterion span:first-child{font-size:.9rem;font-weight:700}.life-tester__comparison-criterion span:last-child{font-size:.7rem;color:var(--lt-text-muted)}.life-tester__comparison-winner{margin-top:1.5rem;padding:1rem;background:var(--lt-bg-tertiary);border-radius:var(--lt-radius-sm);text-align:center;font-size:.9rem;color:var(--lt-text-secondary)}.life-tester__comparison-winner strong{color:var(--lt-accent-green)}.life-tester__footer{padding:1rem 1.5rem;background:var(--lt-bg-card);border-top:1px solid var(--lt-border-color)}.life-tester__footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto}.life-tester__footer-lesson{font-size:.85rem;color:var(--lt-text-secondary)}.life-tester__footer-sim{font-size:.8rem;color:var(--lt-text-muted)}.life-tester__footer-brand{font-size:.85rem;font-weight:600;background:linear-gradient(90deg,var(--lt-accent-green),var(--lt-accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 1200px){.life-tester__main{grid-template-columns:280px 1fr 260px;gap:1rem;padding:1rem}}@media (max-width: 1024px){.life-tester__main{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.life-tester__left-panel{grid-row:1;grid-column:1}.life-tester__center-panel{grid-row:1;grid-column:2}.life-tester__right-panel{grid-row:2;grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.life-tester__progress{grid-column:1 / -1}}@media (max-width: 768px){.life-tester__header-main{flex-direction:column;align-items:flex-start;gap:1rem}.life-tester__title{font-size:1.4rem}.life-tester__learning-objective{flex-direction:column;gap:.75rem}.life-tester__learning-objective-lesson{align-items:flex-start;padding-left:0;padding-top:.75rem;border-left:none;border-top:1px solid rgba(76,175,80,.3)}.life-tester__main{grid-template-columns:1fr;gap:1rem}.life-tester__left-panel,.life-tester__center-panel,.life-tester__right-panel{grid-column:1}.life-tester__right-panel{grid-template-columns:1fr}.life-tester__specimen-grid{grid-template-columns:repeat(3,1fr)}.life-tester__comparison-content{flex-direction:column;gap:1rem}.life-tester__comparison-vs{width:50px;height:50px;font-size:1rem}.life-tester__footer-content{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width: 480px){.life-tester__title{font-size:1.2rem}.life-tester__title-icon{font-size:1.5rem}.life-tester__specimen-grid{grid-template-columns:repeat(2,1fr)}.life-tester__score-bar-label{min-width:100px}.life-tester__score-bar-name{font-size:.75rem}}.musculoskeletal-sim{--color-primary: #7C3AED;--color-primary-light: #A78BFA;--color-primary-dark: #5B21B6;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-bg-main: linear-gradient(145deg, #FEF7F0 0%, #F5F0FF 50%, #EEF2FF 100%);--color-bg-panel: #FFFFFF;--color-bg-control: #F8F5FF;--color-bg-accent: #EDE9FE;--color-bg-header: linear-gradient(135deg, #7C3AED 0%, #A855F7 50%, #C084FC 100%);--color-border: rgba(124, 58, 237, .15);--color-border-strong: rgba(124, 58, 237, .3);--color-text-primary: #1E1B4B;--color-text-secondary: #4C4F69;--color-text-muted: #6B7280;--color-text-highlight: #7C3AED;--color-text-on-dark: #FFFFFF;--color-muscle-flexor: #E11D48;--color-muscle-extensor: #2563EB;--color-bone: #FEF3E2;--color-bone-stroke: #D4A574;--color-muscle-red: #FB7185;--color-tendon: #E8DCC8;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--transition-fast: .15s ease;--transition-normal: .25s ease;--shadow-sm: 0 1px 3px rgba(124, 58, 237, .08);--shadow-md: 0 4px 12px rgba(124, 58, 237, .12);--shadow-lg: 0 8px 24px rgba(124, 58, 237, .15)}.musculoskeletal-sim{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:linear-gradient(145deg,#fef7f0,#f5f0ff,#eef2ff);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100%;box-sizing:border-box}.musculoskeletal-sim.fullscreen{position:fixed;inset:0;z-index:9999;height:100vh;width:100vw;padding:var(--spacing-md);overflow:hidden}.musculoskeletal-sim.fullscreen .sim-content-3col,.musculoskeletal-sim.fullscreen .anatomy-viewer-main{flex:1;min-height:0}.musculoskeletal-sim.fullscreen .anatomy-column{min-height:0}.sim-header-compact{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);border-radius:var(--radius-md);border:none;box-shadow:var(--shadow-md);flex-shrink:0}.header-title-area{display:flex;align-items:center;gap:var(--spacing-sm)}.sim-title-compact{margin:0;font-size:1.2rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:var(--spacing-xs);text-shadow:0 1px 2px rgba(0,0,0,.15)}.title-icon{font-size:1.4rem}.fullscreen-toggle-btn{padding:var(--spacing-xs) var(--spacing-md);background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.fullscreen-toggle-btn:hover{background:#ffffff59;border-color:#ffffff80}.musculoskeletal-sim.fullscreen .fullscreen-toggle-btn{background:var(--color-error);border-color:var(--color-error);color:#fff}.continuous-ticker{flex:1;overflow:hidden;position:relative;background:#ffffff40;border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs) 0}.ticker-scroll{display:flex;gap:60px;animation:scroll-ticker 30s linear infinite;white-space:nowrap;padding-left:100%}.ticker-fact{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);flex-shrink:0}.ticker-emoji{font-size:1.1rem;flex-shrink:0}.ticker-text{font-size:.75rem;color:#fffffff2;font-weight:500;white-space:nowrap}.continuous-ticker.header-ticker{max-width:500px;margin:0 var(--spacing-sm);background:#ffffff26}.continuous-ticker.header-ticker .ticker-scroll{animation-duration:22s}.continuous-ticker.header-ticker .ticker-emoji{font-size:.95rem}.continuous-ticker.header-ticker .ticker-text{font-size:.7rem;color:#ffffffe6}.continuous-ticker.footer-ticker{width:100%;background:linear-gradient(135deg,#ede9fe,#ddd6fe,#c4b5fd);border:1px solid rgba(124,58,237,.2);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-sm) 0}.continuous-ticker.footer-ticker .ticker-scroll{animation-duration:40s}.continuous-ticker.footer-ticker .ticker-emoji{font-size:1.2rem}.continuous-ticker.footer-ticker .ticker-text{font-size:.8rem;color:#5b21b6;font-weight:600}.continuous-ticker:hover .ticker-scroll{animation-play-state:paused}.continuous-ticker:before,.continuous-ticker:after{content:"";position:absolute;top:0;bottom:0;width:30px;z-index:1;pointer-events:none}.continuous-ticker:before{left:0;background:linear-gradient(to right,rgba(124,58,237,.3),transparent)}.continuous-ticker:after{right:0;background:linear-gradient(to left,rgba(167,139,250,.3),transparent)}.continuous-ticker.footer-ticker:before{background:linear-gradient(to right,#EDE9FE,transparent)}.continuous-ticker.footer-ticker:after{background:linear-gradient(to left,#C4B5FD,transparent)}.sim-content-3col{display:grid;grid-template-columns:150px 1fr 240px;gap:var(--spacing-md);flex:1;min-height:400px}.controls-column{display:flex;flex-direction:column;gap:var(--spacing-sm);background:#fff;border-radius:var(--radius-md);border:1px solid rgba(124,58,237,.12);box-shadow:var(--shadow-md);padding:var(--spacing-md);overflow-y:auto}.body-part-selector-vertical{display:flex;flex-direction:column;gap:var(--spacing-xs)}.selector-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.body-part-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.body-part-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#f8f5ff;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left}.body-part-item:hover{background:#ede9fe;border-color:#a78bfa}.body-part-item.active{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:transparent;box-shadow:0 2px 8px #7c3aed4d}.part-icon{font-size:1.1rem}.part-label{font-size:.8rem;color:#4c4f69;font-weight:500}.body-part-item.active .part-label{color:#fff;font-weight:600}.control-divider{height:1px;background:var(--color-border);margin:var(--spacing-xs) 0}.control-group-compact{display:flex;flex-direction:column;gap:var(--spacing-xs)}.control-group-compact label{font-size:.75rem;color:var(--color-text-secondary)}.angle-labels-compact{display:flex;justify-content:space-between;font-size:.65rem;color:var(--color-text-muted)}.control-buttons-compact{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ctrl-btn{padding:var(--spacing-sm);background:var(--color-bg-control);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-align:left}.ctrl-btn:hover{background:#4a90d933;border-color:var(--color-primary)}.ctrl-btn.active{background:var(--color-primary);border-color:var(--color-primary-light);color:var(--color-text-primary)}.anatomy-column{display:flex;flex-direction:column;gap:var(--spacing-sm);background:#fff;border-radius:var(--radius-md);border:1px solid rgba(124,58,237,.12);box-shadow:var(--shadow-md);padding:var(--spacing-md);position:relative;min-height:0}.canvas-split-container{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);min-height:0}.canvas-panel{display:flex;flex-direction:column;background:linear-gradient(145deg,#2d1b4e,#1e1b3a);border-radius:var(--radius-md);border:2px solid rgba(124,58,237,.3);overflow:hidden;min-height:0}.canvas-panel.anatomy-panel{padding:var(--spacing-sm)}.canvas-panel.muscle-panel{padding:var(--spacing-xs);overflow-y:auto;background:linear-gradient(145deg,#faf5ff,#f3e8ff);border-color:#7c3aed33}.canvas-panel .anatomy-viewer-main{flex:1;min-height:200px}.angle-comment-bubble{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid rgba(124,58,237,.25);border-radius:var(--radius-md);margin:var(--spacing-xs) 0;animation:bubblePop .3s ease-out}@keyframes bubblePop{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.angle-emoji{font-size:1.3rem;flex-shrink:0;animation:emojiWiggle 2s ease-in-out infinite}@keyframes emojiWiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.angle-text{flex:1;font-size:.75rem;font-weight:600;color:#5b21b6;line-height:1.3}.angle-value{font-size:.85rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);padding:2px 8px;border-radius:var(--radius-sm);flex-shrink:0}.anatomy-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.current-part-name{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.view-mode-selector-compact{display:flex;gap:2px}.view-mode-btn-compact{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-control);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:all var(--transition-fast)}.view-mode-btn-compact:hover{background:#4a90d933;border-color:var(--color-primary)}.view-mode-btn-compact.active{background:var(--color-primary);border-color:var(--color-primary-light)}.anatomy-viewer-main{flex:1;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:var(--radius-md);padding:var(--spacing-sm);min-height:200px;overflow:hidden}.anatomy-viewer-main.view-xray{background:#0a1628}.anatomy-viewer-main.view-muscle_activity{background:linear-gradient(180deg,#0006,#141e2899)}.anatomy-viewer-main svg{max-width:100%;max-height:100%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.muscle-state-display-compact{flex-shrink:0;padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-sm)}.muscle-bar-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.muscle-name-short{width:70px;font-size:.7rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muscle-bar-compact{flex:1;height:10px;background:#0006;border-radius:5px;overflow:hidden}.muscle-bar-fill{height:100%;border-radius:5px;transition:width var(--transition-normal)}.muscle-bar-fill.flexor{background:linear-gradient(90deg,var(--color-muscle-flexor),#E07070)}.muscle-bar-fill.extensor{background:linear-gradient(90deg,var(--color-muscle-extensor),#70A0E0)}.muscle-percent-compact{width:35px;font-size:.7rem;color:var(--color-text-primary);text-align:right;font-weight:600}.antagonistic-hint-compact{margin:var(--spacing-xs) 0 0;font-size:.65rem;color:var(--color-text-highlight);text-align:center}.lever-overlay{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tabs-column{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-md);border:1px solid rgba(124,58,237,.12);box-shadow:var(--shadow-md);overflow:hidden;min-height:0;height:100%}.control-tabs{display:flex;flex-direction:column;height:100%;min-height:0}.tab-headers{display:flex;border-bottom:1px solid rgba(124,58,237,.12);flex-shrink:0;background:#faf5ff}.tab-header{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.tab-header:hover{color:#7c3aed;background:#ede9fe}.tab-header.active{color:#7c3aed;border-bottom-color:#7c3aed;background:#fff}.tab-icon{font-size:1rem}.tab-label{font-size:.75rem}.tab-content-wrapper{flex:1;overflow-y:auto;padding:var(--spacing-sm);min-height:0;display:flex;flex-direction:column}.tab-content{flex:1;display:flex;flex-direction:column;min-height:0}.ref-section{margin-bottom:var(--spacing-md)}.ref-section-title{margin:0 0 var(--spacing-sm);font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.joint-types-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.joint-type-mini{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-xs);background:#f8f5ff;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.joint-type-mini:hover{border-color:#a78bfa;background:#ede9fe}.joint-type-mini.active{border-color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.jt-icon{font-size:1rem}.jt-name{font-size:.6rem;color:var(--color-text-secondary);text-align:center}.joint-type-detail{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid rgba(124,58,237,.15);border-radius:var(--radius-sm)}.jt-analogy{margin:0 0 var(--spacing-xs);font-size:.7rem;color:#7c3aed;font-weight:600}.jt-movement{margin:0;font-size:.7rem;color:#4c4f69}.vocab-list-compact{display:flex;flex-direction:column;gap:var(--spacing-xs)}.vocab-item-compact{display:flex;gap:var(--spacing-sm);font-size:.7rem}.vocab-term{color:var(--color-text-primary);font-weight:600;white-space:nowrap}.vocab-def{color:var(--color-text-muted)}.sim-footer-compact{flex-shrink:0}.click-comment-panel{padding:var(--spacing-sm) var(--spacing-md);background:#fff;border-radius:var(--radius-md);border:1px solid rgba(124,58,237,.12);border-left:4px solid #7C3AED;box-shadow:var(--shadow-sm);min-height:50px;max-height:80px;overflow-y:auto}.click-comment-panel.empty{border-left-color:#94a3b8;display:flex;align-items:center}.click-comment-panel.empty .hint{color:#6b7280;font-size:.85rem;margin:0}.click-comment-panel.locked{border-left-color:#f59e0b;opacity:.9}.comment-title{margin:0 0 var(--spacing-xs);font-size:.85rem;color:#7c3aed;font-weight:600}.comment-content{margin:0;font-size:.8rem;color:#4c4f69;line-height:1.4}.comment-funfact,.comment-analogy{margin:var(--spacing-xs) 0 0;font-size:.75rem;color:var(--color-text-secondary)}.funfact-label,.analogy-label{margin-right:var(--spacing-xs)}.locked-message{margin:var(--spacing-xs) 0 0;color:var(--color-warning);font-size:.75rem}.musculoskeletal-sim .simulation-slider{width:100%}.nerves-tab,.nerve-pathway-viz{display:flex;flex-direction:column;height:100%}.nerve-pathway-viz.compact{flex:1;display:flex;flex-direction:column;min-height:0}.nerve-pathway-viz.compact svg{flex:1;width:100%;min-height:350px}.nerve-controls{flex-shrink:0;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.nerve-controls button{flex:1}.force-analysis-panel.compact{padding:var(--spacing-sm);background:#0003;border-radius:var(--radius-sm)}.force-analysis-panel.compact .force-row{display:flex;justify-content:space-between;font-size:.7rem;margin-bottom:var(--spacing-xs)}.force-analysis-panel.compact .force-label{color:var(--color-text-muted)}.force-analysis-panel.compact .force-value{color:var(--color-text-primary);font-weight:600}.muscles-tab{display:flex;flex-direction:column;height:100%;overflow-y:auto}.muscle-action-panel{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);height:100%}.canvas-panel .muscle-action-panel{gap:var(--spacing-xs);padding:var(--spacing-xs)}.map-header{display:flex;align-items:center;gap:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.map-icon{font-size:1.2rem}.map-title{font-weight:700;color:var(--color-text-primary);font-size:.9rem}.key-concept{display:flex;align-items:flex-start;gap:var(--spacing-xs);background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #34D399;border-radius:var(--radius-sm);padding:var(--spacing-sm)}.effort-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #F59E0B;border-radius:var(--radius-sm)}.effort-emoji{font-size:1.4rem;animation:effortPulse 1.8s ease-in-out infinite alternate}@keyframes effortPulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.effort-bar-container{flex:1;display:flex;flex-direction:column;gap:2px}.effort-label{font-size:.7rem;font-weight:700;color:#b45309}.effort-bar{height:8px;background:#f59e0b33;border-radius:4px;overflow:hidden}.effort-bar-fill{height:100%;border-radius:4px;transition:width .3s ease,background .3s ease}.load-value{font-size:.65rem;color:var(--color-text-muted);text-align:right}.concept-icon{font-size:1rem;flex-shrink:0}.concept-text{color:#065f46;font-size:.75rem;line-height:1.4}.concept-text strong{color:#047857;font-weight:700}.muscle-pair-container{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-xs);align-items:center;padding:var(--spacing-sm) 0}.muscle-viz{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background .3s ease,border-color .3s ease}.muscle-viz svg{transition:transform .15s ease-out}.muscle-viz svg path,.muscle-viz svg ellipse,.muscle-viz svg line{transition:all .2s ease-out}.muscle-viz.contracting{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #F87171}.muscle-viz.relaxing{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #94A3B8}.muscle-label{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.muscle-name{font-weight:700;font-size:.75rem}.muscle-state{font-size:.65rem;font-weight:600}.muscle-viz.contracting .muscle-state{color:#dc2626}.muscle-viz.relaxing .muscle-state{color:#64748b}.muscle-action{font-size:.6rem;color:var(--color-text-muted);font-style:italic}.bone-lever-viz{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.joint-angle-display{display:flex;flex-direction:column;align-items:center;gap:2px}.joint-name{font-size:.65rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.angle-value{font-size:.85rem;font-weight:700;color:gold}.action-explanation{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-sm);background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3B82F6}.action-explanation.flexing{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.action-explanation.extending{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981}.action-arrow{font-size:1rem}.action-text{font-size:.75rem;color:#1e1b4b;font-weight:500}.how-it-works{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid rgba(124,58,237,.15);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.hiw-title{font-size:.7rem;font-weight:700;color:#5b21b6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.hiw-steps{display:flex;flex-direction:column;gap:4px}.hiw-step{display:flex;align-items:center;gap:var(--spacing-xs)}.step-num{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-text{font-size:.65rem;color:#4c4f69}.muscle-legend{display:flex;justify-content:center;gap:var(--spacing-md);padding-top:var(--spacing-xs);border-top:1px solid rgba(124,58,237,.15)}.legend-item{display:flex;align-items:center;gap:4px}.legend-item.contracting .legend-color{background:#ef4444;box-shadow:0 0 6px #ef444466}.legend-item.relaxing .legend-color{background:#94a3b8}.legend-label{font-size:.6rem;color:#4c4f69}@media (max-width: 900px){.sim-content-3col{grid-template-columns:130px 1fr 200px}.canvas-split-container{grid-template-columns:1.2fr 1fr}.continuous-ticker.header-ticker{max-width:280px}.continuous-ticker.header-ticker .ticker-text{font-size:.65rem}}@media (max-width: 700px){.sim-content-3col{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.controls-column{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.body-part-list{flex-direction:row}.musculoskeletal-sim.fullscreen .sim-content-3col{overflow-y:auto}.canvas-split-container{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.continuous-ticker.header-ticker{display:none}.continuous-ticker.footer-ticker .ticker-text{font-size:.7rem}.continuous-ticker.footer-ticker .ticker-emoji{font-size:1rem}}.musculoskeletal-sim *:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.musculoskeletal-sim *,.musculoskeletal-sim *:before,.musculoskeletal-sim *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.musculoskeletal-sim{--color-border: rgba(0, 0, 0, .5);--color-bg-panel: #FFFFFF;--color-text-primary: #000000}.musculoskeletal-sim .sim-header-compact{background:#5b21b6}.musculoskeletal-sim .canvas-panel{border-width:3px}}.cell-lab{display:flex;flex-direction:column;width:100%;height:100%;min-height:100vh;background:linear-gradient(135deg,#0a0f1a,#1a1040,#0d2035 60%,#0a0f1a);color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}.cell-lab--fullscreen{position:fixed;inset:0;width:100vw!important;height:100vh!important;z-index:9999;border-radius:0}.cell-lab--fullscreen .cell-lab__canvas-section{flex:1}.cell-lab--fullscreen .cell-lab__canvas{width:100%;height:100%;min-height:0}.cell-lab__fullscreen-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:8px;color:#00d4ff;font-size:18px;cursor:pointer;transition:all .2s ease}.cell-lab__fullscreen-btn:hover{background:#00d4ff33;border-color:#00d4ff80;transform:scale(1.05);box-shadow:0 0 15px #00d4ff4d}.cell-lab__fullscreen-btn:active{transform:scale(.95)}.cell-lab__back-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#ef535033,#ef53501a);border:1px solid rgba(239,83,80,.4);border-radius:8px;color:#ef5350;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-right:12px}.cell-lab__back-btn:hover{background:linear-gradient(135deg,#ef53504d,#ef535026);border-color:#ef535099;box-shadow:0 0 15px #ef53504d}.cell-lab__back-btn:active{transform:scale(.95)}.cell-lab__header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:linear-gradient(90deg,#ff6b6b1a,#4ecdc414,#45b7d11a,#96e6a114,#ff6b6b1a);border-bottom:2px solid;-o-border-image:linear-gradient(90deg,#FF6B6B,#4ECDC4,#45B7D1,#96E6A1) 1;border-image:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96e6a1) 1;flex-shrink:0}.cell-lab__header-left{display:flex;align-items:center;gap:12px}.cell-lab__icon{font-size:28px;filter:drop-shadow(0 0 8px rgba(0,212,255,.5))}.cell-lab__title-group{display:flex;flex-direction:column}.cell-lab__title{font-size:18px;font-weight:800;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96e6a1,plum);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:2px;margin:0;text-shadow:none;animation:title-gradient 5s ease infinite;background-size:200% auto}@keyframes title-gradient{0%,to{background-position:0% center}50%{background-position:100% center}}.cell-lab__subtitle{font-size:11px;color:#fff9;letter-spacing:1px}.cell-lab__header-right{display:flex;align-items:center;gap:15px}.cell-lab__progress{display:flex;gap:12px;font-size:11px;font-weight:600}.cell-lab__progress-pro{color:#ff6b6b;padding:4px 10px;background:linear-gradient(135deg,#ff6b6b33,#ff980026);border:1px solid rgba(255,107,107,.4);border-radius:6px;font-weight:700;text-shadow:0 0 8px rgba(255,107,107,.5)}.cell-lab__progress-eu{color:#40c4ff;padding:4px 10px;background:linear-gradient(135deg,#40c4ff33,#9333ea26);border:1px solid rgba(64,196,255,.4);border-radius:6px;font-weight:700;text-shadow:0 0 8px rgba(64,196,255,.5)}.cell-lab__status{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:20px;font-size:10px;font-weight:700;color:#0f8;letter-spacing:1px}.cell-lab__status-dot{width:8px;height:8px;background:#0f8;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 4px #0f8}50%{opacity:.5;box-shadow:0 0 8px #0f8}}.cell-lab__theory-banner{display:flex;align-items:center;gap:12px;padding:8px 16px;background:linear-gradient(90deg,#ffd70026,#ff8c001a,#ff450014,#ff8c001a,#ffd70026);border:1px solid rgba(255,193,7,.4);margin:8px 15px;border-radius:8px;flex-shrink:0;overflow:hidden;position:relative}.cell-lab__theory-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.cell-lab__theory-title{font-size:11px;font-weight:800;color:#ffd54f;white-space:nowrap;text-shadow:0 0 10px rgba(255,215,0,.5);animation:glow-text 2s ease-in-out infinite;flex-shrink:0}@keyframes glow-text{0%,to{text-shadow:0 0 10px rgba(255,215,0,.5)}50%{text-shadow:0 0 20px rgba(255,215,0,.8),0 0 30px rgba(255,140,0,.4)}}.cell-lab__theory-points{flex:1;overflow:hidden;position:relative}.cell-lab__theory-ticker{display:flex;gap:40px;animation:scroll-ticker 20s linear infinite;white-space:nowrap}@keyframes scroll-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.cell-lab__theory-points span{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.15);border-radius:20px;font-size:11px;font-weight:500;color:#fff;white-space:nowrap;transition:all .3s ease}.cell-lab__theory-points span:hover{background:linear-gradient(135deg,#ffd70033,#ff8c001a);border-color:#ffc10766;transform:scale(1.05)}.cell-lab__theory-points span:before{content:"✦";color:#ffd54f;font-size:10px}.cell-lab__main-new{display:flex;flex-direction:column;flex:1;padding:0 10px;min-height:0;overflow:hidden;gap:8px}.cell-lab__canvas-row{display:grid;grid-template-columns:200px 1fr 200px;gap:10px;flex:1;min-height:0}.cell-lab__info-panel{display:flex;flex-direction:column;background:linear-gradient(180deg,#00000080,#0000004d);border-radius:12px;overflow:hidden;min-height:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cell-lab__info-panel--pro{border:2px solid rgba(255,87,87,.4);box-shadow:0 0 20px #ff575726,inset 0 1px #ffffff0d}.cell-lab__info-panel--eu{border:2px solid rgba(64,196,255,.4);box-shadow:0 0 20px #40c4ff26,inset 0 1px #ffffff0d}.cell-lab__info-header{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.cell-lab__info-panel--pro .cell-lab__info-header{background:linear-gradient(90deg,#ff57574d,#ff980026);color:#ff6b6b;text-shadow:0 0 10px rgba(255,87,87,.5);border-bottom:1px solid rgba(255,87,87,.3)}.cell-lab__info-panel--eu .cell-lab__info-header{background:linear-gradient(90deg,#40c4ff4d,#9333ea26);color:#40c4ff;text-shadow:0 0 10px rgba(64,196,255,.5);border-bottom:1px solid rgba(64,196,255,.3)}.cell-lab__info-icon{font-size:18px;filter:drop-shadow(0 0 4px currentColor)}.cell-lab__info-content{flex:1;overflow-y:auto;padding:10px}.cell-lab__info-content::-webkit-scrollbar{width:4px}.cell-lab__info-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffffff4d,#ffffff1a);border-radius:2px}.cell-lab__info-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:20px}.cell-lab__info-empty p{margin:0;font-size:11px;color:#fff9}.cell-lab__info-empty-icon{font-size:32px;margin-bottom:10px;opacity:.4}.cell-lab__info-hint{font-size:10px!important;margin-top:8px!important;color:#fff6!important;font-style:italic}.cell-lab__info-list{display:flex;flex-direction:column;gap:10px}.cell-lab__info-item{padding:10px 12px;background:linear-gradient(135deg,#ffffff14,#ffffff05);border-radius:8px;border-left:4px solid;transition:all .2s ease;animation:item-appear .3s ease-out}@keyframes item-appear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.cell-lab__info-item:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0a);transform:translate(2px)}.cell-lab__info-item-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#fff;margin-bottom:6px}.cell-lab__info-item-text{font-size:10px;line-height:1.5;color:#ffffffbf;margin:0}.cell-lab__info-footer{padding:10px 12px;background:linear-gradient(90deg,#0006,#0003);border-top:1px solid rgba(255,255,255,.08)}.cell-lab__info-count{font-size:11px;font-weight:700;color:#fffc}.cell-lab__selected-display{padding:12px;background:linear-gradient(135deg,#4caf5033,#4caf500d);border:1px solid rgba(76,175,80,.4);border-radius:8px;margin-bottom:10px;animation:pulse-border 1.5s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:#4caf5066}50%{border-color:#4caf50cc}}.cell-lab__selected-title{font-size:10px;font-weight:700;color:#4caf50;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.cell-lab__selected-name{font-size:12px;font-weight:600;color:#fff}.cell-lab__canvas-center{display:flex;flex-direction:column;min-height:0}.cell-lab__palette-strip{background:linear-gradient(180deg,#140a28cc,#0a142899);border:2px solid;-o-border-image:linear-gradient(90deg,#FF6B6B,#4ECDC4,#45B7D1,#96E6A1,#DDA0DD,#FF6B6B) 1;border-image:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96e6a1,plum,#ff6b6b) 1;border-radius:12px;padding:10px;flex-shrink:0;position:relative;overflow:hidden}.cell-lab__palette-strip:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:palette-shine 4s ease-in-out infinite}@keyframes palette-shine{0%{left:-100%}50%,to{left:200%}}.cell-lab__palette-strip-header{display:flex;justify-content:space-between;align-items:center;padding:0 8px 8px;font-size:11px;font-weight:600;color:#00d4ff;border-bottom:1px solid rgba(0,212,255,.15);margin-bottom:8px}.cell-lab__palette-strip-legend{display:flex;gap:12px;font-size:9px;color:#fff9}.cell-lab__palette-strip-legend span{display:flex;align-items:center;gap:4px}.cell-lab__palette-horizontal{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.cell-lab__palette-horizontal::-webkit-scrollbar{height:4px}.cell-lab__palette-horizontal::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.cell-lab__palette-h-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .15s ease;position:relative;min-width:70px;flex-shrink:0}.cell-lab__palette-h-item:hover{background:#ffffff1a;border-color:var(--org-color, rgba(255, 255, 255, .3));transform:translateY(-2px);box-shadow:0 4px 15px #0006,0 0 20px var(--org-color, transparent)}.cell-lab__palette-h-item--active{background:linear-gradient(135deg,#4caf504d,#4caf5026);border-color:#4caf50;box-shadow:0 0 20px #4caf5080;animation:selected-pulse 1s ease-in-out infinite}.cell-lab__palette-h-item--done{opacity:.5;background:#4caf501a;border-color:#4caf504d}.cell-lab__palette-h-icon{display:flex;align-items:center;justify-content:center}.cell-lab__palette-h-name{font-size:9px;color:#fffc;text-align:center;white-space:nowrap}.cell-lab__palette-h-badge{position:absolute;top:3px;right:3px;font-size:7px;font-weight:800;padding:2px 4px;border-radius:3px;color:#fff}.cell-lab__palette-h-check{position:absolute;bottom:3px;right:3px;display:flex;gap:2px;font-size:8px}.cell-lab__check-pro{color:#ef5350;font-weight:700}.cell-lab__check-eu{color:#42a5f5;font-weight:700}.cell-lab__main,.cell-lab__left-panel,.cell-lab__right-panel{display:none}.cell-lab__section{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.cell-lab__section-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#00d4ff14;border-bottom:1px solid rgba(0,212,255,.2);font-size:11px;font-weight:700;color:#00d4ff;text-transform:uppercase;letter-spacing:1px}.cell-lab__palette-tip{padding:8px 12px;background:linear-gradient(90deg,#00d4ff26,#00d4ff0d);border-bottom:1px solid rgba(0,212,255,.2);font-size:10px;color:#fffc;text-align:center}.cell-lab__palette-tip strong{color:#00d4ff}.cell-lab__palette{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}.cell-lab__palette-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;background:#0000004d;border:2px solid rgba(255,255,255,.15);border-radius:6px;cursor:pointer;transition:all .15s ease;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cell-lab__palette-item:hover{background:#ffffff1f;border-color:var(--org-color, rgba(255, 255, 255, .4));transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0006,0 0 20px var(--org-color, transparent)}.cell-lab__palette-item:active{transform:translateY(0) scale(.98)}.cell-lab__palette-item--active{background:linear-gradient(135deg,#4caf504d,#4caf5026);border-color:#4caf50;box-shadow:0 0 20px #4caf5080,inset 0 0 15px #4caf5033;animation:selected-pulse 1s ease-in-out infinite}@keyframes selected-pulse{0%,to{box-shadow:0 0 20px #4caf5080,inset 0 0 15px #4caf5033}50%{box-shadow:0 0 30px #4caf50b3,inset 0 0 20px #4caf504d}}.cell-lab__palette-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.cell-lab__palette-icon svg{transition:transform .2s ease}.cell-lab__palette-item:hover .cell-lab__palette-icon svg{transform:scale(1.1)}.cell-lab__palette-symbol{font-size:18px;filter:drop-shadow(0 0 6px rgba(255,255,255,.3))}.cell-lab__palette-name{font-size:8px;color:#fff9;text-align:center;line-height:1.2}.cell-lab__palette-badge{position:absolute;top:2px;right:2px;font-size:7px;font-weight:800;padding:2px 4px;border-radius:3px;color:#fff;letter-spacing:.3px}.cell-lab__palette-check{position:absolute;bottom:2px;right:2px;font-size:8px;display:flex;gap:1px}.cell-lab__palette-item--done{background:#4caf5026;border-color:#4caf5066}.cell-lab__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 10px;font-size:8px;color:#ffffff80;border-top:1px solid rgba(255,255,255,.05)}.cell-lab__legend span{display:flex;align-items:center;gap:4px}.cell-lab__legend-dot{width:8px;height:8px;border-radius:2px;display:inline-block}.cell-lab__toggles{display:flex;flex-direction:column;gap:8px;padding:10px}.cell-lab__toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:11px;color:#ffffffb3}.cell-lab__toggle input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;background:#ffffff1a;border-radius:10px;position:relative;cursor:pointer;transition:background .3s ease}.cell-lab__toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#ffffff80;border-radius:50%;transition:all .3s ease}.cell-lab__toggle input[type=checkbox]:checked{background:#00d4ff66}.cell-lab__toggle input[type=checkbox]:checked:after{left:18px;background:#00d4ff;box-shadow:0 0 8px #00d4ff99}.cell-lab__microscope{padding:10px}.cell-lab__mag-slider{display:flex;align-items:center;gap:8px;font-size:9px;color:#ffffff80}.cell-lab__slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer}.cell-lab__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:linear-gradient(135deg,#00d4ff,#00a0cc);border-radius:50%;cursor:pointer;box-shadow:0 0 8px #00d4ff80}.cell-lab__mag-value{text-align:center;font-size:12px;font-weight:700;color:#00d4ff;margin:8px 0}.cell-lab__micro-type{display:flex;flex-direction:column;gap:6px;margin-top:8px}.cell-lab__radio{display:flex;align-items:center;gap:8px;font-size:10px;color:#ffffffb3;cursor:pointer}.cell-lab__radio input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;position:relative}.cell-lab__radio input[type=radio]:checked{border-color:#00d4ff}.cell-lab__radio input[type=radio]:checked:after{content:"";position:absolute;top:2px;left:2px;width:6px;height:6px;background:#00d4ff;border-radius:50%;box-shadow:0 0 6px #00d4ff}.cell-lab__canvas-section{flex:1;min-height:300px;background:#0000004d;border:2px solid rgba(0,212,255,.2);border-radius:8px;overflow:visible;position:relative;display:flex;flex-direction:column}.cell-lab__canvas-section:before{content:"";position:absolute;inset:0;border:1px solid rgba(0,212,255,.1);border-radius:6px;pointer-events:none}.cell-lab__canvas{width:100%;flex:1;min-height:300px;-o-object-fit:contain;object-fit:contain;display:block}.cell-lab__canvas--selectable{cursor:crosshair}.cell-lab__canvas--selectable:hover{cursor:cell}.cell-lab__canvas-instruction{position:absolute;top:8px;left:50%;transform:translate(-50%);padding:8px 16px;background:linear-gradient(135deg,#4caf50e6,#388e3ce6);border:2px solid #4CAF50;border-radius:8px;font-size:12px;font-weight:600;color:#fff;z-index:10;animation:instruction-bounce .8s ease-in-out infinite;box-shadow:0 4px 15px #4caf5066}.cell-lab__canvas-instruction strong{color:#c8e6c9}@keyframes instruction-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(4px)}}.cell-lab__table-section{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;flex-shrink:0}.cell-lab__table{width:100%;border-collapse:collapse;font-size:10px}.cell-lab__table thead{background:#ffffff0d}.cell-lab__table th{padding:8px 10px;text-align:left;font-weight:700;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.1)}.cell-lab__th--pro{color:#ef5350!important}.cell-lab__th--eu{color:#42a5f5!important}.cell-lab__table td{padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.05);color:#fff9}.cell-lab__table tbody tr:hover{background:#ffffff08}.cell-lab__td--pro{color:#ffcdd2!important}.cell-lab__td--eu{color:#bbdefb!important}.cell-lab__comment-section{flex-shrink:0}.cell-lab__comment{display:flex;align-items:flex-start;gap:12px;padding:12px 15px;background:linear-gradient(135deg,#ffc1071a,#0003);border:1px solid rgba(255,193,7,.3);border-radius:8px}.cell-lab__comment-icon{font-size:20px;flex-shrink:0}.cell-lab__comment-content{flex:1;min-width:0}.cell-lab__comment-title{font-size:12px;font-weight:700;color:#ffc107;margin-bottom:4px}.cell-lab__comment-text{font-size:11px;color:#fffc;line-height:1.5}.cell-lab__comment-next{padding:6px 12px;background:#ffc10733;border:1px solid rgba(255,193,7,.4);border-radius:4px;color:#ffc107;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.cell-lab__comment-next:hover{background:#ffc1074d;box-shadow:0 0 10px #ffc1074d}.cell-lab__antibiotics{margin:10px 15px;padding:10px 15px;background:linear-gradient(90deg,#ef53501a,#0003);border:1px solid rgba(239,83,80,.3);border-radius:8px;flex-shrink:0}.cell-lab__antibiotics-title{font-size:11px;font-weight:700;color:#ef5350;margin-bottom:8px}.cell-lab__antibiotics-grid{display:flex;flex-direction:column;gap:4px}.cell-lab__antibiotics-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;font-size:10px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.cell-lab__antibiotics-row:last-child{border-bottom:none}.cell-lab__antibiotics-target{color:#ffffffb3;font-weight:600}.cell-lab__antibiotics-pro{color:#81c784}.cell-lab__antibiotics-eu{color:#e57373}.cell-lab__antibiotics-effect{color:#00d4ff;font-weight:600}.cell-lab__footer{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#0000004d;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.cell-lab__actions{display:flex;gap:10px}.cell-lab__btn{padding:8px 16px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fffc;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.cell-lab__btn:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#00d4ff66;color:#fff;box-shadow:0 0 15px #00d4ff33}.cell-lab__btn--animate{background:linear-gradient(135deg,#00d4ff33,#00d4ff0d);border-color:#00d4ff66;color:#00d4ff}.cell-lab__btn--animate:hover{background:linear-gradient(135deg,#00d4ff4d,#00d4ff1a);box-shadow:0 0 20px #00d4ff66}.cell-lab__btn--reset{background:linear-gradient(135deg,#ef535026,#ef53500d);border-color:#ef53504d;color:#ef5350}.cell-lab__btn--reset:hover{background:linear-gradient(135deg,#ef535040,#ef53501a);box-shadow:0 0 15px #ef53504d}.cell-lab__footer-info{display:flex;align-items:center;gap:10px;font-size:10px;color:#fff6}.cell-lab__tech-badge{padding:3px 8px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:4px;color:#00d4ff;font-weight:700;font-size:9px;letter-spacing:.5px}@media (max-width: 900px){.cell-lab__main{grid-template-columns:1fr;grid-template-rows:auto 1fr}.cell-lab__left-panel{flex-direction:row;flex-wrap:wrap;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:5px}.cell-lab__section{flex:1;min-width:200px}.cell-lab__palette{grid-template-columns:repeat(4,1fr)}.cell-lab__theory-banner{flex-direction:column;gap:8px}.cell-lab__antibiotics-row{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.cell-lab__header{padding:8px 12px}.cell-lab__title{font-size:14px;letter-spacing:1px}.cell-lab__main{padding:0 10px}.cell-lab__palette{grid-template-columns:repeat(3,1fr)}.cell-lab__actions{flex-wrap:wrap;gap:6px}.cell-lab__btn{padding:6px 10px;font-size:10px}.cell-lab__footer{flex-direction:column;gap:10px}}.cell-lab__footer-new{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:linear-gradient(90deg,#140a28cc,#0a142399,#140a28cc);border-top:2px solid;-o-border-image:linear-gradient(90deg,#FF6B6B,#4ECDC4,#45B7D1,#96E6A1) 1;border-image:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96e6a1) 1;flex-shrink:0}.cell-lab__actions-new{display:flex;align-items:center;gap:10px}.cell-lab__btn-new{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cell-lab__btn-new:hover{background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-color:#4ecdc480;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #0006,0 0 20px #4ecdc433}.cell-lab__btn-new--animate{background:linear-gradient(135deg,#4ecdc433,#45b7d11a);border-color:#4ecdc480;color:#4ecdc4}.cell-lab__btn-new--animate:hover{background:linear-gradient(135deg,#4ecdc44d,#45b7d126);box-shadow:0 0 25px #4ecdc466}.cell-lab__btn-new--reset{background:linear-gradient(135deg,#ff6b6b26,#ff980014);border-color:#ff6b6b66;color:#ff6b6b}.cell-lab__btn-new--reset:hover{background:linear-gradient(135deg,#ff6b6b40,#ff98001f);box-shadow:0 0 20px #ff6b6b66}.cell-lab__btn-new--active{background:linear-gradient(135deg,#96e6a133,#4caf501a);border-color:#96e6a180;color:#96e6a1}.cell-lab__btn-new--active:hover{background:linear-gradient(135deg,#96e6a14d,#4caf5026);box-shadow:0 0 20px #96e6a166}.cell-lab__footer-tip{flex:1;text-align:center;font-size:10px;color:#ffffffb3;line-height:1.4;padding:0 12px}.cell-lab__footer-tip strong{color:#ffd54f;text-shadow:0 0 8px rgba(255,215,0,.4);font-weight:700}.cell-lab__footer-brand{display:flex;align-items:center;gap:8px}.cell-lab__footer-tips-ticker{flex:1;overflow:hidden;position:relative;padding:0 12px}.cell-lab__tips-scroll{display:flex;gap:60px;animation:scroll-tips 45s linear infinite;white-space:nowrap}@keyframes scroll-tips{0%{transform:translate(0)}to{transform:translate(-50%)}}.cell-lab__tips-scroll span{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:#ffffffd9;white-space:nowrap;padding:4px 0}.cell-lab__tips-scroll span:after{content:"•";color:#ffffff4d;margin-left:60px}.cell-lab__learning-objective{display:flex;align-items:center;gap:12px;padding:10px 20px;background:linear-gradient(135deg,#ffc1071f,#ff980014,#4caf5014);border-top:1px solid rgba(255,193,7,.3);border-bottom:1px solid rgba(255,193,7,.3);flex-shrink:0}.cell-lab__learning-objective-icon{font-size:24px;flex-shrink:0;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{transform:scale(1);filter:drop-shadow(0 0 5px rgba(255,193,7,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(255,193,7,.8))}}.cell-lab__learning-objective-content{display:flex;flex-direction:column;gap:2px;flex:1}.cell-lab__learning-objective-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#ffc107;text-transform:uppercase}.cell-lab__learning-objective-text{font-size:13px;line-height:1.4;color:#fffffff2}.cell-lab__learning-objective-text strong{color:#ffc107;font-weight:700}.cell-lab__learning-objective-text em{color:#4caf50;font-style:normal;font-weight:600}.cell-lab__learning-objective-lesson{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;padding-left:15px;border-left:2px solid rgba(255,193,7,.3)}.cell-lab__learning-objective-lesson-tag{font-size:9px;font-weight:600;letter-spacing:.5px;color:#fff9;text-transform:uppercase}.cell-lab__learning-objective-lesson-name{font-size:11px;font-weight:700;color:#4caf50;white-space:nowrap;text-shadow:0 0 8px rgba(76,175,80,.4)}.cell-lab__explainer-row{display:flex;align-items:stretch;justify-content:center;gap:12px;padding:10px 15px;flex-shrink:0}.cell-lab__explainer-card{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;flex:1;max-width:350px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.cell-lab__explainer-card:hover{transform:translateY(-2px)}.cell-lab__explainer-card--pro{background:linear-gradient(135deg,#ff575726,#ff980014);border:2px solid rgba(255,87,87,.4);box-shadow:0 4px 20px #ff575726}.cell-lab__explainer-card--pro:hover{border-color:#ff575799;box-shadow:0 6px 25px #ff575740}.cell-lab__explainer-card--eu{background:linear-gradient(135deg,#40c4ff26,#9333ea14);border:2px solid rgba(64,196,255,.4);box-shadow:0 4px 20px #40c4ff26}.cell-lab__explainer-card--eu:hover{border-color:#40c4ff99;box-shadow:0 6px 25px #40c4ff40}.cell-lab__explainer-emoji{font-size:32px;filter:drop-shadow(0 0 8px currentColor)}.cell-lab__explainer-content{display:flex;flex-direction:column;gap:2px}.cell-lab__explainer-name{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.cell-lab__explainer-card--pro .cell-lab__explainer-name{color:#ff6b6b;text-shadow:0 0 10px rgba(255,87,87,.5)}.cell-lab__explainer-card--eu .cell-lab__explainer-name{color:#40c4ff;text-shadow:0 0 10px rgba(64,196,255,.5)}.cell-lab__explainer-meaning{font-size:10px;font-style:italic;color:#fff9;letter-spacing:.5px}.cell-lab__explainer-key{font-size:11px;font-weight:700;color:#fff;margin-top:2px}.cell-lab__explainer-example{font-size:9px;color:#ffffff80;margin-top:1px}.cell-lab__explainer-vs{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#00d4ff33,#9333ea33);border:2px solid rgba(0,212,255,.5);border-radius:50%;font-size:12px;font-weight:900;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.5);flex-shrink:0;animation:vs-pulse 2s ease-in-out infinite}@keyframes vs-pulse{0%,to{transform:scale(1);box-shadow:0 0 15px #00d4ff4d}50%{transform:scale(1.1);box-shadow:0 0 25px #00d4ff80}}@media (max-width: 1100px){.cell-lab__canvas-row{grid-template-columns:160px 1fr 160px;gap:8px}.cell-lab__info-item-text{font-size:8px}}@media (max-width: 900px){.cell-lab__canvas-row{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.cell-lab__info-panel{flex-direction:row;overflow-x:auto;min-height:auto;max-height:80px}.cell-lab__info-content{display:flex;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding:6px}.cell-lab__info-list{flex-direction:row}.cell-lab__info-item{min-width:140px;flex-shrink:0}.cell-lab__palette-strip{padding:6px}.cell-lab__palette-h-item{min-width:60px;padding:6px 10px}.cell-lab__footer-new{flex-wrap:wrap;gap:8px}.cell-lab__footer-tip{order:3;width:100%;flex:unset;font-size:9px;padding:4px 0 0;border-top:1px solid rgba(255,255,255,.05)}.cell-lab__learning-objective{flex-wrap:wrap;gap:8px;padding:8px 12px}.cell-lab__learning-objective-icon{font-size:20px}.cell-lab__learning-objective-label{font-size:9px}.cell-lab__learning-objective-text{font-size:11px}.cell-lab__learning-objective-lesson{flex-direction:row;align-items:center;gap:6px;padding-left:0;padding-top:6px;border-left:none;border-top:1px solid rgba(255,193,7,.2);width:100%}.cell-lab__explainer-row{flex-direction:column;gap:8px;padding:8px 12px}.cell-lab__explainer-card{max-width:none;padding:8px 12px}.cell-lab__explainer-vs{width:30px;height:30px;font-size:10px;align-self:center}.cell-lab__explainer-emoji{font-size:24px}.cell-lab__explainer-name{font-size:12px}.cell-lab__explainer-key{font-size:10px}.cell-lab__footer-tips-ticker{order:3;width:100%;flex:unset;padding:6px 0 0;border-top:1px solid rgba(255,255,255,.05)}.cell-lab__tips-scroll span{font-size:10px}}@media (max-width: 600px){.cell-lab__canvas-row{gap:6px}.cell-lab__info-panel{max-height:60px}.cell-lab__palette-h-item{min-width:55px;padding:5px 8px}.cell-lab__palette-h-icon svg{width:24px;height:24px}.cell-lab__palette-h-name{font-size:8px}.cell-lab__btn-new{padding:5px 10px;font-size:10px}.cell-lab__actions-new{flex-wrap:wrap;gap:6px}.cell-lab__learning-objective{padding:6px 10px;gap:6px}.cell-lab__learning-objective-icon{font-size:18px}.cell-lab__learning-objective-label{font-size:8px;letter-spacing:1px}.cell-lab__learning-objective-text{font-size:10px;line-height:1.3}.cell-lab__learning-objective-lesson{display:none}.cell-lab__explainer-row{padding:6px 10px;gap:6px}.cell-lab__explainer-card{padding:6px 10px;gap:8px}.cell-lab__explainer-emoji{font-size:20px}.cell-lab__explainer-name{font-size:11px;letter-spacing:1px}.cell-lab__explainer-meaning{font-size:8px}.cell-lab__explainer-key{font-size:9px}.cell-lab__explainer-example{display:none}.cell-lab__explainer-vs{width:26px;height:26px;font-size:9px}.cell-lab__tips-scroll span{font-size:9px}.cell-lab__tips-scroll{gap:40px}}.cell-lab__intro-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.cell-lab__intro-modal{background:linear-gradient(135deg,#1a1040,#0d2035,#1a1040);border:2px solid;-o-border-image:linear-gradient(135deg,#FF6B6B,#4ECDC4,#45B7D1,#96E6A1) 1;border-image:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1,#96e6a1) 1;border-radius:20px;max-width:650px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080,0 0 40px #4ecdc433;animation:slide-up .4s ease}@keyframes slide-up{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.cell-lab__intro-header{padding:20px 24px;background:linear-gradient(90deg,#ff6b6b26,#4ecdc41a,#96e6a126);border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.cell-lab__intro-level{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#4ecdc44d,#45b7d133);border:1px solid rgba(78,205,196,.5);border-radius:20px;font-size:11px;font-weight:700;color:#4ecdc4;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.cell-lab__intro-title{margin:0;font-size:24px;font-weight:800;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96e6a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.cell-lab__intro-content{padding:24px;display:flex;flex-direction:column;gap:16px}.cell-lab__intro-step{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .2s ease}.cell-lab__intro-step:hover{border-color:#4ecdc44d;background:linear-gradient(135deg,#ffffff14,#ffffff08)}.cell-lab__intro-step--highlight{background:linear-gradient(135deg,#96e6a126,#4caf5014);border-color:#96e6a166}.cell-lab__intro-step--highlight:hover{border-color:#96e6a199}.cell-lab__intro-step-icon{font-size:28px;flex-shrink:0;filter:drop-shadow(0 0 8px currentColor)}.cell-lab__intro-step-text{flex:1}.cell-lab__intro-step-text strong{display:block;font-size:12px;font-weight:700;color:#4ecdc4;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.cell-lab__intro-step-text p{margin:0;font-size:14px;line-height:1.5;color:#ffffffe6}.cell-lab__intro-mrs-gren{background:linear-gradient(135deg,#ffd7001a,#ff98000d);border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:16px}.cell-lab__intro-mrs-gren h4{margin:0 0 12px;font-size:13px;font-weight:700;color:#ffd54f}.cell-lab__intro-gren-list{display:flex;flex-direction:column;gap:8px}.cell-lab__intro-gren-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0003;border-radius:8px;font-size:12px}.cell-lab__intro-gren-icon{font-size:16px;flex-shrink:0}.cell-lab__intro-gren-process{font-weight:600;color:#ffd54f;min-width:120px}.cell-lab__intro-gren-arrow{color:#fff6;flex-shrink:0}.cell-lab__intro-gren-organelle{color:#ffffffd9;flex:1}.cell-lab__intro-activity{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#40c4ff26,#9333ea1a);border:1px solid rgba(64,196,255,.4);border-radius:12px}.cell-lab__intro-activity-icon{font-size:32px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cell-lab__intro-activity p{margin:0;font-size:14px;font-weight:600;color:#40c4ff;line-height:1.4}.cell-lab__intro-start-btn{display:block;width:calc(100% - 48px);margin:0 24px 24px;padding:16px 24px;background:linear-gradient(135deg,#4ecdc4,#45b7d1,#96e6a1);border:none;border-radius:12px;font-size:16px;font-weight:800;color:#0a0f1a;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.cell-lab__intro-start-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4ecdc466}.cell-lab__intro-start-btn:active{transform:translateY(0)}@media (max-width: 600px){.cell-lab__intro-modal{max-height:80vh;margin:10px}.cell-lab__intro-title{font-size:18px}.cell-lab__intro-content{padding:16px;gap:12px}.cell-lab__intro-step{padding:12px;gap:10px}.cell-lab__intro-step-icon{font-size:22px}.cell-lab__intro-step-text p{font-size:13px}.cell-lab__intro-gren-process{min-width:80px;font-size:11px}.cell-lab__intro-gren-organelle{font-size:11px}.cell-lab__intro-start-btn{padding:14px 20px;font-size:14px}}.scene-timetable{width:100%;height:100%;position:relative;color:#fff}.timetable-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0f0f1a,#1a1a2e)}.timetable-container{position:relative;z-index:1;padding:20px 30px;height:100%;display:flex;flex-direction:column}.timetable-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.header-info h1{margin:0 0 4px;font-size:24px}.header-info p{margin:0;color:#fff9;font-size:14px}.week-nav{display:flex;align-items:center;gap:16px}.week-nav .nav-btn{padding:8px 16px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer}.current-week{font-size:14px;color:#ffffffb3}.timetable-grid{flex:1;display:flex;flex-direction:column;background:#141428cc;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.grid-header,.grid-row{display:grid;grid-template-columns:100px repeat(5,1fr)}.grid-header{background:#8b5cf633}.grid-header>div{padding:14px;text-align:center;font-weight:600;font-size:13px;border-right:1px solid rgba(255,255,255,.1)}.grid-row{border-bottom:1px solid rgba(255,255,255,.05)}.time-cell{padding:10px;font-size:12px;color:#ffffff80;text-align:center;background:#0003;border-right:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.lesson-cell{padding:12px;text-align:center;border-right:1px solid rgba(255,255,255,.05);transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column;gap:4px}.lesson-cell:hover{background:#8b5cf626}.lesson-subject{font-size:14px;font-weight:500}.lesson-teacher{font-size:11px;color:#fff6}.timetable-legend{display:flex;justify-content:center;gap:24px;margin-top:16px;padding:12px;background:#14142899;border-radius:12px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffffb3}.legend-color{width:12px;height:12px;border-radius:3px}.scene-classroom{width:100%;height:100%;position:relative;color:#fff}.classroom-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0f172a,#1e1b4b)}.classroom-layout{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:240px 1fr;gap:16px;padding:16px}.students-panel{background:#141428e6;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:16px;display:flex;flex-direction:column}.panel-label{font-size:12px;color:#fff9;margin-bottom:12px;text-align:center}.students-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;flex:1}.student-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:#ffffff0d;border-radius:12px;position:relative;transition:all .2s ease}.student-tile:hover{background:#8b5cf633}.student-avatar{font-size:24px;width:40px;height:40px;background:#8b5cf633;border-radius:50%;display:flex;align-items:center;justify-content:center}.student-name{font-size:11px;color:#fffc;text-align:center}.status-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%}.status-dot.online{background:#22c55e}.status-dot.idle{background:#f59e0b}.main-area{display:flex;flex-direction:column;gap:16px}.whiteboard-area{flex:1;background:#141428e6;border-radius:16px;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;overflow:hidden}.whiteboard-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#8b5cf626;border-bottom:1px solid rgba(255,255,255,.1)}.wb-title{font-weight:600;font-size:14px}.wb-topic{font-size:12px;color:#ffffff80}.whiteboard-canvas{flex:1;background:#0000004d;display:flex;align-items:center;justify-content:center}.drawing-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff4d}.placeholder-icon{font-size:48px}.whiteboard-tools{display:flex;align-items:center;gap:20px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.1)}.tool-section{display:flex;align-items:center;gap:8px}.section-label{font-size:11px;color:#ffffff80;margin-right:4px}.color-options{display:flex;gap:6px}.color-btn{width:24px;height:24px;border-radius:6px;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:transform .2s}.color-btn:hover{transform:scale(1.1)}.size-options{display:flex;gap:6px;align-items:center}.size-btn{border-radius:50%;background:#fffc;border:none;cursor:pointer}.size-btn.small{width:8px;height:8px}.size-btn.medium{width:12px;height:12px}.size-btn.large{width:18px;height:18px}.size-btn.active{background:#8b5cf6}.action-btn{padding:6px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:12px;cursor:pointer}.tool-buttons{display:flex;justify-content:center;gap:12px}.tool-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:14px;color:#fff;cursor:pointer;transition:all .3s ease}.tool-btn:hover{background:#8b5cf64d;transform:translateY(-3px)}.tool-icon{font-size:24px}.tool-name{font-size:12px;font-weight:500}.scene-teacher-dash{width:100%;height:100%;position:relative;color:#fff}.teacher-dash-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0f172a,#1e1b4b)}.teacher-dash-content{position:relative;z-index:1;padding:30px;height:100%;display:flex;flex-direction:column}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.welcome-section h1{margin:0 0 4px;font-size:28px}.welcome-section p{margin:0;color:#fff9;font-size:14px}.start-teaching-btn{display:flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#f43f5e,#8b5cf6);border:none;border-radius:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.start-teaching-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #8b5cf666}.btn-icon{font-size:20px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.kpi-card{background:#141428cc;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.kpi-icon{font-size:32px}.kpi-value{font-size:36px;font-weight:800;background:linear-gradient(135deg,#f43f5e,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.kpi-label{font-size:13px;color:#ffffff80}.today-classes{flex:1;background:#141428cc;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:24px}.today-classes h2{margin:0 0 20px;font-size:18px}.classes-list{display:flex;flex-direction:column;gap:12px}.class-item{display:grid;grid-template-columns:100px 80px 1fr 100px auto;align-items:center;gap:16px;padding:16px;background:#ffffff08;border-radius:12px;transition:all .2s ease}.class-item:hover{background:#ffffff0f}.class-item.next{background:#8b5cf626;border:1px solid rgba(139,92,246,.3)}.class-time{font-weight:600;color:#8b5cf6}.class-group{font-size:14px;font-weight:500}.class-subject{font-size:14px}.class-students{font-size:13px;color:#ffffff80}.next-badge{font-size:10px;font-weight:700;color:#f43f5e;background:#f43f5e33;padding:4px 10px;border-radius:10px}.scene-lesson-plan{position:relative;width:100%;height:100%;overflow:hidden}.lesson-plan-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1e3a5f,#2d5a87,#1a4a6e);z-index:0}.lesson-plan-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(168,85,247,.1) 0%,transparent 35%)}.lesson-plan-content{position:relative;z-index:1;height:100%;padding:1.5rem 2rem;overflow-y:auto}.lp-header{text-align:center;margin-bottom:1.5rem}.lp-breadcrumb{font-size:.85rem;color:#fff9;margin-bottom:.5rem}.lp-header h1{font-size:1.8rem;color:#fff;margin:0 0 .75rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.lp-meta{display:flex;justify-content:center;gap:1.5rem}.meta-item{background:#ffffff1a;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;color:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lp-sections{display:flex;flex-direction:column;gap:1.25rem;max-width:900px;margin:0 auto}.lp-section{background:#ffffff14;border-radius:16px;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.lp-section:hover{background:#ffffff1f;transform:translateY(-2px)}.lp-section h2{font-size:1.1rem;color:#fff;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.15)}.concept-box{background:linear-gradient(135deg,#6366f14d,#a855f733);border-radius:12px;padding:1rem 1.25rem;border-left:4px solid #a855f7}.concept-box p{margin:0;color:#fff;font-size:1.1rem;font-style:italic;line-height:1.5}.objectives-list{display:flex;flex-direction:column;gap:.5rem}.objective-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:#ffffff0d;border-radius:8px;transition:background .2s ease}.objective-item:hover{background:#ffffff1a}.obj-level{font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:4px;min-width:80px;text-align:center}.objective-item.remember .obj-level{background:#22c55e;color:#fff}.objective-item.understand .obj-level{background:#3b82f6;color:#fff}.objective-item.apply .obj-level{background:#f59e0b;color:#fff}.obj-text{color:#ffffffe6;font-size:.9rem}.teaching-points{display:flex;flex-direction:column;gap:1rem}.teaching-point{background:#ffffff0d;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.point-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0d;cursor:pointer}.point-number{width:28px;height:28px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;color:#fff}.point-header h3{flex:1;margin:0;font-size:1rem;color:#fff}.expand-btn{background:none;border:none;color:#fff9;font-size:.8rem;cursor:pointer;transition:transform .2s ease}.point-content{padding:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem}.point-content.expanded{display:flex}.content-row{display:flex;gap:.75rem;padding:.4rem .5rem;border-radius:6px}.content-row:hover{background:#ffffff0d}.row-label{min-width:70px;font-size:.8rem;color:#ffffffb3}.row-text{flex:1;font-size:.85rem;color:#ffffffe6;line-height:1.4}.content-row.qa{background:#6366f11a;border-left:2px solid #6366f1}.content-row.fun{background:#22c55e1a;border-left:2px solid #22c55e}.lp-section.islamic{background:linear-gradient(135deg,#22c55e26,#14b8a61a);border:1px solid rgba(34,197,94,.3)}.lp-section.islamic h2{border-bottom-color:#22c55e4d}.islamic-box{text-align:center;padding:1rem}.islamic-box p{color:#fffffff2;font-size:1rem;margin:0 0 1rem;line-height:1.5}.ayah{display:block;font-family:Amiri,Traditional Arabic,serif;font-size:1.5rem;color:#22c55e;margin-bottom:.5rem;direction:rtl}.translation{display:block;font-size:.85rem;color:#ffffffb3;font-style:italic}.lp-section.spotlit{box-shadow:0 0 30px #a855f780;border-color:#a855f780}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lp-section{animation:slideUp .5s ease forwards}.lp-section:nth-child(1){animation-delay:.1s}.lp-section:nth-child(2){animation-delay:.2s}.lp-section:nth-child(3){animation-delay:.3s}.lp-section:nth-child(4){animation-delay:.4s}.scene-teacher-analytics{position:relative;width:100%;height:100%;overflow:hidden}.teacher-analytics-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1e293b,#334155,#1e293b);z-index:0}.teacher-analytics-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 70% 80%,rgba(34,197,94,.1) 0%,transparent 35%)}.teacher-analytics-content{position:relative;z-index:1;height:100%;padding:1.5rem 2rem;overflow-y:auto}.ta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.ta-header h1{font-size:1.6rem;color:#fff;margin:0}.class-selector{display:flex;gap:.5rem}.class-badge{padding:.4rem 1rem;border-radius:20px;font-size:.85rem;background:#ffffff1a;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.class-badge.active{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff}.ta-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1rem;max-width:1100px;margin:0 auto}.ta-card{background:#ffffff14;border-radius:16px;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.ta-card:hover{background:#ffffff1f}.card-title{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.title-icon{font-size:1.2rem}.card-title h2{flex:1;margin:0;font-size:1rem;color:#fff}.period-badge{font-size:.75rem;padding:.25rem .6rem;background:#6366f14d;border-radius:12px;color:#a5b4fc}.scoreboard{grid-row:span 2}.scoreboard-list{display:flex;flex-direction:column;gap:.4rem}.student-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;background:#ffffff08;border-radius:8px;transition:background .2s ease}.student-row:hover{background:#ffffff14}.student-row.top-3{background:#6366f11a}.rank{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;background:#ffffff1a;color:#fffc}.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b}.rank-2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.rank-3{background:linear-gradient(135deg,#c2956e,#a3825e);color:#fff}.avatar{font-size:1.2rem}.name{flex:1;font-size:.9rem;color:#fff}.streak{font-size:.8rem;color:#f59e0b}.score{font-size:.9rem;font-weight:600;color:#a5b4fc;min-width:40px;text-align:right}.insights-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.insight-item{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem .75rem;border-radius:8px;background:#ffffff0d}.insight-item.alert{background:#ef44441a;border-left:3px solid #ef4444}.insight-item.success{background:#22c55e1a;border-left:3px solid #22c55e}.insight-item.tip{background:#6366f11a;border-left:3px solid #6366f1}.insight-icon{font-size:1rem}.insight-text{flex:1;font-size:.85rem;color:#ffffffe6;line-height:1.4}.generate-btn{width:100%;padding:.6rem;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6366f166}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:1rem!important}.stat-box{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:#ffffff0d;border-radius:10px}.stat-value{font-size:1.4rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.7rem;color:#fff9;text-align:center;margin-top:.25rem}.subject-bars{display:flex;flex-direction:column;gap:.75rem}.subject-row{display:flex;align-items:center;gap:.75rem}.subj-name{min-width:70px;font-size:.85rem;color:#fffc}.bar-track{flex:1;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.bar-fill{height:100%;border-radius:5px;transition:width .5s ease}.subj-score{min-width:40px;font-size:.85rem;font-weight:600;color:#fff;text-align:right}.ta-card.spotlit{box-shadow:0 0 30px #6366f180;border-color:#6366f180}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.ta-card{animation:fadeSlideIn .4s ease forwards}.ta-card:nth-child(1){animation-delay:.1s}.ta-card:nth-child(2){animation-delay:.2s}.ta-card:nth-child(3){animation-delay:.3s}.ta-card:nth-child(4){animation-delay:.4s}@media (max-width: 768px){.ta-grid{grid-template-columns:1fr}.scoreboard{grid-row:span 1}.quick-stats{grid-template-columns:repeat(2,1fr)}}.scene-results{width:100%;height:100%;position:relative;color:#fff;overflow-y:auto}.results-bg{position:fixed;inset:0;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);z-index:-1}.results-content{position:relative;padding:24px 30px}.results-header{text-align:center;margin-bottom:24px}.results-header h1{margin:0 0 8px;font-size:28px}.results-header p{margin:0;color:#fff9;font-size:14px}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.result-card{background:#141428cc;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;transition:all .3s ease}.result-card:hover{border-color:#8b5cf666;transform:translateY(-3px)}.result-card.span-2{grid-column:span 2}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.card-icon{font-size:24px}.card-header h3{margin:0;font-size:15px;font-weight:600}.card-desc{font-size:12px;color:#ffffff80;margin:0 0 16px}.card-preview{height:80px;background:#0000004d;border-radius:10px;padding:10px;display:flex;align-items:flex-end}.preview-bars{display:flex;align-items:flex-end;gap:8px;width:100%;height:100%}.bar{flex:1;background:linear-gradient(to top,#8b5cf6,#f43f5e);border-radius:4px 4px 0 0;transition:height .5s ease}@media (max-width: 1024px){.cards-grid{grid-template-columns:repeat(2,1fr)}}.scene-live-school{width:100%;height:100%;position:relative;color:#fff;overflow-y:auto}.live-school-bg{position:fixed;inset:0;background:linear-gradient(135deg,#0f172a,#1e1b4b);z-index:-1}.live-school-content{position:relative;padding:20px 24px}.ls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ls-header h1{margin:0;font-size:24px}.live-stats{display:flex;gap:16px}.live-stat{background:#141428cc;padding:12px 20px;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.1)}.live-stat.alert{border-color:#ef444480;background:#ef44441a}.stat-value{display:block;font-size:24px;font-weight:800;color:#8b5cf6}.live-stat.alert .stat-value{color:#ef4444}.stat-label{font-size:11px;color:#ffffff80}.filter-bar{display:flex;gap:8px;margin-bottom:16px}.filter-btn{padding:8px 18px;background:#ffffff0d;border:1px solid transparent;border-radius:8px;color:#fff9;font-size:13px;cursor:pointer}.filter-btn.active{background:#8b5cf633;border-color:#8b5cf680;color:#fff}.classrooms-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}.classroom-tile{background:#141428cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;transition:all .2s ease}.classroom-tile:hover{border-color:#8b5cf666}.tile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.group-code{font-weight:700;font-size:14px;color:#8b5cf6}.engagement-badge{font-size:11px;font-weight:600;color:#fff;padding:3px 8px;border-radius:10px}.tile-body{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.subject{font-size:13px;font-weight:500}.teacher{font-size:11px;color:#fff9}.students{font-size:11px;color:#fff6}.enter-btn{width:100%;padding:8px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#fff;font-size:11px;cursor:pointer}.enter-btn:hover{background:#8b5cf640}.legend-bar{display:flex;justify-content:center;gap:24px;padding:12px;background:#14142899;border-radius:10px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffffb3}.dot{width:10px;height:10px;border-radius:50%}.dot.green{background:#22c55e}.dot.yellow{background:#f59e0b}.dot.red{background:#ef4444}@media (max-width: 1200px){.classrooms-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 800px){.classrooms-grid{grid-template-columns:repeat(2,1fr)}}.scene-admin-analytics{position:relative;width:100%;height:100%;overflow:hidden}.admin-analytics-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);z-index:0}.admin-analytics-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.12) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(168,85,247,.08) 0%,transparent 35%)}.admin-analytics-content{position:relative;z-index:1;height:100%;padding:1.5rem 2rem;overflow-y:auto}.aa-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-left h1{font-size:1.5rem;color:#fff;margin:0 0 .25rem}.term-badge{font-size:.8rem;color:#fff9;background:#ffffff1a;padding:.25rem .75rem;border-radius:12px}.header-right{display:flex;gap:.5rem}.export-btn,.settings-btn{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.85rem;cursor:pointer;transition:all .2s ease}.export-btn:hover,.settings-btn:hover{background:#fff3}.settings-btn{padding:.5rem .75rem}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.kpi-card{display:flex;align-items:center;gap:1rem;background:#ffffff14;border-radius:12px;padding:1rem 1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.kpi-card:hover{background:#ffffff1f;transform:translateY(-2px)}.kpi-icon{font-size:2rem;opacity:.9}.kpi-info{flex:1;display:flex;flex-direction:column}.kpi-value{font-size:1.5rem;font-weight:700;color:#fff}.kpi-label{font-size:.75rem;color:#fff9}.kpi-change{font-size:.85rem;font-weight:600;padding:.25rem .5rem;border-radius:6px}.kpi-change.positive{background:#22c55e33;color:#22c55e}.kpi-change.negative{background:#ef444433;color:#ef4444}.aa-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:auto auto;gap:1rem}.aa-card{background:#ffffff0f;border-radius:14px;padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.card-header h2{margin:0;font-size:1rem;color:#fff}.period-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.3rem .6rem;color:#fff;font-size:.8rem;cursor:pointer}.groups-table{display:flex;flex-direction:column;gap:.5rem}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr .5fr;padding:.5rem .75rem;font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr .5fr;padding:.6rem .75rem;background:#ffffff08;border-radius:8px;transition:background .2s ease}.table-row:hover{background:#ffffff14}.group-name{font-size:.85rem;color:#fff}.student-count,.avg-score{font-size:.85rem;color:#fffc}.trend{font-size:1rem;font-weight:600}.trend-up{color:#22c55e}.trend-down{color:#ef4444}.trend-same{color:#94a3b8}.alert-count{background:#ef44444d;color:#fca5a5;font-size:.75rem;padding:.2rem .5rem;border-radius:10px}.alerts-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.alert-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;background:#ffffff08;border-radius:8px}.alert-dot{width:8px;height:8px;border-radius:50%}.alert-item.warning .alert-dot{background:#f59e0b}.alert-item.info .alert-dot{background:#6366f1}.alert-item.success .alert-dot{background:#22c55e}.alert-text{flex:1;font-size:.85rem;color:#ffffffe6}.view-all-btn{width:100%;padding:.5rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ffffffb3;font-size:.8rem;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:#ffffff1a;color:#fff}.chart-area{height:180px;padding:.5rem 0}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:100%;gap:.5rem}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar{width:100%;background:linear-gradient(180deg,#6366f1,#a855f7);border-radius:4px 4px 0 0;position:relative;transition:height .5s ease;min-height:20px}.bar-value{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:.7rem;color:#fffc;white-space:nowrap}.bar-label{margin-top:.4rem;font-size:.7rem;color:#ffffff80}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.action-btn{padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.8rem;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#6366f133;border-color:#6366f166}.aa-card.spotlit,.kpi-row.spotlit{box-shadow:0 0 30px #6366f180}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.kpi-card{animation:slideIn .4s ease forwards}.kpi-card:nth-child(1){animation-delay:.1s}.kpi-card:nth-child(2){animation-delay:.15s}.kpi-card:nth-child(3){animation-delay:.2s}.kpi-card:nth-child(4){animation-delay:.25s}.aa-card{animation:slideIn .4s ease forwards}.aa-card:nth-child(1){animation-delay:.3s}.aa-card:nth-child(2){animation-delay:.35s}.aa-card:nth-child(3){animation-delay:.4s}.aa-card:nth-child(4){animation-delay:.45s}@media (max-width: 900px){.kpi-row{grid-template-columns:repeat(2,1fr)}.aa-grid{grid-template-columns:1fr}}@media (max-width: 600px){.kpi-row{grid-template-columns:1fr}}.scene-closing{width:100%;height:100%;position:relative;color:#fff;display:flex;align-items:center;justify-content:center}.closing-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e)}.closing-bg .stars-layer{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent);background-size:200px 200px;animation:starsTwinkle 4s ease-in-out infinite}@keyframes starsTwinkle{0%,to{opacity:.8}50%{opacity:.4}}.closing-bg .gradient-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(139,92,246,.2) 0%,transparent 60%)}.closing-content{position:relative;z-index:1;text-align:center;max-width:800px;padding:40px}.closing-header{margin-bottom:40px}.closing-header h1{font-size:56px;font-weight:900;margin:0;display:flex;justify-content:center;gap:8px;text-shadow:0 0 40px rgba(139,92,246,.5)}.title-nashrah{color:#f43f5e}.title-uni{color:#8b5cf6}.title-verse{color:#14b8a6}.tagline{font-size:20px;color:#ffffffb3;margin-top:12px;font-style:italic}.highlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}.highlight-item{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#141428cc;border:1px solid rgba(139,92,246,.3);border-radius:14px}.h-icon{font-size:24px}.h-text{font-size:14px;font-weight:500}.cta-section{margin-bottom:40px}.cta-section h2{font-size:26px;margin:0 0 8px}.cta-section p{color:#fff9;margin:0 0 24px}.cta-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#f43f5e,#8b5cf6,#14b8a6);border:none;border-radius:16px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;animation:ctaPulse 2s ease-in-out infinite}.cta-btn:hover{transform:scale(1.05);box-shadow:0 15px 40px #8b5cf680}@keyframes ctaPulse{0%,to{box-shadow:0 5px 20px #8b5cf64d}50%{box-shadow:0 10px 35px #8b5cf680}}.closing-message{color:#fff9}.closing-message p{margin:8px 0}.closing-message .small{font-size:13px;color:#fff6}.tour-controller{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);overflow:hidden;z-index:10000}.tour-scene-container{width:100%;height:calc(100% - 60px);overflow:hidden;position:relative}.tour-controls{position:fixed;bottom:0;left:0;right:0;height:60px;background:#0f0f1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;gap:20px;padding:0 40px;z-index:10001}.tour-control-btn{background:linear-gradient(135deg,#8b5cf64d,#14b8a64d);border:1px solid rgba(139,92,246,.5);color:#fff;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.tour-control-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf680,#14b8a680);transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf666}.tour-control-btn:disabled{opacity:.4;cursor:not-allowed}.tour-control-btn.pause-btn{background:linear-gradient(135deg,#f43f5e4d,#8b5cf64d);border-color:#f43f5e80;min-width:100px}.tour-control-btn.skip-btn{background:#ef444433;border-color:#ef444466;color:#fca5a5}.tour-control-btn.skip-btn:hover{background:#ef444466;border-color:#ef4444b3;box-shadow:0 4px 20px #ef44444d}.tour-progress{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:200px}.tour-step-indicator{color:#fffc;font-size:12px;font-weight:500}.tour-progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:4px;overflow:hidden}.tour-progress-fill{height:100%;background:linear-gradient(90deg,#f43f5e,#8b5cf6,#14b8a6);border-radius:4px;transition:width .5s ease}.tour-pause-overlay{position:fixed;inset:0 0 60px;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10002;animation:fadeIn .3s ease}.pause-message{text-align:center;color:#fff}.pause-icon{font-size:64px;display:block;margin-bottom:16px;animation:pulse 1.5s ease-in-out infinite}.pause-message p{font-size:24px;font-weight:600;margin-bottom:8px}.pause-message small{color:#fff9;font-size:14px}.tour-clicked{animation:clickPulse .3s ease}@keyframes clickPulse{0%{transform:scale(1);box-shadow:0 0 #8b5cf6b3}50%{transform:scale(.98);box-shadow:0 0 0 10px #8b5cf600}to{transform:scale(1);box-shadow:0 0 #8b5cf600}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tour-scene{width:100%;height:100%;position:relative;overflow:auto}.tour-scene::-webkit-scrollbar{width:8px}.tour-scene::-webkit-scrollbar-track{background:#ffffff0d}.tour-scene::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.tour-scene::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@media (max-width: 768px){.tour-controls{padding:0 15px;gap:10px}.tour-control-btn{padding:8px 12px;font-size:12px}.tour-progress{min-width:120px}}.chart-tone-dark{--chart-bg: #0B0E12;--chart-axis: #C2CCE2;--chart-grid: #1E2536;--chart-border: rgba(255,255,255,.08);--chart-quiz: #6FA8FF;--chart-activity: #FFD166;--chart-combined: #A5FF4B;--chart-classAvg: #9AA7C7;--chart-tooltip-bg: rgba(9,12,18,.93);--chart-text: #D6E1FF}.chart-tone-light{--chart-bg: #0F121A;--chart-axis: #2A3142;--chart-grid: rgba(0,0,0,.08);--chart-border: rgba(0,0,0,.1);--chart-quiz: #336DFF;--chart-activity: #E39B00;--chart-combined: #3CA300;--chart-classAvg: #627199;--chart-tooltip-bg: rgba(20,24,32,.96);--chart-text: #182032}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-1{inset:-.25rem}.inset-0{inset:0}.inset-x-2{left:.5rem;right:.5rem}.-bottom-0\.5{bottom:-.125rem}.-bottom-2{bottom:-.5rem}.-left-0{left:-0px}.-left-2{left:-.5rem}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-right-3{right:-.75rem}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.-top-2\.5{top:-.625rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-10{bottom:2.5rem}.bottom-2{bottom:.5rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-5{bottom:1.25rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-10{left:2.5rem}.left-2{left:.5rem}.left-2\.5{left:.625rem}.left-3{left:.75rem}.left-4{left:1rem}.left-5{left:1.25rem}.left-\[38px\]{left:38px}.left-\[73px\]{left:73px}.left-full{left:100%}.right-0{right:0}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-1\/2{right:50%}.right-10{right:2.5rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.right-full{right:100%}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-10{top:2.5rem}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-40{top:10rem}.top-6{top:1.5rem}.top-\[10px\]{top:10px}.top-\[96px\]{top:96px}.top-full{top:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[101\]{z-index:101}.z-\[110\]{z-index:110}.z-\[120\]{z-index:120}.z-\[200\]{z-index:200}.col-span-12{grid-column:span 12 / span 12}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-full{grid-column:1 / -1}.m-0{margin:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.-ml-\[50vw\]{margin-left:-50vw}.-mr-\[50vw\]{margin-right:-50vw}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-\[70px\]{margin-left:70px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\[10px\]{margin-top:10px}.mt-auto{margin-top:auto}.box-border{box-sizing:border-box}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-1\/2{height:50%}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100px\]{height:100px}.h-\[110px\]{height:110px}.h-\[120px\]{height:120px}.h-\[20px\]{height:20px}.h-\[22px\]{height:22px}.h-\[240px\]{height:240px}.h-\[250px\]{height:250px}.h-\[280px\]{height:280px}.h-\[300px\]{height:300px}.h-\[320px\]{height:320px}.h-\[380px\]{height:380px}.h-\[3px\]{height:3px}.h-\[400px\]{height:400px}.h-\[460px\]{height:460px}.h-\[500px\]{height:500px}.h-\[520px\]{height:520px}.h-\[72px\]{height:72px}.h-\[80px\]{height:80px}.h-\[80vh\]{height:80vh}.h-\[85vh\]{height:85vh}.h-\[88px\]{height:88px}.h-\[calc\(100\%-2rem\)\]{height:calc(100% - 2rem)}.h-\[calc\(100\%-3\.5rem\)\]{height:calc(100% - 3.5rem)}.h-\[calc\(100\%-60px\)\]{height:calc(100% - 60px)}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-52{max-height:13rem}.max-h-64{max-height:16rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[144px\]{max-height:144px}.max-h-\[200px\]{max-height:200px}.max-h-\[360px\]{max-height:360px}.max-h-\[380px\]{max-height:380px}.max-h-\[400px\]{max-height:400px}.max-h-\[420px\]{max-height:420px}.max-h-\[480px\]{max-height:480px}.max-h-\[500px\]{max-height:500px}.max-h-\[600px\]{max-height:600px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-0{min-height:0px}.min-h-\[112px\]{min-height:112px}.min-h-\[140px\]{min-height:140px}.min-h-\[220px\]{min-height:220px}.min-h-\[240px\]{min-height:240px}.min-h-\[280px\]{min-height:280px}.min-h-\[380px\]{min-height:380px}.min-h-\[384px\]{min-height:384px}.min-h-\[400px\]{min-height:400px}.min-h-\[420px\]{min-height:420px}.min-h-\[48px\]{min-height:48px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/5{width:40%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\/5{width:60%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[1440px\]{width:1440px}.w-\[148px\]{width:148px}.w-\[160px\]{width:160px}.w-\[220px\]{width:220px}.w-\[30\%\]{width:30%}.w-\[320px\]{width:320px}.w-\[348px\]{width:348px}.w-\[38\%\]{width:38%}.w-\[420px\]{width:420px}.w-\[45\%\]{width:45%}.w-\[480px\]{width:480px}.w-\[500px\]{width:500px}.w-\[520px\]{width:520px}.w-\[55\%\]{width:55%}.w-\[60px\]{width:60px}.w-\[70\%\]{width:70%}.w-\[720px\]{width:720px}.w-\[72px\]{width:72px}.w-\[90\%\]{width:90%}.w-\[90px\]{width:90px}.w-\[90vw\]{width:90vw}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-\[1000px\]{min-width:1000px}.min-w-\[100px\]{min-width:100px}.min-w-\[1100px\]{min-width:1100px}.min-w-\[1200px\]{min-width:1200px}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[1440px\]{min-width:1440px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[20px\]{min-width:20px}.min-w-\[22px\]{min-width:22px}.min-w-\[260px\]{min-width:260px}.min-w-\[800px\]{min-width:800px}.min-w-\[900px\]{min-width:900px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[100px\]{max-width:100px}.max-w-\[1100px\]{max-width:1100px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[1400px\]{max-width:1400px}.max-w-\[140px\]{max-width:140px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[150px\]{max-width:150px}.max-w-\[1600px\]{max-width:1600px}.max-w-\[260px\]{max-width:260px}.max-w-\[400px\]{max-width:400px}.max-w-\[690px\]{max-width:690px}.max-w-\[720px\]{max-width:720px}.max-w-\[800px\]{max-width:800px}.max-w-\[90vw\]{max-width:90vw}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-screen-xl{max-width:1280px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x: 0px;--tw-border-spacing-y: 0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.origin-top-left{transform-origin:top left}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-14{--tw-translate-y: 3.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-150{--tw-scale-x: 1.5;--tw-scale-y: 1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.02\]{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes fadeSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-slide{animation:fadeSlide .3s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.auto-rows-\[140px\]{grid-auto-rows:140px}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-\[1fr_400px\]{grid-template-columns:1fr 400px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-items-center{justify-items:center}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-\[12px\]{-moz-column-gap:12px;column-gap:12px}.gap-x-\[36px\]{-moz-column-gap:36px;column-gap:36px}.gap-y-2{row-gap:.5rem}.gap-y-\[8px\]{row-gap:8px}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-28>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(7rem * var(--tw-space-x-reverse));margin-left:calc(7rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity, 1))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[20px\]{border-radius:20px}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-bl-2xl{border-bottom-left-radius:1rem}.rounded-br-2xl{border-bottom-right-radius:1rem}.rounded-tl-xl{border-top-left-radius:.75rem}.rounded-tr-xl{border-top-right-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\[\#3B82F6\]{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-\[\#D4CBE1\]{--tw-border-opacity: 1;border-color:rgb(212 203 225 / var(--tw-border-opacity, 1))}.border-amber-100{--tw-border-opacity: 1;border-color:rgb(254 243 199 / var(--tw-border-opacity, 1))}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-amber-500\/20{border-color:#f59e0b33}.border-amber-500\/30{border-color:#f59e0b4d}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-blue-400\/50{border-color:#60a5fa80}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-500\/30{border-color:#3b82f64d}.border-blue-500\/40{border-color:#3b82f666}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-cyan-100{--tw-border-opacity: 1;border-color:rgb(207 250 254 / var(--tw-border-opacity, 1))}.border-cyan-200{--tw-border-opacity: 1;border-color:rgb(165 243 252 / var(--tw-border-opacity, 1))}.border-cyan-500\/20{border-color:#06b6d433}.border-cyan-500\/30{border-color:#06b6d44d}.border-emerald-100{--tw-border-opacity: 1;border-color:rgb(209 250 229 / var(--tw-border-opacity, 1))}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-emerald-500\/30{border-color:#10b9814d}.border-emerald-500\/40{border-color:#10b98166}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-green-100{--tw-border-opacity: 1;border-color:rgb(220 252 231 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-green-500\/30{border-color:#22c55e4d}.border-indigo-100{--tw-border-opacity: 1;border-color:rgb(224 231 255 / var(--tw-border-opacity, 1))}.border-indigo-200{--tw-border-opacity: 1;border-color:rgb(199 210 254 / var(--tw-border-opacity, 1))}.border-orange-100{--tw-border-opacity: 1;border-color:rgb(255 237 213 / var(--tw-border-opacity, 1))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-purple-100{--tw-border-opacity: 1;border-color:rgb(243 232 255 / var(--tw-border-opacity, 1))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-purple-300{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.border-purple-400{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.border-purple-500\/50{border-color:#a855f780}.border-red-100{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-teal-200{--tw-border-opacity: 1;border-color:rgb(153 246 228 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-violet-500\/20{border-color:#8b5cf633}.border-violet-500\/30{border-color:#8b5cf64d}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/5{border-color:#ffffff0d}.border-white\/\[0\.08\]{border-color:#ffffff14}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-yellow-500\/40{border-color:#eab30866}.border-b-pink-500\/50{border-bottom-color:#ec489980}.border-t-cyan-500{--tw-border-opacity: 1;border-top-color:rgb(6 182 212 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-\[\#171813\]{--tw-bg-opacity: 1;background-color:rgb(23 24 19 / var(--tw-bg-opacity, 1))}.bg-\[\#1e1e32\]\/80{background-color:#1e1e32cc}.bg-\[\#3B82F6\]{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-\[\#E5E7EB\]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-\[color-mix\(in_oklab\,red_55\%\,transparent\)\]{background-color:color-mix(in oklab,red 55%,transparent)}.bg-\[color-mix\(in_oklab\,var\(--accent-a\)_45\%\,transparent\)\]{background-color:color-mix(in oklab,var(--accent-a) 45%,transparent)}.bg-\[color-mix\(in_oklab\,var\(--accent-a\)_80\%\,transparent\)\]{background-color:color-mix(in oklab,var(--accent-a) 80%,transparent)}.bg-\[color-mix\(in_oklab\,var\(--accent-b\)_45\%\,transparent\)\]{background-color:color-mix(in oklab,var(--accent-b) 45%,transparent)}.bg-\[oklab\(75\%_0_0\)\]{background-color:#aeaeae}.bg-\[var\(--accent-a\)\]{background-color:var(--accent-a)}.bg-\[var\(--accent-b\)\]{background-color:var(--accent-b)}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/20{background-color:#f59e0b33}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-black\/85{background-color:#000000d9}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.bg-blue-400\/20{background-color:#60a5fa33}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/15{background-color:#3b82f626}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-500\/30{background-color:#3b82f64d}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-900\/50{background-color:#1e3a8a80}.bg-current{background-color:currentColor}.bg-cyan-50{--tw-bg-opacity: 1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}.bg-cyan-500\/20{background-color:#06b6d433}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/20{background-color:#10b98133}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-500\/20{background-color:#6b728033}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-700\/50{background-color:#37415180}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-200{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/20{background-color:#22c55e33}.bg-green-500\/90{background-color:#22c55ee6}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-green-900\/50{background-color:#14532d80}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-indigo-200{--tw-bg-opacity: 1;background-color:rgb(199 210 254 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity, 1))}.bg-lime-200{--tw-bg-opacity: 1;background-color:rgb(217 249 157 / var(--tw-bg-opacity, 1))}.bg-lime-500{--tw-bg-opacity: 1;background-color:rgb(132 204 22 / var(--tw-bg-opacity, 1))}.bg-neutral-900{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-200{--tw-bg-opacity: 1;background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}.bg-orange-400{--tw-bg-opacity: 1;background-color:rgb(251 146 60 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.bg-pink-100{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.bg-pink-200{--tw-bg-opacity: 1;background-color:rgb(251 207 232 / var(--tw-bg-opacity, 1))}.bg-pink-50{--tw-bg-opacity: 1;background-color:rgb(253 242 248 / var(--tw-bg-opacity, 1))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-pink-600{--tw-bg-opacity: 1;background-color:rgb(219 39 119 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-200{--tw-bg-opacity: 1;background-color:rgb(233 213 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-purple-50\/70{background-color:#faf5ffb3}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-500\/80{background-color:#a855f7cc}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-purple-600\/30{background-color:#9333ea4d}.bg-purple-700{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.bg-purple-900\/50{background-color:#581c8780}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/20{background-color:#ef444433}.bg-red-500\/5{background-color:#ef44440d}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-red-900\/50{background-color:#7f1d1d80}.bg-rose-50{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-rose-600{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-900{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.bg-teal-200{--tw-bg-opacity: 1;background-color:rgb(153 246 228 / var(--tw-bg-opacity, 1))}.bg-teal-50{--tw-bg-opacity: 1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.bg-teal-500{--tw-bg-opacity: 1;background-color:rgb(20 184 166 / var(--tw-bg-opacity, 1))}.bg-teal-600{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.bg-violet-100{--tw-bg-opacity: 1;background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))}.bg-violet-500\/10{background-color:#8b5cf61a}.bg-violet-500\/20{background-color:#8b5cf633}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/40{background-color:#fff6}.bg-white\/5{background-color:#ffffff0d}.bg-white\/50{background-color:#ffffff80}.bg-white\/80{background-color:#fffc}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/20{background-color:#eab30833}.bg-yellow-500\/5{background-color:#eab3080d}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.bg-opacity-10{--tw-bg-opacity: .1}.bg-opacity-20{--tw-bg-opacity: .2}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-80{--tw-bg-opacity: .8}.bg-opacity-90{--tw-bg-opacity: .9}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#1a1a2e\]\/95{--tw-gradient-from: rgb(26 26 46 / .95) var(--tw-gradient-from-position);--tw-gradient-to: rgb(26 26 46 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-400{--tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-50{--tw-gradient-from: #fffbeb var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/70{--tw-gradient-from: rgb(0 0 0 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from: #60a5fa var(--tw-gradient-from-position);--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-50{--tw-gradient-from: #ecfeff var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 254 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500\/10{--tw-gradient-from: rgb(6 182 212 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-100{--tw-gradient-from: #d1fae5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(209 250 229 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-50{--tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-400{--tw-gradient-from: #4ade80 var(--tw-gradient-from-position);--tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-50{--tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-50{--tw-gradient-from: #eef2ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-50{--tw-gradient-from: #fff7ed var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-400{--tw-gradient-from: #c084fc var(--tw-gradient-from-position);--tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from: #faf5ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-400{--tw-gradient-from: #f87171 var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 113 113 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-500{--tw-gradient-from: #f43f5e var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-900\/90{--tw-gradient-from: rgb(15 23 42 / .9) var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-teal-50{--tw-gradient-from: #f0fdfa var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500{--tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500\/10{--tw-gradient-from: rgb(139 92 246 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from: #facc15 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-black\/20{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-amber-50{--tw-gradient-to: #fffbeb var(--tw-gradient-to-position)}.to-amber-500{--tw-gradient-to: #f59e0b var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-blue-700{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.to-cyan-50{--tw-gradient-to: #ecfeff var(--tw-gradient-to-position)}.to-cyan-500\/5{--tw-gradient-to: rgb(6 182 212 / .05) var(--tw-gradient-to-position)}.to-emerald-400{--tw-gradient-to: #34d399 var(--tw-gradient-to-position)}.to-emerald-50{--tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to: #10b981 var(--tw-gradient-to-position)}.to-green-50{--tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position)}.to-green-500{--tw-gradient-to: #22c55e var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to: #16a34a var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to: #6366f1 var(--tw-gradient-to-position)}.to-orange-400{--tw-gradient-to: #fb923c var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to: #fff7ed var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to: #faf5ff var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-purple-700{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to: #ef4444 var(--tw-gradient-to-position)}.to-rose-500{--tw-gradient-to: #f43f5e var(--tw-gradient-to-position)}.to-slate-950\/95{--tw-gradient-to: rgb(2 6 23 / .95) var(--tw-gradient-to-position)}.to-teal-100{--tw-gradient-to: #ccfbf1 var(--tw-gradient-to-position)}.to-teal-50{--tw-gradient-to: #f0fdfa var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-violet-500{--tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position)}.to-violet-500\/20{--tw-gradient-to: rgb(139 92 246 / .2) var(--tw-gradient-to-position)}.to-violet-500\/5{--tw-gradient-to: rgb(139 92 246 / .05) var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-3{padding:.75rem!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[2px\]{padding:2px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-14{padding-left:3.5rem;padding-right:3.5rem}.px-16{padding-left:4rem;padding-right:4rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-28{padding-left:7rem;padding-right:7rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-32{padding-bottom:8rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pr-\[160px\]{padding-right:160px}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.font-\[\'Inter\'\]{font-family:Inter}.font-inter{font-family:Inter,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal: ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-loose{line-height:2}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#1F2937\]{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-\[color\:var\(--muted\,\#a3a3a3\)\]{color:var(--muted,#a3a3a3)}.text-\[color\:var\(--surface-ink\)\]{color:var(--surface-ink)}.text-\[var\(--heading\)\]{color:var(--heading)}.text-\[var\(--surface-ink\)\]{color:var(--surface-ink)}.text-amber-200\/70{color:#fde68ab3}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-amber-900{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-cyan-200\/60{color:#a5f3fc99}.text-cyan-300{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.text-cyan-700{--tw-text-opacity: 1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}.text-cyan-800{--tw-text-opacity: 1;color:rgb(21 94 117 / var(--tw-text-opacity, 1))}.text-emerald-100{--tw-text-opacity: 1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}.text-emerald-200{--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-green-900{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-indigo-800{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.text-pink-700{--tw-text-opacity: 1;color:rgb(190 24 93 / var(--tw-text-opacity, 1))}.text-purple-200{--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-purple-900{--tw-text-opacity: 1;color:rgb(88 28 135 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-rose-400{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-rose-800{--tw-text-opacity: 1;color:rgb(159 18 57 / var(--tw-text-opacity, 1))}.text-sky-400{--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-teal-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-teal-700{--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))}.text-teal-800{--tw-text-opacity: 1;color:rgb(17 94 89 / var(--tw-text-opacity, 1))}.text-violet-200\/60{color:#ddd6fe99}.text-violet-300{--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.text-violet-400{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.text-violet-500{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.text-violet-600{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-yellow-200{--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.text-yellow-900{--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.placeholder-opacity-60::-moz-placeholder{--tw-placeholder-opacity: .6}.placeholder-opacity-60::placeholder{--tw-placeholder-opacity: .6}.accent-current{accent-color:currentColor}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_8px_20px_rgba\(32\,177\,90\,0\.3\)\]{--tw-shadow: 0 8px 20px rgba(32,177,90,.3);--tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[3px_3px_4px_3px_rgba\(32\,177\,90\,1\.00\)\]{--tw-shadow: 3px 3px 4px 3px rgba(32,177,90,1);--tw-shadow-colored: 3px 3px 4px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_4px_4px_rgba\(0\,0\,0\,0\.04\)\]{--tw-shadow: inset 0 4px 4px rgba(0,0,0,.04);--tw-shadow-colored: inset 0 4px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-green-500\/40{--tw-shadow-color: rgb(34 197 94 / .4);--tw-shadow: var(--tw-shadow-colored)}.shadow-violet-500\/40{--tw-shadow-color: rgb(139 92 246 / .4);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-amber-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity, 1))}.ring-blue-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.ring-green-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1))}.ring-green-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}.ring-orange-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(251 146 60 / var(--tw-ring-opacity, 1))}.ring-teal-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(45 212 191 / var(--tw-ring-opacity, 1))}.ring-offset-1{--tw-ring-offset-width: 1px}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-slate-900{--tw-ring-offset-color: #0f172a}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\,border-color\,box-shadow\]{transition-property:background-color,border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[max-height\,height\]{transition-property:max-height,height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}:root{--bg: #0a0a0a;--bg-2: #0f0f22;--text: #ffffff;--surface: rgba(255,255,255,.06);--surface-ink: #f8f9fb;--surface-ink-dim: #cbd5e1;--surface-border: rgba(255,255,255,.14);--accent-a: #8b5cf6;--accent-b: #22d3ee;--ring-a: rgba(124,58,237,.45);--ring-b: rgba(34,211,238,.45);--heading: #a78bfa;--card-radius: 16px;--ease: cubic-bezier(.22,.61,.36,1);--pattern-ink: color-mix(in oklab, var(--accent-a) 60%, var(--accent-b) 40%);--pattern-ink-2: color-mix(in oklab, var(--accent-b) 60%, var(--accent-a) 40%)}html:before,html:after,body:before,body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}:root{--chart-bg: color-mix(in oklab, var(--bg) 82%, var(--bg-2) 18%);--chart-text: #B8C2D5;--chart-tooltip-bg: rgba(9,12,18,.93);--chart-axis: var(--surface-ink-dim);--chart-grid: color-mix(in oklab, var(--surface) 72%, transparent 28%);--chart-border: var(--surface-border);--chart-quiz: #00E5FF;--chart-activity: #FF4BD8;--chart-combined: #A5FF4B;--chart-classAvg: #FFD166}html[data-theme=cyber-matrix],body[data-theme=cyber-matrix]{--chart-bg: color-mix(in oklab, var(--bg) 88%, var(--bg-2) 12%);--chart-text: #E0FFF4;--chart-axis: #A8FFE4;--chart-grid: color-mix(in oklab, var(--surface) 70%, rgba(0,255,163,.12) 30%);--chart-border: rgba(0,255,163,.32);--chart-quiz: #00FFA3;--chart-activity: #00E5FF;--chart-combined: #39FF14;--chart-classAvg: #FFD700}html[data-theme=neon-tokyo],body[data-theme=neon-tokyo]{--chart-bg: color-mix(in oklab, var(--bg) 86%, var(--bg-2) 14%);--chart-text: #FFE5F5;--chart-axis: #FFB3E6;--chart-grid: color-mix(in oklab, var(--surface) 65%, rgba(255,20,147,.12) 35%);--chart-border: rgba(255,20,147,.38);--chart-quiz: #FF1493;--chart-activity: #00D9FF;--chart-combined: #B026FF;--chart-classAvg: #FFD93D}html[data-theme=plasma-core],body[data-theme=plasma-core]{--chart-bg: color-mix(in oklab, var(--bg) 85%, var(--bg-2) 15%);--chart-text: #F5E6FF;--chart-axis: #D4A5FF;--chart-grid: color-mix(in oklab, var(--surface) 68%, rgba(167,67,255,.12) 32%);--chart-border: rgba(167,67,255,.35);--chart-quiz: #A743FF;--chart-activity: #FF6B35;--chart-combined: #00F5FF;--chart-classAvg: #FFED4E}html[data-theme=quantum-gold],body[data-theme=quantum-gold]{--chart-bg: #050505;--chart-text: #FFE6C7;--chart-axis: #FFD77F;--chart-grid: rgba(255,215,0,.14);--chart-border: rgba(255,215,0,.4);--chart-quiz: #FFD700;--chart-activity: #FFA500;--chart-combined: #00FFFF;--chart-classAvg: #FF69B4}html[data-theme=galaxy-violet],body[data-theme=galaxy-violet]{--chart-bg: color-mix(in oklab, var(--bg) 87%, var(--bg-2) 13%);--chart-text: #F0E6FF;--chart-axis: #C8A2FF;--chart-grid: color-mix(in oklab, var(--surface) 72%, rgba(138,43,226,.1) 28%);--chart-border: rgba(138,43,226,.32);--chart-quiz: #8A2BE2;--chart-activity: #00CED1;--chart-combined: #FF1493;--chart-classAvg: #FFB347}:root{--chart-band-red: 255, 90, 90;--chart-band-amber: 255, 209, 102;--chart-band-green: 165, 255, 75;--chart-band-alpha: .1;--tr-green: 0, 185, 110;--tr-amber: 255, 186, 0;--tr-red: 230, 60, 60}html[data-theme=cyber-matrix],body[data-theme=cyber-matrix]{--bg:#000807;--bg-2:#0a1512;--text:#E0FFF4;--surface:#0d1a17;--surface-ink:#E0FFF4;--surface-ink-dim:#94CCBA;--surface-border: rgba(0,255,163,.28);--accent-a:#00FFA3;--accent-b:#00E5FF;--ring-a: rgba(0,255,163,.42);--ring-b: rgba(0,229,255,.38);--heading:#39FF14;background:linear-gradient(135deg,var(--bg),var(--bg-2))}html[data-theme=cyber-matrix]:before,body[data-theme=cyber-matrix]:before{background:radial-gradient(circle 800px at 30% 20%,rgba(0,255,163,.18),transparent 60%),radial-gradient(circle 900px at 70% 80%,rgba(0,229,255,.15),transparent 65%);opacity:.7}html[data-theme=cyber-matrix]:after,body[data-theme=cyber-matrix]:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><defs><pattern id='grid' width='20' height='20' patternUnits='userSpaceOnUse'><path d='M 20 0 L 0 0 0 20' fill='none' stroke='rgba(0,255,163,0.08)' stroke-width='0.5'/></pattern></defs><rect width='200' height='200' fill='url(%23grid)'/></svg>");background-size:200px 200px;opacity:.35}html[data-theme=neon-tokyo],body[data-theme=neon-tokyo]{--bg:#0a0412;--bg-2:#150a1f;--text:#FFE5F5;--surface:#1a0f28;--surface-ink:#FFE5F5;--surface-ink-dim:#FFB3E6;--surface-border: rgba(255,20,147,.32);--accent-a:#FF1493;--accent-b:#00D9FF;--ring-a: rgba(255,20,147,.45);--ring-b: rgba(0,217,255,.4);--heading:#FF69B4;--card-radius: 18px;background:radial-gradient(circle 1200px at 25% 15%,rgba(255,20,147,.16),transparent 55%),radial-gradient(circle 1100px at 75% 85%,rgba(0,217,255,.14),transparent 55%),linear-gradient(125deg,var(--bg),var(--bg-2))}html[data-theme=neon-tokyo]:before,body[data-theme=neon-tokyo]:before{background-image:radial-gradient(circle 5px at 25% 25%,rgba(255,20,147,.15) 0%,transparent 70%),radial-gradient(circle 4px at 75% 75%,rgba(0,217,255,.12) 0%,transparent 70%);background-size:180px 180px,250px 250px;opacity:.55}html[data-theme=neon-tokyo]:after,body[data-theme=neon-tokyo]:after{background:repeating-linear-gradient(45deg,transparent 0 40px,rgba(255,20,147,.05) 40px 42px),repeating-linear-gradient(-45deg,transparent 0 40px,rgba(0,217,255,.04) 40px 42px);opacity:.18}html[data-theme=plasma-core],body[data-theme=plasma-core]{--bg:#0f0419;--bg-2:#1a0828;--text:#F5E6FF;--surface:#1d0d2a;--surface-ink:#F5E6FF;--surface-ink-dim:#D4B8FF;--surface-border: rgba(167,67,255,.35);--accent-a:#A743FF;--accent-b:#FF6B35;--ring-a: rgba(167,67,255,.48);--ring-b: rgba(255,107,53,.42);--heading:#E066FF;--card-radius: 16px;background:radial-gradient(circle 1400px at 20% 20%,rgba(167,67,255,.14),transparent 50%),radial-gradient(circle 1300px at 80% 80%,rgba(255,107,53,.12),transparent 50%),linear-gradient(130deg,var(--bg),var(--bg-2))}html[data-theme=plasma-core]:before,body[data-theme=plasma-core]:before{background:radial-gradient(ellipse 800px 400px at 50% 50%,rgba(167,67,255,.22),transparent 65%),radial-gradient(circle 600px at 30% 70%,rgba(255,107,53,.18),transparent 60%),radial-gradient(circle 500px at 70% 30%,rgba(167,67,255,.15),transparent 60%);opacity:.65}html[data-theme=plasma-core]:after,body[data-theme=plasma-core]:after{background:repeating-linear-gradient(90deg,transparent 0 50px,rgba(167,67,255,.06) 50px 52px),repeating-linear-gradient(0deg,transparent 0 50px,rgba(255,107,53,.05) 50px 52px),radial-gradient(circle 3px at 33% 33%,rgba(167,67,255,.15) 0%,transparent 70%),radial-gradient(circle 2px at 66% 66%,rgba(255,107,53,.12) 0%,transparent 70%);background-size:100% 100%,100% 100%,200px 200px,280px 280px;opacity:.28}html[data-theme=quantum-gold],body[data-theme=quantum-gold]{--bg:#000000;--bg-2:#0a0503;--text:#FFEAA7;--surface:#0f0a05;--surface-ink:#FFF4D6;--surface-ink-dim:#E0C870;--surface-border: rgba(255,215,0,.38);--accent-a:#FFD700;--accent-b:#FFA500;--ring-a: rgba(255,215,0,.5);--ring-b: rgba(255,165,0,.45);--heading:#FFEB3B;--card-radius: 20px;background:radial-gradient(ellipse 1600px 800px at 50% 0%,rgba(255,215,0,.08),transparent 60%),radial-gradient(circle 1000px at 50% 100%,rgba(255,165,0,.06),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg-2))}html[data-theme=quantum-gold]:before,body[data-theme=quantum-gold]:before{background:radial-gradient(circle 2px at 20% 30%,rgba(255,215,0,.25) 0%,transparent 80%),radial-gradient(circle 1px at 40% 60%,rgba(255,215,0,.2) 0%,transparent 80%),radial-gradient(circle 2px at 60% 40%,rgba(255,165,0,.22) 0%,transparent 80%),radial-gradient(circle 1px at 80% 70%,rgba(255,215,0,.18) 0%,transparent 80%),radial-gradient(circle 1px at 30% 80%,rgba(255,165,0,.2) 0%,transparent 80%),radial-gradient(circle 2px at 70% 20%,rgba(255,215,0,.23) 0%,transparent 80%);background-size:500px 500px,400px 400px,600px 600px,450px 450px,550px 550px,480px 480px;opacity:.7}html[data-theme=quantum-gold]:after,body[data-theme=quantum-gold]:after{background:linear-gradient(45deg,transparent 48%,rgba(255,215,0,.08) 49%,rgba(255,215,0,.08) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(255,165,0,.06) 49%,rgba(255,165,0,.06) 51%,transparent 52%),radial-gradient(ellipse 1200px 600px at 50% 50%,rgba(255,215,0,.12),transparent 70%);background-size:80px 80px,80px 80px,100% 100%;opacity:.35}html[data-theme=galaxy-violet],body[data-theme=galaxy-violet]{--bg:#0d0520;--bg-2:#160a2a;--text:#F0E6FF;--surface:#1a0f30;--surface-ink:#F8F0FF;--surface-ink-dim:#D4C1FF;--surface-border: rgba(138,43,226,.32);--accent-a:#8A2BE2;--accent-b:#00CED1;--ring-a: rgba(138,43,226,.42);--ring-b: rgba(0,206,209,.38);--heading:#DA70D6;--card-radius: 18px;background:radial-gradient(ellipse 1400px 700px at 30% 20%,rgba(138,43,226,.15),transparent 58%),radial-gradient(circle 1200px at 70% 80%,rgba(0,206,209,.12),transparent 55%),radial-gradient(circle 800px at 50% 50%,rgba(138,43,226,.08),transparent 60%),linear-gradient(135deg,var(--bg),var(--bg-2))}html[data-theme=galaxy-violet]:before,body[data-theme=galaxy-violet]:before{background:radial-gradient(ellipse 900px 450px at 35% 35%,rgba(138,43,226,.2),transparent 65%),radial-gradient(ellipse 800px 400px at 65% 65%,rgba(0,206,209,.18),transparent 65%),radial-gradient(circle 600px at 50% 50%,rgba(147,112,219,.12),transparent 70%);opacity:.6}html[data-theme=galaxy-violet]:after,body[data-theme=galaxy-violet]:after{background-image:radial-gradient(circle 2px at 15% 20%,rgba(138,43,226,.35) 0%,transparent 70%),radial-gradient(circle 1px at 35% 45%,rgba(0,206,209,.3) 0%,transparent 70%),radial-gradient(circle 2px at 55% 30%,rgba(218,112,214,.32) 0%,transparent 70%),radial-gradient(circle 1px at 75% 60%,rgba(138,43,226,.28) 0%,transparent 70%),radial-gradient(circle 2px at 25% 75%,rgba(0,206,209,.3) 0%,transparent 70%),radial-gradient(circle 1px at 85% 85%,rgba(147,112,219,.25) 0%,transparent 70%),radial-gradient(circle 1px at 45% 90%,rgba(138,43,226,.22) 0%,transparent 70%);background-size:400px 400px,350px 350px,500px 500px,420px 420px,450px 450px,380px 380px,320px 320px;opacity:.75}@media (prefers-reduced-motion: no-preference){@keyframes gradShift{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}@keyframes driftA{0%{background-position:0% 0%}50%{background-position:8% -6%}to{background-position:0% 0%}}@keyframes driftB{0%{background-position:0% 0%}50%{background-position:-7% 6%}to{background-position:0% 0%}}@keyframes twinkle{0%{opacity:.05}50%{opacity:.12}to{opacity:.05}}@keyframes slowShift{0%,to{background-position:0 0}50%{background-position:5% -5%}}@keyframes gridSlide{0%{background-position:0 0,0 0}to{background-position:180px 140px,-180px -140px}}@keyframes bokehFloat{0%{background-position:0 0,50px 50px}to{background-position:220px 220px,360px 360px}}@keyframes orchardBlobs{0%{background-position:0 0,0 0}50%{background-position:5% -3%,-5% 3%}to{background-position:0 0,0 0}}@keyframes orchardPattern{0%{background-position:0 0}to{background-position:160px 140px}}@keyframes bgPan{0%{background-position:50% 50%}to{background-position:49% 51%}}@keyframes nodesDrift{0%{background-position:50% 60%}to{background-position:51% 59%}}html[data-theme=cyber-matrix]:before,body[data-theme=cyber-matrix]:before{animation:driftA 120s ease-in-out infinite alternate}html[data-theme=cyber-matrix]:after,body[data-theme=cyber-matrix]:after{animation:gridSlide 180s linear infinite}html[data-theme=neon-tokyo],body[data-theme=neon-tokyo]{animation:slowShift 35s ease-in-out infinite}html[data-theme=neon-tokyo]:before,body[data-theme=neon-tokyo]:before{animation:twinkle 8s ease-in-out infinite alternate}html[data-theme=neon-tokyo]:after,body[data-theme=neon-tokyo]:after{animation:driftB 80s ease-in-out infinite}html[data-theme=plasma-core]:before,body[data-theme=plasma-core]:before{animation:gradShift 25s ease-in-out infinite alternate}html[data-theme=plasma-core]:after,body[data-theme=plasma-core]:after{animation:bokehFloat 60s linear infinite}html[data-theme=quantum-gold]:before,body[data-theme=quantum-gold]:before{animation:bokehFloat 180s linear infinite}html[data-theme=quantum-gold]:after,body[data-theme=quantum-gold]:after{animation:nodesDrift 220s linear infinite}html[data-theme=galaxy-violet],body[data-theme=galaxy-violet]{animation:slowShift 40s ease-in-out infinite}html[data-theme=galaxy-violet]:before,body[data-theme=galaxy-violet]:before{animation:driftA 90s ease-in-out infinite alternate}html[data-theme=galaxy-violet]:after,body[data-theme=galaxy-violet]:after{animation:bokehFloat 110s linear infinite}}@media (prefers-reduced-motion: reduce){body,body:before,body:after,html:before,html:after{animation:none!important}}html[data-theme=black-gold] .neon-panel,html[data-theme=black-gold] .kpi-card{box-shadow:0 6px 16px #00000040}html[data-theme=black-gold] .kpi-card .w-10.h-10{box-shadow:inset 0 0 6px #00000040}.text-force-white{color:#fff!important}.placeholder\:text-white\/40::-moz-placeholder{color:#fff6}.placeholder\:text-white\/40::placeholder{color:#fff6}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:border:after{content:var(--tw-content);border-width:1px}.after\:border-gray-300:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.last\:border-b-0:last-child{border-bottom-width:0px}.last\:border-r-0:last-child{border-right-width:0px}.last\:pb-0:last-child{padding-bottom:0}.odd\:bg-white:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.even\:bg-gray-50:nth-child(2n){--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:translate-x-2:hover{--tw-translate-x: .5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.005\]:hover{--tw-scale-x: 1.005;--tw-scale-y: 1.005;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.01\]:hover{--tw-scale-x: 1.01;--tw-scale-y: 1.01;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-solid:hover{border-style:solid}.hover\:border-\[\#3B82F6\]:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.hover\:border-blue-300:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.hover\:border-blue-400:hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.hover\:border-green-300:hover{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.hover\:border-purple-300:hover{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.hover\:bg-\[color-mix\(in_oklab\,var\(--accent-a\)_5\%\,transparent\)\]:hover{background-color:color-mix(in oklab,var(--accent-a) 5%,transparent)}.hover\:bg-amber-50\/60:hover{background-color:#fffbeb99}.hover\:bg-amber-500\/30:hover{background-color:#f59e0b4d}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500\/30:hover{background-color:#3b82f64d}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-800\/50:hover{background-color:#1e40af80}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-800\/50:hover{background-color:#1f293780}.hover\:bg-green-100:hover{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.hover\:bg-green-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.hover\:bg-green-500\/30:hover{background-color:#22c55e4d}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-green-800\/50:hover{background-color:#16653480}.hover\:bg-indigo-200:hover{--tw-bg-opacity: 1;background-color:rgb(199 210 254 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-200:hover{--tw-bg-opacity: 1;background-color:rgb(233 213 255 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-50:hover{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-600:hover{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-800:hover{--tw-bg-opacity: 1;background-color:rgb(107 33 168 / var(--tw-bg-opacity, 1))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/40:hover{background-color:#ef444466}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-red-800\/50:hover{background-color:#991b1b80}.hover\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-violet-200:hover{--tw-bg-opacity: 1;background-color:rgb(221 214 254 / var(--tw-bg-opacity, 1))}.hover\:bg-violet-500\/30:hover{background-color:#8b5cf64d}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:bg-white\/40:hover{background-color:#fff6}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/50:hover{background-color:#ffffff80}.hover\:bg-white\/60:hover{background-color:#fff9}.hover\:bg-white\/\[0\.02\]:hover{background-color:#ffffff05}.hover\:bg-yellow-700:hover{--tw-bg-opacity: 1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))}.hover\:bg-opacity-10:hover{--tw-bg-opacity: .1}.hover\:from-purple-600:hover{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-indigo-600:hover{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-green-300:hover{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:text-red-800:hover{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-white\/80:hover{color:#fffc}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-95:hover{opacity:.95}.hover\:shadow:hover{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-blue-500\/50:focus{border-color:#3b82f680}.focus\:border-cyan-500\/50:focus{border-color:#06b6d480}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-amber-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-emerald-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1))}.focus\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.focus\:ring-purple-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1))}.focus\:ring-teal-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.01\]{--tw-scale-x: 1.01;--tw-scale-y: 1.01;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.peer:focus~.peer-focus\:ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.peer:focus~.peer-focus\:ring-blue-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1))}@media (min-width: 640px){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-6{gap:1.5rem}.sm\:p-6{padding:1.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:inline-block{display:inline-block}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-0{gap:0px}.md\:gap-4{gap:1rem}.md\:p-4{padding:1rem}.md\:p-7{padding:1.75rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:inline{display:inline}.lg\:w-10{width:2.5rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-8{gap:2rem}}@media (min-width: 1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:root{--bg: #0a0a0a;--bg-2: #0f0f22;--text: #ffffff;--surface: rgba(255,255,255,.06);--surface-ink: #f8f9fb;--surface-ink-dim: #cbd5e1;--surface-border: rgba(255,255,255,.14);--accent-a: #7c3aed;--accent-b: #22d3ee;--ring-a: rgba(124,58,237,.45);--ring-b: rgba(34,211,238,.45);--heading: var(--accent-a);--card-radius: 16px;--ease: cubic-bezier(.22,.61,.36,1);--pattern-ink: color-mix(in oklab, var(--accent-a) 60%, var(--accent-b) 40%);--pattern-ink-2: color-mix(in oklab, var(--accent-b) 60%, var(--accent-a) 40%)}html,body{height:100%;margin:0}body{position:relative;isolation:isolate;background:linear-gradient(135deg,var(--bg),var(--bg-2));background-attachment:fixed;color:var(--text);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial;transition:background-color .6s var(--ease),color .4s var(--ease),background .8s var(--ease)}body:before,body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}.neon-panel{background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 90%,#fff 10%),color-mix(in oklab,var(--surface) 98%,#000 2%));border:1px solid var(--surface-border);border-radius:var(--card-radius);padding:18px;box-shadow:0 10px 40px #00000059,0 0 30px color-mix(in oklab,var(--accent-a) 35%,transparent),0 0 50px color-mix(in oklab,var(--accent-b) 30%,transparent);transition:border-color .35s var(--ease),box-shadow .4s var(--ease),background-color .35s var(--ease)}.kpi-card{background:color-mix(in oklab,var(--surface) 92%,#fff 8%);border:1px solid var(--surface-border);border-radius:14px;padding:14px 16px;box-shadow:0 10px 28px #00000059,0 0 20px color-mix(in oklab,var(--accent-a) 25%,transparent);transition:transform .15s var(--ease),box-shadow .25s var(--ease),background-color .35s var(--ease)}.kpi-card:hover{transform:translateY(-1px);box-shadow:0 12px 34px #00000073,0 0 28px color-mix(in oklab,var(--accent-b) 35%,transparent)}.kpi{display:flex;align-items:center;gap:12px;color:var(--surface-ink)}.kpi-icon{width:36px;height:36px;border-radius:50%;flex:none;background:radial-gradient(circle at 30% 30%,var(--accent-a),var(--accent-b));box-shadow:inset 0 0 16px #00000059,0 0 24px color-mix(in oklab,var(--accent-b) 45%,transparent)}.kpi-title{font-weight:700;color:var(--surface-ink)}.kpi-value{font-size:22px;font-weight:800;color:var(--surface-ink)}.kpi-hint{font-size:12px;color:var(--surface-ink-dim)}.neon-h1{font-weight:900;letter-spacing:.02em;color:var(--heading)}.neon-h2{font-weight:800;color:color-mix(in oklab,var(--heading) 88%,white 12%)}.neon-hr{height:1px;border:0;margin:16px 0;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--accent-a) 50%,transparent),transparent)}.neon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border-radius:12px;font-weight:700;color:var(--surface-ink);background:radial-gradient(120% 140% at 15% 15%,color-mix(in oklab,var(--accent-a) 18%,#000 82%),transparent 45%),radial-gradient(120% 140% at 85% 25%,color-mix(in oklab,var(--accent-b) 18%,#000 82%),transparent 45%),color-mix(in oklab,var(--bg-2) 88%,#000 12%);border:1px solid color-mix(in oklab,var(--accent-a) 45%,var(--accent-b) 55%);box-shadow:inset 0 0 16px color-mix(in oklab,var(--accent-a) 22%,transparent),inset 0 0 26px color-mix(in oklab,var(--accent-b) 18%,transparent),0 8px 24px #00000059,0 0 24px color-mix(in oklab,var(--accent-a) 35%,transparent);transition:transform .15s var(--ease),filter .25s var(--ease),box-shadow .25s var(--ease)}.neon-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.neon-btn:active{transform:translateY(1px)}@media (prefers-reduced-motion: no-preference){@keyframes gradShift{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}@keyframes driftA{0%{background-position:0% 0%}50%{background-position:8% -6%}to{background-position:0% 0%}}@keyframes driftB{0%{background-position:0% 0%}50%{background-position:-7% 6%}to{background-position:0% 0%}}@keyframes twinkle{0%{opacity:.05}50%{opacity:.12}to{opacity:.05}}@keyframes slowShift{0%,to{background-position:0 0}50%{background-position:5% -5%}}@keyframes gridSlide{0%{background-position:0 0,0 0}to{background-position:180px 140px,-180px -140px}}@keyframes bokehFloat{0%{background-position:0 0,50px 50px}to{background-position:220px 220px,360px 360px}}html[data-theme=electric-orchard],body[data-theme=electric-orchard]{--bg:#0c0f12;--bg-2:#111822;--text:#f7f8fb;--surface:#171c26;--surface-ink:#ffffff;--surface-ink-dim:#cfd6e1;--surface-border: rgba(255,0,170,.2);--accent-a:#00ff66;--accent-b:#ff2fb3;--ring-a: rgba(0,255,102,.35);--ring-b: rgba(255,47,179,.35);--heading:#00ffbf;background:linear-gradient(140deg,var(--bg),var(--bg-2))}html[data-theme=electric-orchard]:before,body[data-theme=electric-orchard]:before{background:radial-gradient(40vmax 40vmax at 20% 30%,rgba(255,47,179,.15),transparent 65%),radial-gradient(35vmax 35vmax at 80% 70%,rgba(0,255,102,.15),transparent 65%);animation:orchardBlobs 160s ease-in-out infinite alternate;opacity:.6}html[data-theme=electric-orchard]:after,body[data-theme=electric-orchard]:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='140' viewBox='0 0 160 140'><g fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='1'><polygon points='40,0 120,0 160,70 120,140 40,140 0,70'/></g></svg>");background-size:160px 140px;animation:orchardPattern 240s linear infinite;opacity:.25}@keyframes orchardBlobs{0%{background-position:0 0,0 0}50%{background-position:5% -3%,-5% 3%}to{background-position:0 0,0 0}}@keyframes orchardPattern{0%{background-position:0 0}to{background-position:160px 140px}}html[data-theme=rosette-neon],body[data-theme=rosette-neon]{--bg:#120814;--bg-2:#1a0d1d;--text:#fff6fb;--surface:#1f1424;--surface-ink:#fff8fc;--surface-ink-dim:#e8cfe4;--surface-border: rgba(213,87,186,.22);--accent-a:#d757ba;--accent-b:#cc3558;--ring-a: rgba(213,87,186,.38);--ring-b: rgba(204,53,88,.36);--heading:#f5bae4;background:radial-gradient(circle at 30% 30%,color-mix(in oklab,var(--accent-a) 20%,transparent),transparent 60%),radial-gradient(circle at 70% 70%,color-mix(in oklab,var(--accent-b) 20%,transparent),transparent 60%),linear-gradient(120deg,var(--bg),var(--bg-2));animation:slowShift 35s ease-in-out infinite}html[data-theme=rosette-neon]:before,body[data-theme=rosette-neon]:before{background-image:radial-gradient(circle 4px,rgba(255,200,240,.12) 0%,transparent 80%),radial-gradient(circle 3px,rgba(255,180,220,.1) 0%,transparent 80%);background-size:200px 200px,300px 300px;animation:bokehFloat 40s linear infinite;opacity:.85}html[data-theme=rosette-neon]:after,body[data-theme=rosette-neon]:after{background:repeating-linear-gradient(60deg,transparent 0 36px,color-mix(in oklab,var(--accent-a) 15%,transparent) 36px 37px),repeating-linear-gradient(-60deg,transparent 0 36px,color-mix(in oklab,var(--accent-b) 15%,transparent) 36px 37px);animation:gridSlide 60s linear infinite;mix-blend-mode:screen;opacity:.06}html[data-theme=ember-nova],body[data-theme=ember-nova]{--bg:#160913;--bg-2:#231022;--text:#fff3f6;--surface:#1f1220;--surface-ink:#fff9fb;--surface-ink-dim:#f1cdd6;--surface-border: rgba(231,79,44,.22);--accent-a:#c32076;--accent-b:#e74f2c;--ring-a: rgba(195,32,118,.36);--ring-b: rgba(231,79,44,.34);--heading:#ffa27f;background:linear-gradient(135deg,var(--bg),var(--bg-2))}html[data-theme=ember-nova]:before,body[data-theme=ember-nova]:before{background:repeating-linear-gradient(12deg,color-mix(in oklab,var(--accent-a) 18%,transparent) 0 2px,transparent 2px 28px);animation:gridSlide 28s ease-in-out infinite alternate;filter:blur(.2px) saturate(110%);opacity:.14}html[data-theme=ember-nova]:after,body[data-theme=ember-nova]:after{background:radial-gradient(1200px 600px at 90% 15%,color-mix(in oklab,var(--accent-b) 18%,transparent),transparent 60%),radial-gradient(1200px 600px at 10% 85%,color-mix(in oklab,var(--accent-a) 18%,transparent),transparent 60%);opacity:.18}html[data-theme=black-gold],body[data-theme=black-gold]{--bg: #000000;--bg-2: #0b0b0b;--surface-ink: color-mix(in oklab, #D7B550 85%, black 15%);--surface-ink-dim: color-mix(in oklab, #a8903c 85%, black 15%);--heading: color-mix(in oklab, #D7B550 90%, black 10%);--accent-a: color-mix(in oklab, #D7B550 85%, black 15%);--accent-b: color-mix(in oklab, #8A6A1A 85%, black 15%);--surface: rgba(10,10,10,.92);--surface-border: rgba(215, 181, 80, .35);--accent-a: #D7B550;--accent-b: #8A6A1A;--ring-a: rgba(215,181,80,.4);--ring-b: rgba(215,181,80,.25);--heading: #D7B550;background:radial-gradient(120vh 120vh at 50% -30%,rgba(215,181,80,.06),transparent 60%),linear-gradient(140deg,var(--bg),var(--bg-2));color:var(--text)}html[data-theme=black-gold]:before,body[data-theme=black-gold]:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:url(/gold-facets.webp) center/cover no-repeat fixed;opacity:.38;filter:saturate(115%) contrast(110%)}html[data-theme=black-gold]:after,body[data-theme=black-gold]:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120vh 120vh at 50% -10%,rgba(215,181,80,.05),transparent 60%),radial-gradient(120vh 120vh at 50% 110%,rgba(0,0,0,.6),transparent 60%);opacity:.55}html[data-theme=black-gold]:before{animation:bgPan 240s linear infinite}html[data-theme=black-gold]:after{animation:nodesDrift 300s linear infinite}@keyframes bgPan{0%{background-position:50% 50%}to{background-position:49% 51%}}@keyframes nodesDrift{0%{background-position:50% 60%}to{background-position:51% 59%}}.neon-panel,.kpi-card{box-shadow:0 6px 16px #00000040}.kpi-card .w-10.h-10{box-shadow:inset 0 0 6px #00000040}html[data-theme=violet-hour],body[data-theme=violet-hour]{--bg:#12071a;--bg-2:#1f1230;--text:#f6f2ff;--surface:#1a1430;--surface-ink:#ffffff;--surface-ink-dim:#cfc6e9;--surface-border: rgba(128,192,250,.2);--accent-a:#7859c4;--accent-b:#80c0fa;--ring-a: rgba(120,89,196,.36);--ring-b: rgba(128,192,250,.3);--heading:#cfa25b;background:radial-gradient(circle at 25% 75%,color-mix(in oklab,var(--accent-a) 18%,transparent),transparent 55%),radial-gradient(circle at 75% 25%,color-mix(in oklab,var(--accent-b) 18%,transparent),transparent 55%),linear-gradient(140deg,var(--bg),var(--bg-2));animation:slowShift 38s ease-in-out infinite}html[data-theme=violet-hour]:before,body[data-theme=violet-hour]:before{background-image:radial-gradient(circle 3px,rgba(200,180,255,.12) 0%,transparent 80%),radial-gradient(circle 2px,rgba(180,220,255,.1) 0%,transparent 80%);background-size:250px 250px,350px 350px;animation:bokehFloat 45s linear infinite;opacity:.85}}@media (prefers-reduced-motion: reduce){body,body:before,body:after{animation:none!important}}:root,html,body,*{color-scheme:dark}*{scrollbar-width:thin;scrollbar-color:var(--accent-a) color-mix(in oklab,var(--surface) 92%,transparent 8%)}*::-webkit-scrollbar{width:12px;height:12px;background:var(--surface)!important}*::-webkit-scrollbar-track{background:color-mix(in oklab,var(--surface) 92%,transparent 8%)!important;border-radius:8px}*::-webkit-scrollbar-track-piece{background:color-mix(in oklab,var(--surface) 92%,transparent 8%)!important}*::-webkit-scrollbar-track:horizontal,*::-webkit-scrollbar-track-piece:horizontal{background:color-mix(in oklab,var(--surface) 92%,transparent 8%)!important}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-a),var(--accent-b))!important;border-radius:8px;border:2px solid var(--surface)!important;min-height:40px}*::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(90deg,var(--accent-a),var(--accent-b))!important;border:2px solid var(--surface)!important;min-width:40px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-b),var(--accent-a))!important}*::-webkit-scrollbar-corner{background:var(--surface)!important}*::-webkit-scrollbar-button{display:none}@keyframes fade-slide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-slide{animation:fade-slide .2s ease-out forwards}body.teacher-classroom-active header,body.teacher-classroom-active .app-header{display:none!important}html[data-hide-app-header="1"] header,html[data-hide-app-header="1"] .app-header,html[data-hide-app-header="1"] [data-app-header],html[data-hide-app-header="1"] .site-header,html[data-hide-app-header="1"] .topbar,html[data-hide-app-header="1"] .navbar,html[data-hide-app-header="1"] nav.app-nav,body.teacher-classroom-active header,body.teacher-classroom-active .app-header,body.teacher-classroom-active [data-app-header],body.teacher-classroom-active .site-header,body.teacher-classroom-active .topbar,body.teacher-classroom-active .navbar,body.teacher-classroom-active nav.app-nav{display:none!important}body.teacher-classroom-active .croom-root{width:100vw;margin-inline:calc(50% - 50vw)}body.teacher-classroom-active .page,body.teacher-classroom-active main,body.teacher-classroom-active #root>div{max-width:100vw!important;padding:0!important;margin:0!important}
