.spotlight-overlay{position:fixed;inset:0;background:#04060cb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;padding-left:1.5rem;padding-right:1.5rem}.spotlight-container-wrapper{width:100%;max-width:720px;position:relative;z-index:10000}.spotlight-box{background:#0f172ad9;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 20px 50px #00000080,0 0 40px #3b82f614;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);overflow:hidden;display:flex;flex-direction:column;max-height:70vh}[data-theme=light] .spotlight-box{background:#ffffffe6;border-color:#00000014;box-shadow:0 20px 50px #00000026}.spotlight-header{display:flex;align-items:center;padding:1.1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);gap:.75rem;position:relative}[data-theme=light] .spotlight-header{border-bottom-color:#0000000f}.spotlight-search-icon{color:#60a5fa;flex-shrink:0}.spotlight-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-family:Outfit,Inter,sans-serif;font-size:1rem;font-weight:500}[data-theme=light] .spotlight-input{color:#1e293b}.spotlight-input::placeholder{color:#ffffff59}[data-theme=light] .spotlight-input::placeholder{color:#0006}.spotlight-clear-btn{background:transparent;border:none;color:#ffffff4d;cursor:pointer;padding:4px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s}.spotlight-clear-btn:hover{color:#fff;background:#ffffff14}[data-theme=light] .spotlight-clear-btn:hover{color:#0f172a;background:#0000000d}.spotlight-shortcut-badge{display:flex;align-items:center;gap:2px;padding:3px 6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:5px;color:#fff6;font-size:.65rem;font-weight:700}[data-theme=light] .spotlight-shortcut-badge{background:#00000008;border-color:#0000000f;color:#0006}.spotlight-body{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.spotlight-body::-webkit-scrollbar{width:6px}.spotlight-body::-webkit-scrollbar-track{background:transparent}.spotlight-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}[data-theme=light] .spotlight-body::-webkit-scrollbar-thumb{background:#00000014}.spotlight-section{display:flex;flex-direction:column;gap:.35rem}.spotlight-section-title{display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:.5px;margin:.25rem .5rem}[data-theme=light] .spotlight-section-title{color:#0006}.spotlight-list{display:flex;flex-direction:column;gap:2px}.spotlight-item{display:flex;align-items:center;justify-content:space-between;padding:.65rem .75rem;border-radius:12px;cursor:pointer;background:transparent;border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:0;gap:1rem}.spotlight-item:hover,.spotlight-item.active{background:#ffffff0a;border-color:#ffffff0d}[data-theme=light] .spotlight-item:hover,[data-theme=light] .spotlight-item.active{background:#00000008;border-color:#0000000a}.spotlight-item.active{background:#3b82f614!important;border-color:#3b82f626!important}[data-theme=light] .spotlight-item.active{background:#3b82f60f!important;border-color:#3b82f61f!important}.spotlight-item-left{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.spotlight-item-icon{font-size:1.3rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border-radius:8px;flex-shrink:0}[data-theme=light] .spotlight-item-icon{background:#00000008}.spotlight-item-details{display:flex;flex-direction:column;min-width:0;gap:2px}.spotlight-item-title{font-size:.88rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .spotlight-item-title{color:#0f172a}.spotlight-item-desc{font-size:.72rem;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .spotlight-item-desc{color:#00000080}.spotlight-item-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.spotlight-item-badge{font-size:.68rem;padding:3px 8px;border-radius:100px;font-weight:600}.spotlight-item-badge.subject{background:#3b82f61a;color:#60a5fa}.spotlight-item-badge.grade{background:#8b5cf61a;color:#a78bfa}.spotlight-item-badge.type{background:#10b9811a;color:#34d399}.spotlight-action-label{display:flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;color:#60a5fa;opacity:0;transform:translate(5px);transition:all .2s ease}.spotlight-item:hover .spotlight-action-label,.spotlight-item.active .spotlight-action-label{opacity:1;transform:translate(0)}.spotlight-action-label.roadmap{color:#34d399}.spotlight-section-title{justify-content:flex-start}.spotlight-section-action{margin-left:auto;display:flex;align-items:center;gap:4px;background:none;border:none;color:#ffffff40;font-size:.65rem;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s}.spotlight-section-action:hover{color:#f87171;background:#f8717114}[data-theme=light] .spotlight-section-action:hover{color:#ef4444;background:#ef44440f}.spotlight-section-count{margin-left:auto;background:#3b82f61a;color:#60a5fa;font-size:.62rem;font-weight:700;padding:1px 6px;border-radius:100px}.spotlight-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 .5rem}.spotlight-chips.compact{padding:0;gap:5px}.spotlight-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:100px;color:#ffffffb3;font-size:.72rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.spotlight-chip:hover{background:#3b82f61a;border-color:#3b82f633;color:#60a5fa}[data-theme=light] .spotlight-chip{background:#00000008;border-color:#0000000f;color:#0009}[data-theme=light] .spotlight-chip:hover{background:#3b82f60f;border-color:#3b82f61f;color:#3b82f6}.spotlight-chip.topic{border-color:#f59e0b1f}.spotlight-chip.topic:hover{background:#f59e0b14;border-color:#f59e0b33;color:#fbbf24}[data-theme=light] .spotlight-chip.topic:hover{background:#f59e0b0f;color:#d97706}.spotlight-chip.grade{border-color:#8b5cf61f}.spotlight-chip.grade:hover{background:#8b5cf614;border-color:#8b5cf633;color:#a78bfa}[data-theme=light] .spotlight-chip.grade:hover{background:#8b5cf60f;color:#7c3aed}.spotlight-chip.suggestion{background:#10b9810f;border-color:#10b9811f;color:#34d399}.spotlight-chip.suggestion:hover{background:#10b9811f;border-color:#10b98140}[data-theme=light] .spotlight-chip.suggestion{color:#059669}.chip-emoji{font-size:.85rem}.spotlight-subjects{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;padding:0 .5rem}.spotlight-subject-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .2s;font-family:inherit;color:#ffffffb3}.spotlight-subject-btn:hover{background:color-mix(in srgb,var(--subject-color) 8%,transparent);border-color:color-mix(in srgb,var(--subject-color) 20%,transparent);color:var(--subject-color)}[data-theme=light] .spotlight-subject-btn{background:#00000003;border-color:#0000000f;color:#000000b3}[data-theme=light] .spotlight-subject-btn:hover{background:color-mix(in srgb,var(--subject-color) 6%,transparent);border-color:color-mix(in srgb,var(--subject-color) 15%,transparent);color:var(--subject-color)}.subject-btn-icon{font-size:1.1rem;flex-shrink:0}.subject-btn-name{font-size:.75rem;font-weight:600;flex:1;text-align:left}.subject-btn-count{font-size:.62rem;font-weight:700;background:#ffffff0d;padding:1px 5px;border-radius:100px;color:#ffffff4d}[data-theme=light] .subject-btn-count{background:#0000000a;color:#0006}.spotlight-suggestions{display:flex;gap:5px;padding:0 .75rem;flex-wrap:wrap}.spotlight-suggestion-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;background:#3b82f60f;border:1px solid rgba(59,130,246,.1);border-radius:100px;color:#60a5fa;font-size:.68rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.spotlight-suggestion-chip:hover{background:#3b82f61f;border-color:#3b82f633}[data-theme=light] .spotlight-suggestion-chip{color:#3b82f6;background:#3b82f60d;border-color:#3b82f61a}.spotlight-empty{padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;color:#ffffff59;gap:.75rem}[data-theme=light] .spotlight-empty{color:#0006}.spotlight-empty-icon{font-size:2rem;margin-bottom:.25rem;filter:grayscale(.3)}.spotlight-empty h3{font-size:.95rem;font-weight:600;color:#fff;margin:0}[data-theme=light] .spotlight-empty h3{color:#0f172a}.spotlight-empty p{font-size:.78rem;margin:0}.spotlight-did-you-mean{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.75rem}.spotlight-did-you-mean>span{color:#fff6;font-weight:600}[data-theme=light] .spotlight-did-you-mean>span{color:#00000080}.spotlight-empty-tips{text-align:left;font-size:.72rem;color:#ffffff4d}.spotlight-empty-tips p{margin:0 0 4px;font-weight:600;color:#ffffff73}[data-theme=light] .spotlight-empty-tips p{color:#00000080}.spotlight-empty-tips ul{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:2px}.spotlight-empty-suggestions{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.72rem;margin-top:.5rem}.spotlight-empty-suggestions>span{color:#fff6;font-weight:600}[data-theme=light] .spotlight-empty-suggestions>span{color:#00000080}.spotlight-footer{display:flex;align-items:center;padding:.75rem 1.25rem;border-top:1px solid rgba(255,255,255,.06);background:#00000026;gap:1.25rem;font-size:.7rem;color:#ffffff59}[data-theme=light] .spotlight-footer{border-top-color:#0000000f;background:#00000005;color:#0006}.spotlight-footer-item{display:flex;align-items:center;gap:5px}.spotlight-footer-item kbd{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:.65rem;font-weight:700}[data-theme=light] .spotlight-footer-item kbd{background:#fff;border-color:#0000001a}.spotlight-footer-item.promo{margin-left:auto;color:#f59e0b;font-weight:500}.roadmap-modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10100;display:flex;align-items:center;justify-content:center;padding:1.5rem}.roadmap-modal-box{background:#0f172af2;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:500px;box-shadow:0 25px 50px #0009;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);overflow:hidden;display:flex;flex-direction:column}[data-theme=light] .roadmap-modal-box{background:#fff;border-color:#00000014;box-shadow:0 25px 50px #00000026}.roadmap-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem .5rem}.roadmap-modal-emoji{font-size:2.25rem;filter:drop-shadow(0 0 10px rgba(59,130,246,.3))}.roadmap-modal-close{background:transparent;border:none;color:#fff6;cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.roadmap-modal-close:hover{color:#fff;background:#ffffff14}[data-theme=light] .roadmap-modal-close{color:#0006}[data-theme=light] .roadmap-modal-close:hover{color:#000;background:#0000000d}.roadmap-modal-content{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.roadmap-modal-badge{display:inline-flex;align-self:flex-start;font-size:.72rem;font-weight:700;color:#34d399;background:#34d3991a;padding:4px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.5px}.roadmap-modal-title{font-size:1.25rem;font-weight:800;color:#fff;margin:0;line-height:1.3}[data-theme=light] .roadmap-modal-title{color:#0f172a}.roadmap-info-grid{display:flex;flex-direction:column;gap:.75rem;margin:.25rem 0;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:.75rem 1rem}[data-theme=light] .roadmap-info-grid{background:#00000003;border-color:#0000000d}.roadmap-info-cell{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.roadmap-cell-label{color:#fff6}[data-theme=light] .roadmap-cell-label{color:#00000080}.roadmap-cell-val{color:#fff;font-weight:600}[data-theme=light] .roadmap-cell-val{color:#0f172a}.roadmap-cell-val.filename{font-family:Courier New,Courier,monospace;font-size:.7rem;color:#ffffff80;word-break:break-all;max-width:60%;text-align:right}[data-theme=light] .roadmap-cell-val.filename{color:#0009}.roadmap-modal-status-card{display:flex;gap:.75rem;background:#f59e0b0f;border:1px solid rgba(245,158,11,.12);border-radius:12px;padding:.85rem 1rem;color:#fbbf24}.roadmap-modal-status-card svg{flex-shrink:0;margin-top:2px}.roadmap-modal-status-card h4{margin:0 0 3px;font-size:.82rem;font-weight:700}.roadmap-modal-status-card p{margin:0;font-size:.75rem;line-height:1.5;color:#ffffff80}[data-theme=light] .roadmap-modal-status-card p{color:#0009}.roadmap-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid rgba(255,255,255,.06);background:#0000001a}[data-theme=light] .roadmap-modal-footer{border-top-color:#0000000f;background:#00000005}.roadmap-modal-footer .btn{padding:.5rem 1rem;font-size:.8rem;font-weight:600;border-radius:10px;cursor:pointer;font-family:inherit;transition:all .2s}.roadmap-modal-footer .btn-outline{background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.roadmap-modal-footer .btn-outline:hover{color:#fff;background:#ffffff0d}[data-theme=light] .roadmap-modal-footer .btn-outline{border-color:#0000001a;color:#000000b3}[data-theme=light] .roadmap-modal-footer .btn-outline:hover{color:#000;background:#00000008}.roadmap-modal-footer .btn-primary{background:#3b82f6;border:none;color:#fff}.roadmap-modal-footer .btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.nav-class-selector{position:relative;z-index:100}.nav-class-trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#ffffffd9;cursor:pointer;transition:all .25s ease;font-family:Outfit,Inter,sans-serif;min-width:130px;max-width:200px;white-space:nowrap}.nav-class-trigger:hover{background:#3b82f614;border-color:#3b82f640}.nav-class-trigger.open{background:#3b82f61a;border-color:#3b82f64d;box-shadow:0 0 0 3px #3b82f614}.nav-class-trigger.has-selection{border-color:#3b82f633}[data-theme=light] .nav-class-trigger{background:#00000008;border:1px solid rgba(0,0,0,.1);color:#1a1a1a}[data-theme=light] .nav-class-trigger:hover{background:#3b82f60f;border-color:#3b82f633}[data-theme=light] .nav-class-trigger.open{background:#3b82f614;border-color:#3b82f64d;box-shadow:0 0 0 3px #3b82f60f}.nav-class-trigger-content{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;min-width:0;flex:1}.nav-class-icon{color:#ffffff80;flex-shrink:0}[data-theme=light] .nav-class-icon{color:#0006}.nav-class-secondary{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffff73;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .nav-class-secondary{color:#00000073}.nav-class-primary{font-size:.82rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .nav-class-primary{color:#1a1a1a}.nav-class-trigger:not(.has-selection) .nav-class-trigger-content{flex-direction:row;align-items:center;gap:6px}.nav-class-chevron{color:#fff6;transition:transform .2s ease;flex-shrink:0}.nav-class-chevron.rotated{transform:rotate(180deg)}[data-theme=light] .nav-class-chevron{color:#00000059}.nav-class-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:340px;background:#0e1424f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff08 inset;overflow:hidden;z-index:2000}[data-theme=light] .nav-class-dropdown{background:#fffffffa;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 60px #0000001f,0 0 0 1px #00000005 inset}.nav-class-dropdown-header{display:flex;align-items:center;gap:8px;padding:14px 16px 10px;border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=light] .nav-class-dropdown-header{border-bottom:1px solid rgba(0,0,0,.06)}.nav-class-back-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;flex-shrink:0}.nav-class-back-btn:hover{background:#ffffff1a;color:#fff}[data-theme=light] .nav-class-back-btn{background:#0000000a;border:1px solid rgba(0,0,0,.06);color:#00000080}[data-theme=light] .nav-class-back-btn:hover{background:#00000014;color:#1a1a1a}.nav-class-dropdown-title{display:flex;flex-direction:column;gap:2px;font-size:.82rem;font-weight:600;color:#ffffffb3}[data-theme=light] .nav-class-dropdown-title{color:#0009}.step-edu-label{font-size:.82rem;font-weight:700;color:#fff}[data-theme=light] .step-edu-label{color:#1a1a1a}.step-sub-label{font-size:.72rem;font-weight:500;color:#ffffff73}[data-theme=light] .step-sub-label{color:#0006}.nav-class-dropdown-content{max-height:350px;overflow-y:auto;padding:6px}.nav-class-dropdown-content::-webkit-scrollbar{width:4px}.nav-class-dropdown-content::-webkit-scrollbar-track{background:transparent}.nav-class-dropdown-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.nav-class-dropdown-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.nav-class-list{display:flex;flex-direction:column;gap:2px}.nav-class-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:Outfit,Inter,sans-serif}.nav-class-option:hover{background:#ffffff0d;border-color:#ffffff0d}.nav-class-option.active{background:#3b82f61a;border-color:#3b82f626}[data-theme=light] .nav-class-option:hover{background:#00000008;border-color:#0000000a}[data-theme=light] .nav-class-option.active{background:#3b82f60f;border-color:#3b82f61f}.option-icon{font-size:1.3rem;line-height:1;flex-shrink:0;width:28px;text-align:center}.option-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.option-name{font-size:.82rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .option-name{color:#1a1a1a}.option-desc{font-size:.68rem;color:#fff6;font-weight:400}[data-theme=light] .option-desc{color:#0006}.option-check{color:#3b82f6;flex-shrink:0}.nav-class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px}.nav-class-level-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:16px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:Outfit,Inter,sans-serif}.nav-class-level-btn:hover{background:#3b82f614;border-color:#3b82f633;transform:translateY(-1px)}.nav-class-level-btn.active{background:#3b82f61f;border-color:#3b82f64d;box-shadow:0 0 12px #3b82f626}[data-theme=light] .nav-class-level-btn{background:#00000005;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .nav-class-level-btn:hover{background:#3b82f60d;border-color:#3b82f626}[data-theme=light] .nav-class-level-btn.active{background:#3b82f614;border-color:#3b82f640}.level-number{font-size:1.3rem;font-weight:800;color:#fff;line-height:1}[data-theme=light] .level-number{color:#1a1a1a}.level-check{position:absolute;top:4px;right:4px;color:#3b82f6}.nav-class-list.vocational{max-height:320px}.nav-class-list.vocational .option-name{font-size:.78rem}.nav-class-dropdown-footer{padding:8px 12px;border-top:1px solid rgba(255,255,255,.06);background:#ffffff05}[data-theme=light] .nav-class-dropdown-footer{border-top:1px solid rgba(0,0,0,.04);background:#00000003}.current-selection-info{display:flex;align-items:center;gap:6px;font-size:.72rem}.selection-label{color:#ffffff59;font-weight:500}[data-theme=light] .selection-label{color:#00000059}.selection-value{color:#ffffffb3;font-weight:600}[data-theme=light] .selection-value{color:#0009}@media(max-width:1200px){.nav-class-trigger{min-width:110px;max-width:150px;padding:5px 10px}.nav-class-secondary{display:none}.nav-class-primary{font-size:.78rem}}@media(max-width:1024px){.nav-class-selector{display:none}}.login-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9998;display:flex;align-items:center;justify-content:center}.login-modal{position:fixed;inset:0;margin:auto;width:90%;max-width:420px;max-height:min(90vh,620px);height:fit-content;overflow-y:auto;background:var(--bg-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 25px 80px var(--shadow-color);z-index:9999;padding:2rem}.login-modal:before{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,#3b82f633,#8b5cf61f,#3b82f614,#8b5cf633);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:loginBorder 5s ease infinite;pointer-events:none}@keyframes loginBorder{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-modal::-webkit-scrollbar{width:4px}.login-modal::-webkit-scrollbar-track{background:transparent}.login-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.login-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface-hover);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s;z-index:1}.login-close:hover{background:#ef44441f;border-color:#ef444433;color:#f87171}.login-header{text-align:center;margin-bottom:1.5rem}.login-icon-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:1rem}.login-icon-glow{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(59,130,246,.15),transparent 60%);filter:blur(15px);border-radius:50%;animation:iconGlow 3s ease infinite}@keyframes iconGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.login-icon{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface-hover);border:1px solid var(--primary);border-radius:18px;color:var(--primary)}.login-title{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.01em}.login-title span{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:.75rem;background:var(--bg-surface-hover);border:1px solid var(--border-color);border-radius:14px;color:var(--text-primary);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;margin-bottom:0}.login-google-btn:hover:not(:disabled){background:var(--bg-surface-active);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 15px var(--shadow-color)}.login-google-btn:disabled{opacity:.5;cursor:not-allowed}.login-google-btn svg{flex-shrink:0}.login-divider{display:flex;align-items:center;gap:12px;margin:1.25rem 0}.login-divider-line{flex:1;height:1px;background:var(--border-color)}.login-divider span{font-size:.72rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.login-form{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1rem}.login-field{display:flex;flex-direction:column;gap:5px}.login-field label{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.login-field label svg{color:var(--primary);opacity:.6}.login-field input,.login-field select{width:100%;padding:.7rem 1rem;background:var(--bg-surface-hover);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.88rem;font-family:inherit;outline:none;transition:all .3s ease;-webkit-appearance:none;appearance:none}.login-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}.login-field select option{background:var(--bg-surface);color:var(--text-primary)}.login-field input:hover,.login-field select:hover{border-color:var(--primary);background:var(--bg-surface-active)}.login-field input:focus,.login-field select:focus{border-color:var(--primary);background:var(--bg-surface);box-shadow:0 0 0 3px #3b82f614}.login-field input::placeholder{color:var(--text-secondary);opacity:.6}.login-error{display:flex;align-items:center;gap:8px;padding:.6rem .85rem;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:10px;color:#f87171;font-size:.8rem;font-weight:500}.login-error svg{flex-shrink:0}.login-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:.75rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;color:#fff;font-size:.92rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;margin-top:.15rem}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3b82f659}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:loginSpin .6s linear infinite}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-switch{text-align:center;margin-bottom:1.25rem;font-size:.8rem;color:var(--text-secondary)}.login-switch-btn{background:none;border:none;color:var(--primary);font-weight:600;font-family:inherit;font-size:.8rem;cursor:pointer;padding:0;margin-left:4px;transition:color .2s}.login-switch-btn:hover{color:var(--primary-light);text-decoration:underline}.login-benefits{display:flex;flex-direction:column;gap:6px;padding-top:1rem;border-top:1px solid var(--border-color)}.benefit-item{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--text-secondary);font-weight:500}.benefit-item svg{color:#fbbf24;flex-shrink:0;opacity:.6}@media(max-width:480px){.login-modal{width:95%;padding:1.5rem}}.navbar{position:fixed;top:0;left:0;right:0;height:70px;z-index:1000;transition:all .3s ease;background:transparent}.navbar.scrolled{background:#0a0f1ce6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 4px 30px #00000026}[data-theme=light] .navbar.scrolled{background:linear-gradient(135deg,#d97706,#92400e);border-bottom:none;box-shadow:0 4px 20px #92400e33}[data-theme=light] .navbar.scrolled .nav-link,[data-theme=light] .navbar.scrolled .nav-icon-btn,[data-theme=light] .navbar.scrolled .nav-class-trigger{color:#fff;border-color:#fff3}[data-theme=light] .navbar.scrolled .nav-link:hover,[data-theme=light] .navbar.scrolled .nav-link.active{background:#fff3;color:#fff}[data-theme=light] .navbar.scrolled .logo-main{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .navbar.scrolled .logo-sub{color:#fffc}.navbar-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;gap:1rem}.navbar-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;z-index:10;flex-shrink:0}.logo-image{width:36px;height:36px;filter:drop-shadow(0 0 8px rgba(59,130,246,.4));transition:transform .3s ease}.navbar-logo:hover .logo-image{transform:rotate(10deg) scale(1.1)}.logo-text{display:flex;flex-direction:column}.logo-main{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;line-height:1.2}.logo-sub{font-size:.65rem;color:var(--dark-text-muted);font-weight:500;letter-spacing:.3px;white-space:nowrap}.navbar-links{display:flex;align-items:center;gap:.25rem;margin:0 auto;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:4px}.nav-link{position:relative;display:flex;align-items:center;gap:.5rem;color:var(--dark-text-muted);font-weight:500;font-size:.875rem;padding:.5rem 1rem;border-radius:10px;transition:all .25s ease;text-decoration:none;white-space:nowrap}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:#fff;background:#3b82f61f}[data-theme=light] .nav-link:hover,[data-theme=light] .nav-link.active{color:#1a1a1a}.nav-indicator{position:absolute;bottom:-1px;left:8px;right:8px;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;box-shadow:0 0 10px #3b82f680}.nav-link svg{flex-shrink:0}.navbar-right{display:flex;align-items:center;gap:.5rem;z-index:10;flex-shrink:0}.nav-icon-btn{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--dark-text-muted);cursor:pointer;border-radius:10px;transition:all .25s ease}.nav-icon-btn:hover{color:#fff;background:#ffffff0d;border-color:#ffffff0f}[data-theme=light] .nav-icon-btn:hover{color:#3b82f6;background:#0000000d}.notification-badge{position:absolute;top:5px;right:5px;width:8px;height:8px;background:#ef4444;border-radius:50%;box-shadow:0 0 6px #ef444480;font-size:0}.profile-dropdown{position:relative}.profile-trigger{display:flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);padding:.3rem .5rem .3rem .3rem;border-radius:100px;cursor:pointer;transition:all .25s ease;color:#fff}[data-theme=light] .profile-trigger{background:#0000000a;border:1px solid rgba(0,0,0,.08);color:#1a1a1a}.profile-trigger:hover{background:#3b82f614;border-color:#3b82f640}.profile-avatar{width:30px;height:30px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.8rem;flex-shrink:0}.profile-name{font-size:.8rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{color:var(--dark-text-muted);transition:transform .2s;flex-shrink:0}.chevron.open{transform:rotate(180deg)}.profile-menu{position:absolute;top:calc(100% + 10px);right:0;width:240px;background:#131b2ef2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:.5rem;box-shadow:0 15px 50px #0006;overflow:hidden}[data-theme=light] .profile-menu{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 15px 50px #0000001a}.profile-header{padding:.75rem;display:flex;align-items:center;gap:.75rem;background:#ffffff05;border-radius:12px;margin-bottom:.5rem}.profile-avatar.lg{width:40px;height:40px;font-size:1rem}.profile-info{display:flex;flex-direction:column;min-width:0}.profile-name-lg{font-weight:600;color:#fff;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .profile-name-lg{color:#1a1a1a}.profile-class{font-size:.7rem;color:var(--dark-text-muted)}.profile-menu-divider{height:1px;background:#ffffff0f;margin:.25rem .5rem}[data-theme=light] .profile-menu-divider{background:#0000000d}.profile-menu-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;color:var(--dark-text-muted);text-decoration:none;border-radius:10px;font-size:.85rem;transition:all .2s;background:transparent;border:none;width:100%;cursor:pointer;font-family:inherit}.profile-menu-item:hover{background:#ffffff0d;color:#fff}[data-theme=light] .profile-menu-item:hover{background:#0000000d;color:#1a1a1a}.profile-menu-item.danger:hover{background:#ef44441a;color:#ef4444}.mobile-menu-toggle{display:none;background:transparent;border:none;color:#fff;cursor:pointer;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px}.mobile-menu-toggle:hover{background:#ffffff0d}.mobile-menu{position:fixed;top:70px;left:0;width:100%;background:#0a0f1cfa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);padding:1rem;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;z-index:999}[data-theme=light] .mobile-menu{background:#fffffffa;border-bottom:1px solid rgba(0,0,0,.08)}.mobile-nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--dark-text-muted);text-decoration:none;border-radius:12px;transition:all .2s;background:transparent;border:none;width:100%;cursor:pointer;font-size:.95rem;font-family:inherit}.mobile-nav-link:hover,.mobile-nav-link.active{background:#ffffff0d;color:#fff}[data-theme=light] .mobile-nav-link:hover,[data-theme=light] .mobile-nav-link.active{background:#0000000d;color:#1a1a1a}.mobile-menu-divider{height:1px;background:#ffffff0f;margin:.25rem 0}.mobile-class-selector{margin-bottom:.25rem}.mobile-class-trigger{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:#3b82f60f;border:1px solid rgba(59,130,246,.12);border-radius:12px;color:#60a5fa;font-family:inherit;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-class-trigger:hover,.mobile-class-trigger.open{background:#3b82f61a;border-color:#3b82f633}[data-theme=light] .mobile-class-trigger{background:#3b82f60a;border:1px solid rgba(59,130,246,.1);color:#3b82f6}.mobile-class-text{flex:1;text-align:left}.mobile-class-chevron{transition:transform .2s ease;color:#60a5fa99}.mobile-class-chevron.rotated{transform:rotate(180deg)}.mobile-class-panel{overflow:hidden;margin-top:6px}.mobile-class-back{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;color:#ffffff80;cursor:pointer;font-family:inherit;font-size:.8rem;transition:color .2s;margin-bottom:4px}.mobile-class-back:hover{color:#fffc}[data-theme=light] .mobile-class-back{color:#0006}[data-theme=light] .mobile-class-back:hover{color:#000000b3}.mobile-class-list{display:flex;flex-direction:column;gap:2px}.mobile-class-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:#ffffff08;border:1px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit}.mobile-class-option:hover{background:#ffffff0f;border-color:#ffffff0d}.mobile-class-option.active{background:#3b82f614;border-color:#3b82f61f}[data-theme=light] .mobile-class-option{background:#00000003}[data-theme=light] .mobile-class-option:hover{background:#00000008}[data-theme=light] .mobile-class-option.active{background:#3b82f60d;border-color:#3b82f61a}.mobile-option-icon{font-size:1.2rem;width:24px;text-align:center;flex-shrink:0}.mobile-option-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.mobile-option-name{font-size:.85rem;font-weight:600;color:#fff}[data-theme=light] .mobile-option-name{color:#1a1a1a}.mobile-option-desc{font-size:.68rem;color:#ffffff59}[data-theme=light] .mobile-option-desc{color:#00000059}.mobile-option-arrow{color:#ffffff40;flex-shrink:0}[data-theme=light] .mobile-option-arrow{color:#0003}.mobile-class-grid{padding:4px 0}.mobile-class-grid-label{font-size:.78rem;font-weight:600;color:#ffffff80;padding:4px 12px 8px}[data-theme=light] .mobile-class-grid-label{color:#0006}.mobile-class-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 4px}.mobile-level-btn{padding:14px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-size:1rem;font-weight:700;font-family:Outfit,Inter,sans-serif;cursor:pointer;transition:all .2s ease;text-align:center}.mobile-level-btn:hover{background:#3b82f614;border-color:#3b82f633}.mobile-level-btn.active{background:#3b82f61f;border-color:#3b82f64d;color:#60a5fa}[data-theme=light] .mobile-level-btn{background:#00000005;border:1px solid rgba(0,0,0,.06);color:#1a1a1a}[data-theme=light] .mobile-level-btn:hover{background:#3b82f60d;border-color:#3b82f626}[data-theme=light] .mobile-level-btn.active{background:#3b82f614;border-color:#3b82f640;color:#3b82f6}.mobile-user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-bottom:.25rem}.mobile-user-info div:last-child{display:flex;flex-direction:column}.mobile-user-name{font-weight:600;color:#fff;font-size:.9rem}.mobile-user-class{font-size:.75rem;color:var(--dark-text-muted)}.mobile-nav-link.login{background:#3b82f614;border:1px solid rgba(59,130,246,.15);color:#60a5fa;font-weight:600}.mobile-nav-link.login:hover{background:#3b82f626}.nav-login-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;white-space:nowrap}.nav-login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3b82f659}.nav-login-btn:active{transform:translateY(0)}@media(max-width:1200px){.profile-name{display:none}}@media(max-width:1024px){.navbar-links{display:none}.mobile-menu-toggle{display:flex}.profile-dropdown,.nav-login-btn{display:none}}.class-selector-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.class-selector-modal{background:var(--bg-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:24px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px var(--shadow-color)}.class-selector-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid var(--border-color)}.class-selector-header h2{color:var(--text-primary);font-size:28px;font-weight:700;margin:0}.close-button{background:var(--bg-surface-hover);border:none;color:var(--text-secondary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.close-button:hover{background:var(--bg-surface-active);transform:rotate(90deg);color:var(--text-primary)}.class-selector-steps{display:flex;align-items:center;justify-content:center;padding:24px 32px;gap:8px}.step{display:flex;align-items:center;gap:8px;opacity:.5;transition:all .3s ease}.step.active{opacity:1}.step.completed{opacity:.7}.step-number{width:32px;height:32px;border-radius:50%;background:var(--bg-surface-hover);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;border:1px solid var(--border-color)}.step.active .step-number{background:var(--bg-surface);color:#3b82f6;border-color:#3b82f6}.step.completed .step-number{background:var(--bg-surface-active)}.step-label{color:var(--text-primary);font-weight:500;font-size:14px}.step-line{flex:1;height:2px;background:var(--border-color);max-width:60px}.class-selector-content{flex:1;overflow-y:auto;padding:24px 32px}.step-content{min-height:400px}.step-content h3{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.step-subtitle{color:var(--text-secondary);font-size:16px;margin:0 0 24px}.education-levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.education-level-card{background:var(--bg-surface-hover);border:2px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.education-level-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--bg-surface) 0%,transparent 100%);opacity:.1;pointer-events:none}.education-level-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 12px 24px var(--shadow-color)}.education-level-icon{font-size:48px;line-height:1}.education-level-name{color:var(--text-primary);font-size:20px;font-weight:700}.education-level-desc{color:var(--text-secondary);font-size:14px;line-height:1.5;flex:1}.education-level-arrow{color:var(--text-primary);align-self:flex-end;margin-top:auto}.class-levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.class-level-card{background:var(--bg-surface-hover);border:2px solid var(--border-color);border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:all .3s ease;min-height:120px}.class-level-card:hover{transform:translateY(-4px);border-color:var(--primary);background:var(--bg-surface-active)}.class-level-number{color:var(--text-primary);font-size:32px;font-weight:700}.class-level-arrow{color:var(--text-primary)}.vocational-fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.vocational-field-card{background:var(--bg-surface-hover);border:2px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;cursor:pointer;transition:all .3s ease;text-align:left;position:relative;overflow:hidden;min-height:180px}.vocational-field-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--bg-surface) 0%,transparent 100%);opacity:.1;pointer-events:none}.vocational-field-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 12px 24px var(--shadow-color)}.vocational-field-icon{font-size:40px;line-height:1}.vocational-field-name{color:var(--text-primary);font-size:18px;font-weight:700}.vocational-field-desc{color:var(--text-secondary);font-size:14px;line-height:1.5;flex:1}.vocational-field-arrow{color:var(--text-primary);align-self:flex-end;margin-top:auto}.class-selector-footer{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-top:1px solid var(--border-color);gap:16px}.back-button,.reset-button{padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;border:none}.back-button{background:var(--bg-surface-hover);color:var(--text-primary);border:2px solid var(--border-color)}.back-button:hover{background:var(--bg-surface-active)}.reset-button{background:var(--bg-surface-hover);color:var(--text-primary);border:2px solid var(--border-color)}.reset-button:hover{background:var(--bg-surface-active)}.class-selector-content::-webkit-scrollbar{width:8px}.class-selector-content::-webkit-scrollbar-track{background:var(--bg-surface-hover);border-radius:4px}.class-selector-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.class-selector-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:768px){.class-selector-modal{max-height:95vh;border-radius:16px}.class-selector-header,.class-selector-steps,.class-selector-content,.class-selector-footer{padding-left:20px;padding-right:20px}.class-selector-header h2{font-size:22px}.education-levels-grid,.vocational-fields-grid{grid-template-columns:1fr}.class-levels-grid{grid-template-columns:repeat(2,1fr)}.step-label{display:none}.education-level-desc,.vocational-field-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.home-page{min-height:100dvh;background:var(--bg-primary);overflow-x:hidden}.hero-section{position:relative;min-height:100dvh;display:flex;align-items:center;padding:8rem 0 4rem;overflow:hidden}.hero-bg-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hero-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#3B82F6 0%,transparent 70%);top:-20%;left:-10%;animation:float-orb 20s infinite ease-in-out}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#8B5CF6 0%,transparent 70%);bottom:-10%;right:-5%;animation:float-orb 15s infinite ease-in-out reverse}.orb-3{width:300px;height:300px;background:radial-gradient(circle,#F59E0B 0%,transparent 70%);top:40%;left:40%;opacity:.15;animation:float-orb 25s infinite ease-in-out}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 80%)}.hero-particles{position:absolute;inset:0;overflow:hidden}.particle{position:absolute;width:3px;height:3px;background:#3b82f680;border-radius:50%;animation:particleFloat 5s ease-in-out infinite}.particle:nth-child(2n){background:#8b5cf666;width:2px;height:2px}.particle:nth-child(3n){background:#f59e0b59;width:4px;height:4px}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}50%{transform:translateY(-80px) scale(1.5);opacity:.8}90%{opacity:.2}}.hero-content{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:center;position:relative;z-index:1}.school-badge{display:inline-flex;align-items:center;gap:12px;padding:8px 20px 8px 8px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:100px;margin-bottom:2rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .4s ease;position:relative;overflow:hidden}.badge-glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(59,130,246,.08),transparent);animation:badgeShimmer 3s ease infinite}@keyframes badgeShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.school-badge:hover{background:#ffffff14;border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.school-badge-logo{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.1)}.school-badge span{font-size:.85rem;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.badge-sparkle{color:var(--accent);animation:sparkleRotate 3s ease infinite}@keyframes sparkleRotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}.hero-title{font-size:4.5rem;font-weight:800;line-height:1.05;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-.03em}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientMove 5s ease infinite}@keyframes gradientMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-description{font-size:1.2rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2.5rem;max-width:560px}.hero-actions{display:flex;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1.75rem;font-weight:600;border-radius:14px;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;text-decoration:none;font-size:1rem;position:relative;overflow:hidden}.btn-lg{padding:1rem 2rem;font-size:1.05rem}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 20px #3b82f64d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 35px #3b82f673}.btn-glow:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent,rgba(255,255,255,.1));opacity:0;transition:opacity .3s}.btn-glow:hover:after{opacity:1}.btn-chevron{transition:transform .3s}.btn:hover .btn-chevron{transform:translate(4px)}.btn-outline{background:#ffffff08;border:1px solid rgba(255,255,255,.15);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline:hover{border-color:#fff6;background:#ffffff14;transform:translateY(-3px);box-shadow:0 8px 25px #ffffff0d}.btn-accent{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;box-shadow:0 4px 20px #f59e0b4d}.btn-accent:hover{transform:translateY(-3px);box-shadow:0 10px 35px #f59e0b73}.btn-glow-accent:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent,rgba(255,255,255,.1));opacity:0;transition:opacity .3s}.btn-glow-accent:hover:after{opacity:1}.hero-search-wrapper{margin-top:2rem;display:flex;flex-direction:column;gap:.85rem;max-width:580px;width:100%}.hero-search-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.15rem .85rem 1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer;box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff14;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.hero-search-bar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at left center,rgba(59,130,246,.15),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.hero-search-bar:hover{background:#ffffff14;border-color:#3b82f673;transform:translateY(-2px);box-shadow:0 12px 36px #3b82f633,inset 0 1px #ffffff26}.hero-search-bar:hover:before{opacity:1}.hero-search-bar:focus-visible{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.hero-search-left{display:flex;align-items:center;gap:.85rem;min-width:0;flex:1}.hero-search-icon{color:#60a5fa;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(96,165,250,.5));transition:transform .3s ease}.hero-search-bar:hover .hero-search-icon{transform:scale(1.1)}.hero-search-placeholder{font-size:.95rem;color:#ffffffa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.35rem}.hero-search-prefix{color:#fff6;font-size:.9rem}.hero-search-dynamic{color:#ffffffe6;font-weight:500;animation:fadeInPlaceholder .4s ease}@keyframes fadeInPlaceholder{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hero-search-shortcut{display:flex;align-items:center;gap:3px;padding:3px 8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:.72rem;color:#fff9;flex-shrink:0;box-shadow:0 1px 3px #0003}.hero-search-shortcut kbd{font-family:inherit;font-weight:600;color:#ffffffd9}.hero-quick-topics{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .65rem}.hero-quick-label{font-size:.78rem;color:#ffffff73;font-weight:500;margin-right:.2rem}.hero-quick-chips{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.hero-quick-chip{padding:.32rem .75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:100px;color:#ffffffbf;font-size:.8rem;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap}.hero-quick-chip:hover{background:#3b82f626;border-color:#3b82f666;color:#93c5fd;transform:translateY(-2px);box-shadow:0 4px 14px #3b82f633}@media(max-width:768px){.hero-search-wrapper{max-width:100%;margin-top:1.5rem}.hero-search-bar{padding:.75rem 1rem}.hero-search-prefix{display:none}.hero-search-dynamic{font-size:.88rem}.hero-quick-topics{flex-direction:column;align-items:flex-start;gap:.4rem}}.hero-visual{display:flex;justify-content:center;position:relative;pointer-events:none}.hero-3d-display{width:420px;height:420px;position:relative}.display-content{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:float-display 6s ease-in-out infinite}.atom-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:radial-gradient(circle,#fff,#3b82f6);border-radius:50%;box-shadow:0 0 60px #3b82f6,0 0 120px #3b82f64d;z-index:10}.atom-orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1.5px solid rgba(59,130,246,.2);border-radius:50%}.orbit-1{width:200px;height:200px;animation:orbit-spin 4s linear infinite}.orbit-2{width:280px;height:280px;animation:orbit-spin 6s linear infinite reverse;border-color:#8b5cf633}.orbit-3{width:360px;height:360px;animation:orbit-spin 8s linear infinite;border-color:#f59e0b26}.atom-orbit:before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;background:#60a5fa;border-radius:50%;box-shadow:0 0 15px #60a5fa,0 0 30px #60a5fa4d}.orbit-2:before{background:#a78bfa;box-shadow:0 0 15px #a78bfa}.orbit-3:before{background:#fbbf24;box-shadow:0 0 15px #fbbf24}@keyframes orbit-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes float-display{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.floating-element{position:absolute;font-size:2.5rem;animation:fade-float 3s ease-in-out infinite alternate}.el-1{top:0;right:20%;animation-delay:0s}.el-2{bottom:10%;left:10%;animation-delay:1s}.el-3{bottom:20%;right:10%;animation-delay:2s}@keyframes fade-float{0%{transform:translateY(0) scale(1);opacity:.6}to{transform:translateY(-15px) scale(1.1);opacity:1}}.stats-section{position:relative;z-index:2;margin-top:-3rem;padding-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.stat-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;background:var(--bg-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:18px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--stat-color),transparent);opacity:0;transition:opacity .4s}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-4px);border-color:var(--border-color);box-shadow:0 15px 40px var(--shadow-color)}.stat-icon-wrapper{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface-hover);border:1px solid var(--border-color);border-radius:14px;color:var(--stat-color);flex-shrink:0;transition:all .3s}.stat-card:hover .stat-icon-wrapper{background:#ffffff14;box-shadow:0 0 20px color-mix(in srgb,var(--stat-color) 20%,transparent)}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:1.75rem;font-weight:800;color:#fff;line-height:1;font-family:var(--font-display);color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary),var(--stat-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-top:4px}.school-section{padding:4rem 0 6rem}.school-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:28px;padding:4rem;position:relative;overflow:hidden}.school-card-border{position:absolute;inset:0;border-radius:28px;padding:1px;background:linear-gradient(135deg,#3b82f64d,#8b5cf626,#f59e0b1a,#3b82f64d);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:schoolBorderGlow 6s ease infinite;pointer-events:none}.school-card-glow{position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);filter:blur(40px);pointer-events:none;animation:schoolGlowDrift 8s ease infinite alternate}@keyframes schoolBorderGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes schoolGlowDrift{0%{transform:translate(0)}to{transform:translate(100px,50px)}}.school-content{display:flex;gap:4rem;align-items:center;position:relative;z-index:1}.school-logo-area{position:relative;flex-shrink:0;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.logo-ring-outer{position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(59,130,246,.15);animation:ringPulse 4s ease infinite}.logo-ring-inner{position:absolute;inset:-4px;border-radius:50%;border:1px dashed rgba(139,92,246,.1);animation:ringPulse 4s ease infinite reverse}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.05);opacity:1}}.logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(59,130,246,.2),transparent 70%);filter:blur(30px);z-index:-1}.school-big-logo{width:140px;height:140px;object-fit:contain;filter:drop-shadow(0 0 25px rgba(59,130,246,.2));position:relative;z-index:1}.school-info{flex:1}.section-label{font-size:.8rem;font-weight:700;color:var(--accent);letter-spacing:.12em;margin-bottom:.75rem;display:flex;align-items:center;gap:8px}.school-info h2{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin-bottom:1.25rem;letter-spacing:-.01em}.school-desc{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem;max-width:700px}.school-link{display:inline-flex;align-items:center;gap:.75rem;color:var(--primary-light);font-weight:600;text-decoration:none;transition:all .3s;padding:10px 20px;border:1px solid rgba(59,130,246,.2);border-radius:12px;background:#3b82f60d}.school-link:hover{color:#fff;background:#3b82f626;border-color:#3b82f666;transform:translate(4px);box-shadow:0 4px 15px #3b82f626}.section-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:100px;color:var(--primary-light);font-size:.8rem;font-weight:600;margin-bottom:1rem;letter-spacing:.03em}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.75rem;font-weight:800;color:#fff;margin-bottom:1rem;letter-spacing:-.02em}.section-subtitle{font-size:1.125rem;color:var(--dark-text-muted);max-width:600px;margin:0 auto;line-height:1.7}.subjects-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem}.subject-card{display:flex;flex-direction:column;gap:1.25rem;padding:2rem 1.5rem;background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:22px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.subject-card-bg{position:absolute;inset:0;background:var(--accent-gradient);opacity:0;transition:opacity .4s}.subject-card:hover .subject-card-bg{opacity:.06}.subject-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent-color) 40%,transparent);box-shadow:0 15px 40px #0000004d,0 0 30px color-mix(in srgb,var(--accent-color) 10%,transparent)}.subject-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-color) 15%,transparent);border-radius:16px;color:var(--accent-color);transition:all .3s}.subject-card:hover .subject-icon{background:color-mix(in srgb,var(--accent-color) 15%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--accent-color) 20%,transparent);transform:scale(1.05)}.subject-info{display:flex;flex-direction:column;gap:4px;flex:1}.subject-info h3{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.subject-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.subject-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.subject-count{font-size:.8rem;color:var(--accent-color);font-weight:600}.subject-arrow{color:var(--text-secondary);transition:all .3s}.subject-card:hover .subject-arrow{color:var(--accent-color);transform:translate(4px)}.features-section{padding-bottom:6rem}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.feature-card{display:flex;flex-direction:column;align-items:flex-start;padding:2.5rem;background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-number{position:absolute;top:1.5rem;right:1.5rem;font-size:3rem;font-weight:900;font-family:var(--font-display);color:#ffffff08;line-height:1;transition:all .3s}.feature-card:hover .feature-number{color:color-mix(in srgb,var(--feature-accent) 15%,transparent)}.feature-card:hover{border-color:color-mix(in srgb,var(--feature-accent) 30%,transparent);transform:translateY(-5px);box-shadow:0 15px 40px #0003}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--feature-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--feature-accent) 15%,transparent);color:var(--feature-accent);border-radius:16px;margin-bottom:1.5rem;transition:all .3s}.feature-card:hover .feature-icon{background:color-mix(in srgb,var(--feature-accent) 15%,transparent);box-shadow:0 0 25px color-mix(in srgb,var(--feature-accent) 20%,transparent);transform:scale(1.05)}.feature-card h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.feature-card p{color:var(--text-secondary);line-height:1.7;font-size:.95rem}.feature-line{width:40px;height:3px;background:var(--feature-accent);border-radius:2px;margin-top:1.5rem;opacity:.5;transition:all .3s}.feature-card:hover .feature-line{width:60px;opacity:1}.cta-section{padding:3rem 0 6rem}.cta-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--primary);border-radius:28px;padding:4.5rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 0 30px var(--shadow-color),inset 0 0 80px #3b82f60d}.cta-background{position:absolute;inset:0;pointer-events:none}.cta-circle{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4}.cta-1{width:300px;height:300px;top:-100px;right:-100px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);animation:neon-pulse 4s infinite alternate}.cta-2{width:250px;height:250px;bottom:-50px;left:-50px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);animation:neon-pulse 4s infinite alternate-reverse}.cta-mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle,transparent 20%,black 80%);-webkit-mask-image:radial-gradient(circle,transparent 20%,black 80%)}@keyframes neon-pulse{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.2)}}.cta-content{position:relative;z-index:1;max-width:620px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.cta-icon{width:88px;height:88px;background:var(--bg-surface);border:1px solid var(--primary);box-shadow:0 0 20px #3b82f64d,0 0 60px #3b82f61a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;color:var(--primary-light);animation:ctaIconFloat 3s ease infinite}@keyframes ctaIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cta-content h2{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.cta-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.7}.footer{padding:3rem 0;background:var(--bg-surface);border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start}.footer-brand{display:flex;align-items:center;gap:1rem}.footer-logo{width:44px;height:44px;border-radius:12px;border:1px solid var(--border-color)}.footer-brand-name{display:block;font-weight:700;color:var(--text-primary);line-height:1.2;font-size:1.05rem}.footer-brand-sub{font-size:.8rem;color:var(--text-secondary)}.footer-info{text-align:right}.footer-school-address{color:var(--text-secondary);font-size:.85rem;margin-bottom:1rem}.footer-links{display:flex;gap:1.5rem;justify-content:flex-end;margin-bottom:1rem}.footer-links a{color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:all .3s;position:relative}.footer-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--primary-light);transition:width .3s}.footer-links a:hover{color:var(--primary-light)}.footer-links a:hover:after{width:100%}.footer-copyright{color:var(--text-secondary);font-size:.75rem}.footer-tagline{margin-bottom:1.5rem;display:flex;justify-content:flex-end}.tagline-text{font-size:1.1rem;color:var(--text-secondary);font-weight:500}.tagline-text strong{color:var(--text-primary)}.text-indonesia{font-weight:800;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;padding:0 4px;background:linear-gradient(to right,red 30%,#fff,red 70%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine-indonesia 5s linear infinite;position:relative;display:inline-block}.text-indonesia:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#FFD700,transparent);opacity:.7}@keyframes shine-indonesia{to{background-position:200% center}}@media(max-width:1200px){.subjects-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-description{margin:0 auto 2.5rem}.hero-actions{justify-content:center}.hero-visual{display:none}.school-content{flex-direction:column;text-align:center;gap:2rem}.section-label{justify-content:center}.school-link{margin:0 auto}.hero-title{font-size:3.5rem}}@media(max-width:768px){.hero-title{font-size:2.75rem}.subjects-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-content{flex-direction:column;gap:2rem;align-items:center;text-align:center}.footer-info{text-align:center}.footer-tagline,.footer-links{justify-content:center}.school-card{padding:2.5rem}.cta-card{padding:3rem 2rem}.cta-content h2{font-size:1.75rem}}@media(max-width:480px){.subjects-grid,.stats-grid{grid-template-columns:1fr}.hero-title{font-size:2.25rem}.hero-actions{flex-direction:column}.btn-lg{width:100%;justify-content:center}}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}[data-theme=light] .site-footer{background:linear-gradient(135deg,#f59e0b,#ea580c)!important;position:relative;z-index:10;margin-top:0;padding-top:4rem}[data-theme=light] .footer-brand-name,[data-theme=light] .footer-brand-sub,[data-theme=light] .footer-links a,[data-theme=light] .footer-copyright,[data-theme=light] .footer-school-address,[data-theme=light] .tagline-text,[data-theme=light] .tagline-text strong{color:#fff!important}[data-theme=light] .footer-links a:after{background:#fff}[data-theme=light] .footer-logo{background:#fff;border-color:#ffffff4d}[data-theme=light] .hero-section{background:radial-gradient(circle at 10% 20%,rgba(251,191,36,.08) 0%,transparent 60%),radial-gradient(circle at 90% 80%,rgba(245,158,11,.08) 0%,transparent 60%),linear-gradient(180deg,#fff,#fffbeb)}[data-theme=light] .hero-grid{background-image:linear-gradient(rgba(245,158,11,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(245,158,11,.05) 1px,transparent 1px);opacity:.8}[data-theme=light] .orbit-1{border-color:#fbbf244d}[data-theme=light] .orbit-2{border-color:#f59e0b40}[data-theme=light] .orbit-3{border-color:#d9770633}[data-theme=light] .school-card,[data-theme=light] .stat-card{background:#fff;border:1px solid rgba(245,158,11,.2);box-shadow:0 15px 40px -5px #f59e0b1a}[data-theme=light] .stat-icon-wrapper{background:#fef3c7;border-color:#f59e0b66;color:#d97706}[data-theme=light] .stat-label{color:#78350f;font-weight:700}[data-theme=light] .site-footer{background:linear-gradient(135deg,#b45309,#78350f)!important;box-shadow:0 -10px 40px #0000001a}.simulation-card{position:relative;border-radius:20px;overflow:hidden;transition:all .38s cubic-bezier(.2,.8,.2,1);height:100%;min-height:330px;display:flex;flex-direction:column;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 30px -10px #00000080,inset 0 1px 1px #ffffff14}.card-top-beam{position:absolute;top:0;left:0;right:0;height:3px;z-index:3;opacity:.85;transition:all .35s ease}.simulation-card:hover .card-top-beam{height:4px;opacity:1;box-shadow:0 0 12px currentColor}.subject-card-mathematics,.subject-card-matematika-smp{background:radial-gradient(120% 80% at 100% 0%,rgba(139,92,246,.18) 0%,transparent 60%),radial-gradient(90% 70% at 0% 100%,rgba(99,102,241,.12) 0%,transparent 60%),linear-gradient(180deg,#1c1438b8,#0d0a1ee0);border:1px solid rgba(168,85,247,.26)}.subject-beam-mathematics,.subject-beam-matematika-smp{background:linear-gradient(90deg,transparent 5%,#c084fc 35%,#818cf8 65%,transparent 95%);color:#c084fc}.subject-card-mathematics:hover,.subject-card-matematika-smp:hover{transform:translateY(-7px);border-color:#c084fcb3;box-shadow:0 22px 50px -10px #8b5cf661,0 0 25px #a855f72e,inset 0 1px 1px #ffffff26}.subject-card-mathematics:hover .simulation-title,.subject-card-matematika-smp:hover .simulation-title{color:#e9d5ff;text-shadow:0 0 16px rgba(192,132,252,.5)}.subject-card-physics{background:radial-gradient(120% 80% at 100% 0%,rgba(59,130,246,.2) 0%,transparent 60%),radial-gradient(90% 70% at 0% 100%,rgba(14,165,233,.14) 0%,transparent 60%),linear-gradient(180deg,#0e1e40b8,#071026e0);border:1px solid rgba(56,189,248,.26)}.subject-beam-physics{background:linear-gradient(90deg,transparent 5%,#38bdf8 35%,#3b82f6 65%,transparent 95%);color:#38bdf8}.subject-card-physics:hover{transform:translateY(-7px);border-color:#38bdf8b3;box-shadow:0 22px 50px -10px #3b82f661,0 0 25px #38bdf82e,inset 0 1px 1px #ffffff26}.subject-card-physics:hover .simulation-title{color:#bae6fd;text-shadow:0 0 16px rgba(56,189,248,.5)}.subject-card-chemistry{background:radial-gradient(120% 80% at 100% 0%,rgba(16,185,129,.2) 0%,transparent 60%),radial-gradient(90% 70% at 0% 100%,rgba(6,182,212,.14) 0%,transparent 60%),linear-gradient(180deg,#062c28b8,#041918e0);border:1px solid rgba(45,212,191,.26)}.subject-beam-chemistry{background:linear-gradient(90deg,transparent 5%,#2dd4bf 35%,#10b981 65%,transparent 95%);color:#2dd4bf}.subject-card-chemistry:hover{transform:translateY(-7px);border-color:#34d399b3;box-shadow:0 22px 50px -10px #10b98161,0 0 25px #2dd4bf2e,inset 0 1px 1px #ffffff26}.subject-card-chemistry:hover .simulation-title{color:#a7f3d0;text-shadow:0 0 16px rgba(52,211,153,.5)}.subject-card-biology{background:radial-gradient(120% 80% at 100% 0%,rgba(34,197,94,.18) 0%,transparent 60%),radial-gradient(90% 70% at 0% 100%,rgba(16,185,129,.12) 0%,transparent 60%),linear-gradient(180deg,#0c2c18b8,#06190fe0);border:1px solid rgba(74,222,128,.26)}.subject-beam-biology{background:linear-gradient(90deg,transparent 5%,#4ade80 35%,#22c55e 65%,transparent 95%);color:#4ade80}.subject-card-biology:hover{transform:translateY(-7px);border-color:#4ade80b3;box-shadow:0 22px 50px -10px #22c55e61,0 0 25px #4ade802e,inset 0 1px 1px #ffffff26}.subject-card-biology:hover .simulation-title{color:#bbf7d0;text-shadow:0 0 16px rgba(74,222,128,.5)}.subject-card-ipa-smp{background:radial-gradient(120% 80% at 100% 0%,rgba(6,182,212,.2) 0%,transparent 60%),radial-gradient(90% 70% at 0% 100%,rgba(56,189,248,.14) 0%,transparent 60%),linear-gradient(180deg,#082636b8,#051622e0);border:1px solid rgba(34,211,238,.26)}.subject-beam-ipa-smp{background:linear-gradient(90deg,transparent 5%,#22d3ee 35%,#06b6d4 65%,transparent 95%);color:#22d3ee}.subject-card-ipa-smp:hover{transform:translateY(-7px);border-color:#22d3eeb3;box-shadow:0 22px 50px -10px #06b6d461,0 0 25px #22d3ee2e,inset 0 1px 1px #ffffff26}.subject-card-ipa-smp:hover .simulation-title{color:#a5f3fc;text-shadow:0 0 16px rgba(34,211,238,.5)}.subject-card-economics,.subject-card-ips-smp{background:radial-gradient(120% 80% at 100% 0%,rgba(245,158,11,.2) 0%,transparent 60%),radial-gradient(90% 70% at 0% 100%,rgba(234,88,12,.12) 0%,transparent 60%),linear-gradient(180deg,#2e1d06b8,#1a1004e0);border:1px solid rgba(251,191,36,.26)}.subject-beam-economics,.subject-beam-ips-smp{background:linear-gradient(90deg,transparent 5%,#fde047 35%,#f59e0b 65%,transparent 95%);color:#fde047}.subject-card-economics:hover,.subject-card-ips-smp:hover{transform:translateY(-7px);border-color:#fbbf24b3;box-shadow:0 22px 50px -10px #f59e0b61,0 0 25px #fbbf242e,inset 0 1px 1px #ffffff26}.subject-card-economics:hover .simulation-title,.subject-card-ips-smp:hover .simulation-title{color:#fef08a;text-shadow:0 0 16px rgba(251,191,36,.5)}.card-glow-effect{position:absolute;inset:0;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.simulation-card:hover .card-glow-effect{opacity:1}.simulation-card-link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit;height:100%;position:relative;z-index:2}.simulation-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 10px;flex-shrink:0;gap:12px}.simulation-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .35s cubic-bezier(.2,.8,.2,1);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 14px #0000004d;flex-shrink:0}.simulation-card:hover .simulation-icon{transform:scale(1.1) rotate(4deg)}.simulation-icon.subject-mathematics,.simulation-icon.subject-matematika-smp{background:linear-gradient(135deg,#a855f740,#6366f126);border-color:#a855f766;box-shadow:0 0 15px #a855f740}.simulation-icon.subject-physics{background:linear-gradient(135deg,#38bdf840,#3b82f626);border-color:#38bdf866;box-shadow:0 0 15px #38bdf840}.simulation-icon.subject-chemistry{background:linear-gradient(135deg,#2dd4bf40,#10b98126);border-color:#2dd4bf66;box-shadow:0 0 15px #2dd4bf40}.simulation-icon.subject-biology{background:linear-gradient(135deg,#4ade8040,#22c55e26);border-color:#4ade8066;box-shadow:0 0 15px #4ade8040}.simulation-icon.subject-ipa-smp{background:linear-gradient(135deg,#22d3ee40,#06b6d426);border-color:#22d3ee66;box-shadow:0 0 15px #22d3ee40}.simulation-icon.subject-economics,.simulation-icon.subject-ips-smp{background:linear-gradient(135deg,#fbbf2440,#f59e0b26);border-color:#fbbf2466;box-shadow:0 0 15px #fbbf2440}.simulation-badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:1}.badge-row-primary,.badge-row-secondary{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.badge-glow-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;box-shadow:0 0 6px currentColor}.badge-category{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;padding:3px 9px;border-radius:100px;font-weight:700;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-category.badge-mathematics,.badge-category.badge-matematika-smp{background:#a855f72e;border:1px solid rgba(168,85,247,.4);color:#d8b4fe}.badge-category.badge-physics{background:#38bdf82e;border:1px solid rgba(56,189,248,.4);color:#7dd3fc}.badge-category.badge-chemistry{background:#2dd4bf2e;border:1px solid rgba(45,212,191,.4);color:#5eead4}.badge-category.badge-biology{background:#4ade802e;border:1px solid rgba(74,222,128,.4);color:#86efac}.badge-category.badge-ipa-smp{background:#22d3ee2e;border:1px solid rgba(34,211,238,.4);color:#67e8f9}.badge-category.badge-economics,.badge-category.badge-ips-smp{background:#fbbf242e;border:1px solid rgba(251,191,36,.4);color:#fde047}.badge-grade{font-size:10px;padding:2.5px 8px;border-radius:100px;font-weight:600;color:#cbd5e1;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.badge-3d{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;padding:2px 7px;background:linear-gradient(135deg,#06b6d440,#3b82f640);border:1px solid rgba(56,189,248,.35);color:#e0f2fe;border-radius:100px;font-weight:700;letter-spacing:.03em}.simulation-card-content{padding:12px 20px 18px;flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.simulation-topic-tag{font-size:.72rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;display:flex;align-items:center;gap:5px}.simulation-title{font-size:1.15rem;font-weight:800;color:#fff;margin:0 0 8px;line-height:1.35;letter-spacing:-.01em;transition:all .25s ease}.simulation-description{font-size:.83rem;color:#94a3b8;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}.simulation-meta{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);margin-top:auto}.meta-item{display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:12px;font-weight:500}.meta-item.difficulty{display:flex;align-items:center;gap:2px}.difficulty .filled{color:#fbbf24;fill:#fbbf24;filter:drop-shadow(0 0 3px rgba(251,191,36,.5))}.difficulty svg:not(.filled){color:#fff3}.simulation-card-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#0a0f1c80;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;transition:all .3s ease}.start-label{font-size:12px;font-weight:700;color:#94a3b8;letter-spacing:.02em;transition:all .25s ease}.footer-action{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#cbd5e1;transition:all .25s ease}.subject-card-mathematics:hover .start-label,.subject-card-matematika-smp:hover .start-label{color:#c084fc}.subject-card-mathematics:hover .footer-action,.subject-card-matematika-smp:hover .footer-action{background:#a855f740;border-color:#a855f780;color:#fff;box-shadow:0 0 12px #a855f766;transform:translate(2px,-2px)}.subject-card-physics:hover .start-label{color:#38bdf8}.subject-card-physics:hover .footer-action{background:#38bdf840;border-color:#38bdf880;color:#fff;box-shadow:0 0 12px #38bdf866;transform:translate(2px,-2px)}.subject-card-chemistry:hover .start-label{color:#2dd4bf}.subject-card-chemistry:hover .footer-action{background:#2dd4bf40;border-color:#2dd4bf80;color:#fff;box-shadow:0 0 12px #2dd4bf66;transform:translate(2px,-2px)}.subject-card-biology:hover .start-label{color:#4ade80}.subject-card-biology:hover .footer-action{background:#4ade8040;border-color:#4ade8080;color:#fff;box-shadow:0 0 12px #4ade8066;transform:translate(2px,-2px)}.subject-card-ipa-smp:hover .start-label{color:#22d3ee}.subject-card-ipa-smp:hover .footer-action{background:#22d3ee40;border-color:#22d3ee80;color:#fff;box-shadow:0 0 12px #22d3ee66;transform:translate(2px,-2px)}.subject-card-economics:hover .start-label,.subject-card-ips-smp:hover .start-label{color:#fde047}.subject-card-economics:hover .footer-action,.subject-card-ips-smp:hover .footer-action{background:#fbbf2440;border-color:#fbbf2480;color:#fff;box-shadow:0 0 12px #fbbf2466;transform:translate(2px,-2px)}.simulations-page{padding-top:70px;min-height:100dvh;padding-bottom:var(--space-20);position:relative;overflow:hidden}.sim-bg-effects{position:fixed;inset:0;pointer-events:none;z-index:0}.sim-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15}.sim-orb-1{width:500px;height:500px;background:radial-gradient(circle,#3B82F6,transparent 70%);top:-10%;right:-10%;animation:simOrbFloat 20s ease-in-out infinite}.sim-orb-2{width:400px;height:400px;background:radial-gradient(circle,#8B5CF6,transparent 70%);bottom:-5%;left:-10%;animation:simOrbFloat 15s ease-in-out infinite reverse}.sim-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at 50% 30%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(circle at 50% 30%,black 20%,transparent 70%)}@keyframes simOrbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.15)}}.page-header{padding:var(--space-12) 0 var(--space-8);text-align:center;position:relative;z-index:1}.page-header-content{display:flex;flex-direction:column;align-items:center}.page-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:100px;color:var(--primary-light);font-size:.8rem;font-weight:600;margin-bottom:1.25rem;letter-spacing:.03em}.page-title{font-size:3rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:-.02em}.page-title-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGradient 4s ease infinite}@keyframes titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.page-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.6}.page-subtitle strong{color:var(--primary-light);font-weight:700}.toolbar{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);align-items:center;position:relative;z-index:2}.search-box{flex:1;position:relative;max-width:520px}.search-box:before{content:"";position:absolute;inset:-2px;border-radius:18px;background:linear-gradient(135deg,#3b82f666,#8b5cf666,#f59e0b33,#3b82f666);background-size:300% 300%;z-index:-1;opacity:0;transition:opacity .4s ease;animation:gradientShift 4s ease infinite}.search-box:focus-within:before{opacity:1}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.search-box-inner{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--dark-text-muted);pointer-events:none;transition:all .3s ease;z-index:1}.search-box:focus-within .search-icon{color:var(--primary-light);filter:drop-shadow(0 0 6px rgba(59,130,246,.5))}.search-input{width:100%;padding:var(--space-4) var(--space-12) var(--space-4) calc(var(--space-4) + 32px);font-family:var(--font-primary);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:16px;outline:none;transition:all .4s cubic-bezier(.4,0,.2,1);letter-spacing:.01em}.search-input:hover{border-color:#ffffff1f;background:#131b2ed9}.search-input:focus{border-color:#3b82f666;background:#131b2ee6;box-shadow:0 0 0 4px #3b82f614,0 8px 30px #3b82f61f}.search-input::placeholder{color:var(--text-secondary);font-weight:400;opacity:.6}.search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--dark-text-muted);cursor:pointer;transition:all .3s ease;z-index:1}.search-clear:hover{background:#ef444426;border-color:#ef44444d;color:#f87171;transform:translateY(-50%) scale(1.08)}.filter-toggle{display:none;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.filter-toggle:hover,.filter-toggle.active{border-color:#3b82f64d;color:var(--white);background:#3b82f614}.filter-count{width:20px;height:20px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:var(--white);border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #f59e0b66;animation:pulseGlow 2s ease infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #f59e0b4d}50%{box-shadow:0 0 20px #f59e0b99}}.view-toggle{display:flex;background:var(--bg-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;padding:3px;gap:2px}.view-btn{display:flex;align-items:center;justify-content:center;width:42px;height:38px;background:transparent;border:none;border-radius:11px;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-btn:hover{color:var(--white);background:#ffffff0f}.view-btn.active{color:var(--white);background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 12px #3b82f64d}.filters{position:relative;padding:var(--space-6) var(--space-8);background:var(--bg-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:22px;margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);overflow:hidden;z-index:2}.filters:before{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;background:linear-gradient(135deg,#3b82f626,#8b5cf61a,#10b98114,#f59e0b14,#3b82f626);background-size:400% 400%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderGlow 6s ease infinite;pointer-events:none}.filters:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(139,92,246,.02) 0%,transparent 50%);pointer-events:none;animation:innerGlow 8s ease infinite alternate}@keyframes borderGlow{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes innerGlow{0%{transform:translate(0) rotate(0)}to{transform:translate(5%,5%) rotate(3deg)}}.filter-group{display:flex;flex-direction:column;gap:var(--space-3);position:relative;z-index:1}.filter-label{font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:var(--space-2)}.filter-label svg{color:var(--primary-light);opacity:.6}.filter-label:before{content:"";display:inline-block;width:3px;height:14px;background:linear-gradient(180deg,var(--primary),var(--primary-light));border-radius:2px}.filter-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 18px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:100px;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1;letter-spacing:.01em}.filter-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s ease;z-index:-1}.filter-chip:hover:before{left:100%}.filter-chip:hover{border-color:#3b82f64d;color:var(--white);background:#3b82f60f;transform:translateY(-1px);box-shadow:0 4px 15px #00000026}.filter-chip:active{transform:translateY(0) scale(.98)}.filter-chip.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;color:var(--white);font-weight:600;box-shadow:0 4px 15px #3b82f64d,0 0 25px #3b82f614;transform:translateY(-1px)}.filter-chip.active:hover{box-shadow:0 6px 20px #3b82f666,0 0 35px #3b82f61f;transform:translateY(-2px)}.filter-chip.subject-physics.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f659}.filter-chip.subject-physics:not(.active):hover{border-color:#3b82f666;background:#3b82f614}.filter-chip.subject-mathematics.active{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 15px #8b5cf659}.filter-chip.subject-mathematics:not(.active):hover{border-color:#8b5cf666;background:#8b5cf614}.filter-chip.subject-chemistry.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98159}.filter-chip.subject-chemistry:not(.active):hover{border-color:#10b98166;background:#10b98114}.filter-chip.subject-biology.active{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b59}.filter-chip.subject-biology:not(.active):hover{border-color:#f59e0b66;background:#f59e0b14}.filter-chip.subject-economics.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444459}.filter-chip.subject-economics:not(.active):hover{border-color:#ef444466;background:#ef444414}.filter-chip.subject-paud.active{background:linear-gradient(135deg,#f472b6,#ec4899);box-shadow:0 4px 15px #ec489959}.filter-chip.subject-paud:not(.active):hover{border-color:#f472b666;background:#f472b614}.chip-icon{font-size:15px;display:flex;align-items:center}.filter-chip.type-3d.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px #6366f159}.filter-chip.type-3d:not(.active):hover{border-color:#6366f166;background:#6366f114}.active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--border-color);position:relative;z-index:1}.active-filters-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.active-filter-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px 14px;background:#3b82f61a;border:1px solid rgba(59,130,246,.15);border-radius:100px;color:var(--primary-light);font-size:var(--text-xs);font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.active-filter-tag:hover{background:#3b82f626;border-color:#3b82f64d}.active-filter-tag button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--primary-light);cursor:pointer;padding:0;transition:all .2s ease;border-radius:50%;width:18px;height:18px}.active-filter-tag button:hover{color:var(--white);background:#ef44444d;transform:rotate(90deg)}.clear-filters{margin-left:auto;padding:6px 16px;background:transparent;border:1px solid rgba(239,68,68,.2);border-radius:100px;color:#f87171;font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.03em;display:inline-flex;align-items:center;gap:6px}.clear-filters:hover{border-color:#ef444480;background:#ef44441a;color:var(--white);box-shadow:0 4px 15px #ef444426;transform:translateY(-1px)}.results-info{margin-bottom:var(--space-6);position:relative;z-index:1}.results-count{display:flex;align-items:center;gap:var(--space-3)}.results-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px #3b82f680;animation:dotPulse 2s ease infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.results-info p{font-size:var(--text-sm);color:var(--text-secondary);font-weight:400}.results-info strong{color:var(--primary-light);font-weight:700}.simulations-container{display:grid;gap:var(--space-5);position:relative;z-index:1}.simulations-container.grid{grid-template-columns:repeat(4,1fr)}.simulations-container.list{grid-template-columns:1fr}.no-results{padding:var(--space-20) 0;text-align:center;position:relative;z-index:1}.no-results-visual{position:relative;display:inline-block;margin-bottom:var(--space-6)}.no-results-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(59,130,246,.15),transparent 70%);filter:blur(30px);border-radius:50%}.no-results-icon{font-size:64px;position:relative;z-index:1;animation:floatBounce 3s ease infinite}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-results h3{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.no-results p{color:var(--text-secondary);margin-bottom:var(--space-6)}.no-results .btn{display:inline-flex;align-items:center;gap:8px}@media(max-width:1200px){.simulations-container.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.simulations-container.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.toolbar{flex-wrap:wrap}.search-box{order:1;flex:1 1 100%;max-width:100%}.filter-toggle{display:flex;order:2;flex:1}.view-toggle{order:3}.filters{overflow:hidden;padding:var(--space-5)}.filters:not(.open){display:none}.simulations-container.grid{grid-template-columns:1fr}.filter-chip{padding:7px 14px;font-size:var(--text-xs)}.page-title{font-size:2.25rem}}[data-theme=light] .simulations-hero{background:linear-gradient(135deg,#f8fafc,#fff);position:relative;overflow:hidden}[data-theme=light] .simulations-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(59,130,246,.05),transparent 40%),radial-gradient(circle at 90% 80%,rgba(245,158,11,.05),transparent 40%);pointer-events:none}[data-theme=light] .filters-panel{background:#fff;border:1px solid rgba(148,163,184,.2);box-shadow:0 10px 30px #0000000a}[data-theme=light] .search-input{background:#f1f5f9}[data-theme=light] .simulation-card{background:#fff;box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;border:1px solid rgba(148,163,184,.1)}[data-theme=light] .simulation-card:hover{box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;border-color:#3b82f64d}.sim-search-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#0f172af2;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 10px 30px #0006;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);max-height:280px;overflow-y:auto;z-index:100;padding:var(--space-2)}[data-theme=light] .sim-search-suggestions{background:#fffffffa;border-color:#00000014;box-shadow:0 10px 30px #0000001a}.sim-suggestion-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.sim-suggestion-item:hover{background:#ffffff0d;color:var(--text-primary)}[data-theme=light] .sim-suggestion-item:hover{background:#00000008}.sim-suggestion-left{display:flex;align-items:center;gap:var(--space-3);overflow:hidden;min-width:0}.sim-suggestion-icon{font-size:1.2rem;flex-shrink:0}.sim-suggestion-info{display:flex;flex-direction:column;min-width:0;gap:2px}.sim-suggestion-title{font-size:var(--text-sm);font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .sim-suggestion-title{color:#0f172a}.sim-suggestion-subtitle{font-size:.72rem;color:var(--dark-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-suggestion-right{flex-shrink:0}.sim-suggestion-badge{font-size:.65rem;padding:2px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:100px;color:var(--dark-text-muted);font-weight:500}[data-theme=light] .sim-suggestion-badge{background:#00000008;border-color:#0000000d}.sim-suggestion-empty{padding:var(--space-4);text-align:center;color:var(--dark-text-muted);font-size:var(--text-sm)}.chip-count{font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;background:#ffffff1f;color:#f1f5f9;border:1px solid rgba(255,255,255,.15);margin-left:4px}.filter-chip.active .chip-count{background:#ffffff40;border-color:#fff6;color:#fff;box-shadow:0 0 8px #ffffff4d}.subject-chromatic-guide{background:#0f172a99;border:1px solid rgba(56,189,248,.15);border-radius:16px;padding:12px 18px;margin-bottom:20px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 20px #00000040}.guide-header{display:flex;align-items:center;justify-content:space-between}.guide-title{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.guide-pills-row{display:flex;flex-wrap:wrap;gap:8px}.guide-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:100px;font-size:.78rem;font-weight:600;cursor:pointer;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#94a3b8;transition:all .25s cubic-bezier(.2,.8,.2,1)}.pill-gem{width:8px;height:8px;border-radius:50%;display:inline-block}.guide-pill.math .pill-gem{background:#c084fc;box-shadow:0 0 8px #c084fc}.guide-pill.math:hover,.guide-pill.math.active{background:#a855f72e;border-color:#a855f780;color:#e9d5ff;box-shadow:0 0 14px #a855f740}.guide-pill.physics .pill-gem{background:#38bdf8;box-shadow:0 0 8px #38bdf8}.guide-pill.physics:hover,.guide-pill.physics.active{background:#38bdf82e;border-color:#38bdf880;color:#bae6fd;box-shadow:0 0 14px #38bdf840}.guide-pill.chemistry .pill-gem{background:#2dd4bf;box-shadow:0 0 8px #2dd4bf}.guide-pill.chemistry:hover,.guide-pill.chemistry.active{background:#2dd4bf2e;border-color:#2dd4bf80;color:#a7f3d0;box-shadow:0 0 14px #2dd4bf40}.guide-pill.biology .pill-gem{background:#4ade80;box-shadow:0 0 8px #4ade80}.guide-pill.biology:hover,.guide-pill.biology.active{background:#4ade802e;border-color:#4ade8080;color:#bbf7d0;box-shadow:0 0 14px #4ade8040}.guide-pill.ipa .pill-gem{background:#22d3ee;box-shadow:0 0 8px #22d3ee}.guide-pill.ipa:hover,.guide-pill.ipa.active{background:#22d3ee2e;border-color:#22d3ee80;color:#a5f3fc;box-shadow:0 0 14px #22d3ee40}.guide-pill.economics .pill-gem{background:#fde047;box-shadow:0 0 8px #fde047}.guide-pill.economics:hover,.guide-pill.economics.active{background:#fbbf242e;border-color:#fbbf2480;color:#fef08a;box-shadow:0 0 14px #fbbf2440}.filter-chip.subject-ipa-smp.active{background:linear-gradient(135deg,#06b6d4,#0284c7);box-shadow:0 4px 15px #06b6d459}.filter-chip.subject-matematika-smp.active{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 4px 15px #a855f759}.simulation-detail-page{padding-top:70px;min-height:100dvh;padding-bottom:var(--space-20)}.simulation-detail-page.not-found{display:flex;align-items:center;justify-content:center}.not-found-content{text-align:center;padding:var(--space-20) 0}.not-found-content h1{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.not-found-content p{color:var(--dark-text-muted);margin-bottom:var(--space-8)}.back-link{padding-top:var(--space-8);margin-bottom:var(--space-6)}.back-link a{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--dark-text-muted);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.back-link a:hover{color:var(--white)}.detail-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--space-8);align-items:start}.detail-main{display:flex;flex-direction:column;gap:var(--space-8)}.detail-header{display:flex;gap:var(--space-6);padding:var(--space-8);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl)}.simulation-icon-large{flex-shrink:0;width:100px;height:100px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:48px}.simulation-icon-large.subject-physics{background:#3498db33;border:2px solid rgba(52,152,219,.3)}.simulation-icon-large.subject-mathematics{background:#e74c3c33;border:2px solid rgba(231,76,60,.3)}.simulation-icon-large.subject-chemistry{background:#27ae6033;border:2px solid rgba(39,174,96,.3)}.simulation-icon-large.subject-biology{background:#f39c1233;border:2px solid rgba(243,156,18,.3)}.simulation-icon-large.subject-economics{background:#9b59b633;border:2px solid rgba(155,89,182,.3)}.header-content{flex:1}.header-badges{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.simulation-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.simulation-description-full{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7}.detail-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.meta-box{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.meta-box>svg{color:var(--primary-light)}.meta-box>svg.filled{color:var(--accent);fill:var(--accent)}.meta-box>div{display:flex;flex-direction:column}.meta-label{font-size:var(--text-xs);color:var(--dark-text-muted)}.meta-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);display:flex;gap:2px}.meta-value svg{color:var(--gray-500)}.meta-value svg.filled{color:var(--accent);fill:var(--accent)}.mode-selection{padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.mode-selection h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--white);margin-bottom:var(--space-4)}.mode-cards{display:flex;flex-direction:column;gap:var(--space-3)}.mode-card{position:relative;display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-surface-hover);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-align:left}.mode-card:hover{background:#2e7d991a;border-color:var(--primary)}.mode-card.selected{border-color:var(--primary);background:#2e7d9926}.mode-card.mode-accent:hover,.mode-card.mode-accent.selected{border-color:var(--accent);background:#ff9a441a}.mode-card.mode-success:hover,.mode-card.mode-success.selected{border-color:var(--success);background:#28a7451a}.mode-icon{flex-shrink:0;width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.mode-primary .mode-icon{background:#2e7d9933;color:var(--primary-light)}.mode-accent .mode-icon{background:#ff9a4433;color:var(--accent)}.mode-success .mode-icon{background:#28a74533;color:var(--success-light)}.mode-content{flex:1}.mode-content h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.mode-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.mode-check{position:absolute;top:var(--space-4);right:var(--space-4);color:var(--success)}.learning-outcomes{padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.learning-outcomes h2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.learning-outcomes h2 svg{color:var(--accent)}.outcomes-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.outcomes-list li{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-base)}.outcomes-list li svg{flex-shrink:0;color:var(--success);margin-top:2px}.start-section{text-align:center;padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.start-btn{min-width:280px}.start-btn:disabled{background:var(--gray-600);cursor:not-allowed}.locked-message{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.detail-sidebar{display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:90px}.sidebar-card{padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.sidebar-card h3{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.sidebar-card h3 svg{color:var(--primary-light)}.progress-visual{position:relative;width:120px;height:120px;margin:0 auto var(--space-6)}.progress-ring{width:100%;height:100%}.progress-bg{stroke:var(--border-color)}.progress-fill{stroke:var(--primary);stroke-linecap:round;transition:stroke-dasharray var(--transition-slow)}.progress-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.progress-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.progress-stat{text-align:center}.progress-stat .stat-value{display:block;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}.progress-stat .stat-label{font-size:var(--text-xs);color:var(--text-secondary)}.tips-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.tips-list li{position:relative;padding-left:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.tips-list li:before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--primary);border-radius:var(--radius-full)}.curriculum-card{border-left:3px solid var(--primary)}.curriculum-card h3 svg{color:var(--accent)}.curriculum-info-list{display:flex;flex-direction:column;gap:var(--space-4)}.curriculum-info-item{display:flex;flex-direction:column;gap:var(--space-1)}.curriculum-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.curriculum-value{font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.applicable-grades{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.grade-chip{display:inline-flex;align-items:center;padding:2px 10px;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary-light);background:#2e7d9926;border:1px solid rgba(46,125,153,.3);border-radius:var(--radius-full);white-space:nowrap}.grade-chip:first-child{color:var(--accent);background:#ff9a4426;border-color:#ff9a444d}.related-list{display:flex;flex-direction:column;gap:var(--space-2)}.related-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-surface-hover);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.related-item:hover:not(.locked){background:#2e7d991a}.related-item.locked{opacity:.5;cursor:not-allowed}.related-icon{font-size:24px}.related-info{flex:1;display:flex;flex-direction:column}.related-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.related-grade{font-size:var(--text-xs);color:var(--text-secondary)}.related-item svg{color:var(--gray-400)}@media(max-width:1200px){.detail-layout{grid-template-columns:1fr 320px}}@media(max-width:992px){.detail-layout{grid-template-columns:1fr}.detail-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.detail-header{flex-direction:column;align-items:center;text-align:center}.header-badges{justify-content:center}.detail-meta{grid-template-columns:repeat(2,1fr)}.detail-sidebar{grid-template-columns:1fr}}@media(max-width:480px){.detail-meta{grid-template-columns:1fr}}.leaderboard-page{padding-top:100px;min-height:100dvh;padding-bottom:5rem;position:relative;background:var(--bg-primary);color:var(--text-primary)}.lb-bg-effects{position:fixed;inset:0;pointer-events:none;z-index:0}.lb-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;opacity:.5}.lb-orb{display:none}.lb-header{text-align:center;margin-bottom:3rem;position:relative;z-index:1}.lb-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;letter-spacing:-.02em}.lb-title-icon{color:#f59e0b}.lb-subtitle{font-size:1.1rem;color:var(--text-secondary)}.sim-selector-container{margin-bottom:2rem;position:relative;z-index:10;max-width:1200px;margin-left:auto;margin-right:auto}.sim-selector{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;scrollbar-width:none}.sim-selector::-webkit-scrollbar{display:none}.sim-btn{position:relative;padding:.6rem 1.25rem;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);font-weight:600;font-size:.9rem;white-space:nowrap;transition:color .2s;cursor:pointer;z-index:1}.sim-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.sim-btn.active{color:#fff}.active-bg{position:absolute;inset:0;background:#3b82f6;border-radius:8px;z-index:-1;box-shadow:0 2px 4px #0000001a}.leaderboard-content{position:relative;z-index:1;max-width:1000px;margin:0 auto}.lb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-surface);border-radius:16px;border:1px dashed var(--border-color)}.lb-empty svg{color:#475569;margin-bottom:1rem;width:4rem;height:4rem}.lb-empty h3{margin-bottom:.5rem;color:var(--text-primary);font-size:1.25rem;font-weight:700}.lb-empty p{color:var(--text-secondary);margin-bottom:2rem}.btn-play-now{padding:.75rem 2rem;background:#3b82f6;color:#fff;border-radius:8px;font-weight:600;font-size:.95rem;transition:background .2s}.btn-play-now:hover{background:#2563eb}.lb-loading,.lb-error{min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--bg-surface);border-radius:16px;border:1px solid var(--border-color);color:var(--text-secondary)}.lb-loading .spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.lb-table-container{background:var(--bg-surface);border-radius:16px;border:1px solid var(--border-color);overflow:hidden}.lb-table{width:100%;border-collapse:collapse}.lb-table thead tr{background:var(--bg-surface-hover)}.lb-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.lb-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.95rem;vertical-align:middle}.lb-table tbody tr:last-child td{border-bottom:none}.lb-table tbody tr:hover td{background:var(--bg-surface-hover)}.rank-cell{width:70px;text-align:center}.rank-badge-wrapper{display:flex;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;border-radius:50%}.rank-number{color:var(--text-secondary)}.rank-gold .rank-cell svg{color:#fbbf24;fill:#fbbf2433}.rank-silver .rank-cell svg{color:#94a3b8;fill:#94a3b833}.rank-bronze .rank-cell svg{color:#f87171;fill:#f8717133}.rank-gold .score-cell{color:#fbbf24}.rank-silver .score-cell{color:#e2e8f0}.rank-bronze .score-cell{color:#f87171}.rank-gold td,.rank-silver td,.rank-bronze td{background:transparent}.rank-gold td:first-child{border-left:3px solid #fbbf24}.rank-silver td:first-child{border-left:3px solid #94a3b8}.rank-bronze td:first-child{border-left:3px solid #f87171}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--bg-surface-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-weight:600;color:var(--text-secondary);font-size:1rem}.user-name{font-weight:600;color:var(--text-primary)}.user-kelas{display:inline-block;padding:.2rem .6rem;background:var(--bg-surface-hover);border-radius:6px;font-size:.8rem;color:var(--text-secondary);font-weight:500}.score-cell{font-family:Consolas,Monaco,monospace;font-weight:700;color:var(--text-primary);font-size:1.1rem;letter-spacing:-.02em}.date-cell{color:var(--text-secondary);font-size:.85rem}.text-right{text-align:right}.lb-realtime-badge{display:inline-flex;align-items:center;gap:4px;padding:.25rem .6rem;background:#22c55e26;color:#22c55e;font-size:.7rem;font-weight:700;letter-spacing:.1em;border-radius:20px;border:1px solid rgba(34,197,94,.3);animation:pulse-live 2s ease-in-out infinite;vertical-align:middle}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:768px){.leaderboard-page{padding-top:80px}.lb-header{margin-bottom:2rem}.lb-title{font-size:2rem}.lb-table th:nth-child(3),.lb-table td:nth-child(3),.lb-table th:nth-child(5),.lb-table td:nth-child(5){display:none}.lb-table th,.lb-table td{padding:.75rem 1rem}.user-avatar{width:32px;height:32px}.user-name{font-size:.9rem}}.class-page{padding-top:70px;min-height:100dvh;padding-bottom:var(--space-20);position:relative;overflow:hidden}.cp-bg-effects{position:fixed;inset:0;pointer-events:none;z-index:0}.cp-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15}.cp-orb-1{width:500px;height:500px;background:radial-gradient(circle,#3B82F6,transparent 70%);top:-10%;right:-10%;animation:cpOrbFloat 20s ease-in-out infinite}.cp-orb-2{width:400px;height:400px;background:radial-gradient(circle,#8B5CF6,transparent 70%);bottom:-5%;left:-10%;animation:cpOrbFloat 15s ease-in-out infinite reverse}.cp-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at 50% 30%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(circle at 50% 30%,black 20%,transparent 70%)}@keyframes cpOrbFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.15)}}.cp-error-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.cp-error-content{text-align:center;max-width:400px}.cp-error-icon{font-size:4rem;margin-bottom:var(--space-6)}.cp-error-content h2{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-3)}.cp-error-content p{color:var(--text-secondary);margin-bottom:var(--space-6)}.cp-error-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease}.cp-error-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.cp-header{padding:var(--space-10) 0 var(--space-6);position:relative;z-index:1}.cp-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.cp-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);color:var(--dark-text-muted);font-size:var(--text-sm);font-weight:500;font-family:inherit;cursor:pointer;transition:all .25s ease}.cp-back-btn:hover{background:#ffffff14;color:#fff;transform:translate(-4px)}.cp-badge-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.cp-level-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 16px;background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:100px;color:var(--primary-light);font-size:.8rem;font-weight:600;letter-spacing:.03em}.cp-level-icon{font-size:1.1rem}.cp-field-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 16px;background:#8b5cf614;border:1px solid rgba(139,92,246,.15);border-radius:100px;color:#a78bfa;font-size:.8rem;font-weight:600}.cp-title{font-size:3rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em;line-height:1.2}.cp-title-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:cpTitleGradient 4s ease infinite}@keyframes cpTitleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cp-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.6;margin:0;max-width:600px}.cp-subtitle strong{color:var(--primary-light);font-weight:700}.cp-info-banner{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:#f59e0b0f;border:1px solid rgba(245,158,11,.12);border-radius:var(--radius-xl);margin-bottom:var(--space-6);position:relative;z-index:1;color:var(--accent-light)}.cp-info-banner svg{flex-shrink:0;margin-top:2px}.cp-info-banner strong{display:block;color:var(--accent-light);font-size:var(--text-sm);margin-bottom:2px}.cp-info-banner p{color:var(--dark-text-muted);font-size:var(--text-sm);margin:0}.cp-filters{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-8);background:var(--bg-surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:22px;margin-bottom:var(--space-6);position:relative;z-index:2;overflow:hidden}.cp-filters:before{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;background:linear-gradient(135deg,#3b82f626,#8b5cf61a,#10b98114,#f59e0b14,#3b82f626);background-size:400% 400%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:cpBorderGlow 6s ease infinite;pointer-events:none}@keyframes cpBorderGlow{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}.cp-search-box{position:relative;display:flex;align-items:center;max-width:420px}.cp-search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--dark-text-muted);pointer-events:none;transition:all .3s ease;z-index:1}.cp-search-box:focus-within .cp-search-icon{color:var(--primary-light);filter:drop-shadow(0 0 6px rgba(59,130,246,.5))}.cp-search-input{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) calc(var(--space-4) + 28px);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);outline:none;transition:all .3s ease}.cp-search-input:hover{border-color:#ffffff1f;background:#ffffff0f}.cp-search-input:focus{border-color:#3b82f666;background:#131b2ecc;box-shadow:0 0 0 3px #3b82f614}.cp-search-input::placeholder{color:var(--text-secondary);opacity:.6}.cp-search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);color:var(--dark-text-muted);cursor:pointer;transition:all .2s ease;z-index:1}.cp-search-clear:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.cp-subject-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);position:relative;z-index:1}.cp-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:100px;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-family:inherit}.cp-chip:hover{border-color:#3b82f64d;color:var(--text-primary);background:#3b82f60f;transform:translateY(-1px)}.cp-chip.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 4px 15px #3b82f64d;transform:translateY(-1px)}.cp-chip-icon{font-size:14px;display:flex;align-items:center}.cp-chip-count{font-size:.7rem;padding:1px 6px;background:#ffffff1a;border-radius:100px;font-weight:600;min-width:18px;text-align:center}.cp-chip.active .cp-chip-count{background:#ffffff40}.cp-chip-physics.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f659}.cp-chip-mathematics.active{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 15px #8b5cf659}.cp-chip-chemistry.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98159}.cp-chip-biology.active{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b59}.cp-chip-economics.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444459}.cp-chip-physics:not(.active):hover{border-color:#3b82f666;background:#3b82f614}.cp-chip-mathematics:not(.active):hover{border-color:#8b5cf666;background:#8b5cf614}.cp-chip-chemistry:not(.active):hover{border-color:#10b98166;background:#10b98114}.cp-chip-biology:not(.active):hover{border-color:#f59e0b66;background:#f59e0b14}.cp-chip-economics:not(.active):hover{border-color:#ef444466;background:#ef444414}.cp-results-info{margin-bottom:var(--space-6);position:relative;z-index:1}.cp-results-count{display:flex;align-items:center;gap:var(--space-3)}.cp-results-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px #3b82f680;animation:cpDotPulse 2s ease infinite}@keyframes cpDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.cp-results-info p{font-size:var(--text-sm);color:var(--text-secondary);font-weight:400}.cp-results-info strong{color:var(--primary-light);font-weight:700}.cp-simulations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);position:relative;z-index:1}.cp-empty{padding:var(--space-20) 0;text-align:center;position:relative;z-index:1}.cp-empty-visual{position:relative;display:inline-block;margin-bottom:var(--space-6)}.cp-empty-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.15),transparent 70%);animation:cpOrbFloat 5s ease-in-out infinite}.cp-empty-icon{position:relative;font-size:4rem;z-index:1}.cp-empty h3{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2)}.cp-empty p{color:var(--text-secondary);margin-bottom:var(--space-6)}.cp-reset-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease}.cp-reset-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}@media(max-width:1200px){.cp-simulations-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.cp-simulations-grid{grid-template-columns:repeat(2,1fr)}.cp-title{font-size:2.25rem}}@media(max-width:768px){.cp-header{padding:var(--space-8) 0 var(--space-4)}.cp-title{font-size:1.75rem}.cp-filters{padding:var(--space-4) var(--space-5)}.cp-simulations-grid{grid-template-columns:1fr}.cp-search-box{max-width:100%}}.cp-topics-container{display:flex;flex-direction:column;gap:var(--space-8);position:relative;z-index:1}.cp-topic-section{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:var(--space-6);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 30px #0000000d}.cp-topic-section:hover{background:#ffffff08;border-color:#ffffff14}.cp-topic-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.06);-webkit-user-select:none;user-select:none}.cp-topic-title-area{display:flex;align-items:center;gap:var(--space-3)}.cp-topic-icon{font-size:1.4rem}.cp-topic-title{font-size:var(--text-md);font-weight:700;color:var(--text-primary);margin:0}.cp-topic-badge{font-size:.72rem;padding:3px 10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.15);border-radius:100px;color:var(--primary-light);font-weight:600}.cp-topic-toggle-icon{color:var(--dark-text-muted);transition:transform .3s cubic-bezier(.4,0,.2,1)}.cp-topic-toggle-icon.rotated{transform:rotate(-90deg)}.cp-search-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#0f172af2;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:0 10px 30px #0006;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);max-height:280px;overflow-y:auto;z-index:100;padding:var(--space-2)}[data-theme=light] .cp-search-suggestions{background:#fffffffa;border-color:#00000014;box-shadow:0 10px 30px #0000001a}.cp-suggestion-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.cp-suggestion-item:hover{background:#ffffff0d;color:var(--text-primary)}[data-theme=light] .cp-suggestion-item:hover{background:#00000008}.cp-suggestion-left{display:flex;align-items:center;gap:var(--space-3);overflow:hidden;min-width:0}.cp-suggestion-icon{font-size:1.2rem;flex-shrink:0}.cp-suggestion-info{display:flex;flex-direction:column;min-width:0;gap:2px}.cp-suggestion-title{font-size:var(--text-sm);font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .cp-suggestion-title{color:#0f172a}.cp-suggestion-subtitle{font-size:.72rem;color:var(--dark-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-suggestion-right{flex-shrink:0}.cp-suggestion-badge{font-size:.65rem;padding:2px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:100px;color:var(--dark-text-muted);font-weight:500}[data-theme=light] .cp-suggestion-badge{background:#00000008;border-color:#0000000d}.cp-suggestion-empty{padding:var(--space-4);text-align:center;color:var(--dark-text-muted);font-size:var(--text-sm)}.control-panel{display:flex;flex-direction:column;height:100%}.panel-scroll{flex:1;padding:var(--space-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6)}.panel-section{display:flex;flex-direction:column;gap:var(--space-4)}.section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--dark-text-muted);text-transform:uppercase;letter-spacing:.05em}.section-content{display:flex;flex-direction:column;gap:var(--space-4)}.control-group{display:flex;flex-direction:column;gap:var(--space-2)}.control-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--dark-text)}.control-value{font-weight:var(--font-semibold);font-family:var(--font-mono, monospace)}.control-slider{-webkit-appearance:none;width:100%;height:.5rem;background:var(--dark-surface-2);border-radius:var(--radius-full);outline:none;cursor:pointer}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;background:var(--primary);border-radius:var(--radius-full);cursor:pointer;box-shadow:0 0 .625rem #2e7d9980;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.control-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 .9375rem #2e7d99b3}.control-slider.slider-accent::-webkit-slider-thumb{background:var(--accent);box-shadow:0 0 .625rem #ff9a4480}.control-slider.slider-success::-webkit-slider-thumb{background:var(--success);box-shadow:0 0 .625rem #28a74580}.control-range{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--gray-500)}.control-toggle{display:flex;justify-content:space-between;align-items:center}.toggle-label{font-size:var(--text-sm);color:var(--dark-text)}.toggle-btn{position:relative;width:3rem;height:1.75rem;background:var(--dark-surface-2);border:.0625rem solid var(--dark-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn.active{background:var(--primary);border-color:var(--primary)}.toggle-knob{position:absolute;top:.1875rem;left:.1875rem;width:1.25rem;height:1.25rem;background:var(--white);border-radius:var(--radius-full);transition:transform var(--transition-fast)}.toggle-btn.active .toggle-knob{transform:translate(1.25rem)}.control-select{width:100%;padding:var(--space-3);background:var(--dark-surface-2);border:.0625rem solid var(--dark-border);border-radius:var(--radius-lg);color:var(--white);font-size:var(--text-sm);cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.control-select:hover,.control-select:focus{border-color:var(--primary)}.control-select option{background:var(--dark-surface);color:var(--white)}.data-display{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.data-item{padding:var(--space-3);background:var(--dark-surface-2);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-1)}.data-label{font-size:var(--text-xs);color:var(--dark-text-muted)}.data-value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--white);font-family:var(--font-mono, monospace)}.data-unit{font-size:var(--text-sm);color:var(--dark-text-muted);margin-left:var(--space-1)}.tip-box{display:flex;gap:var(--space-3);padding:var(--space-4);background:#2e7d991a;border:.0625rem solid rgba(46,125,153,.2);border-radius:var(--radius-lg)}.tip-box svg{flex-shrink:0;color:var(--primary-light)}.tip-box p{font-size:var(--text-sm);color:var(--dark-text-muted);line-height:1.5;margin:0}@media(max-width:768px){.data-display{grid-template-columns:repeat(4,1fr)}}:root{--el-bg: #040814;--el-panel-bg: rgba(11, 19, 43, .85);--el-card-bg: rgba(18, 30, 60, .65);--el-border: rgba(56, 189, 248, .2);--el-border-hover: rgba(56, 189, 248, .45);--el-cyan: #38bdf8;--el-blue: #0284c7;--el-amber: #f59e0b;--el-red: #ef4444;--el-emerald: #10b981;--el-text-main: #f8fafc;--el-text-muted: #94a3b8;--el-glow-cyan: 0 0 20px rgba(56, 189, 248, .25)}.electrostatics-root{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 20%,#0d1a36,#040814);color:var(--el-text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.electro-header{position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;background:#080e1ee0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--el-border);box-shadow:0 4px 20px #00000080}.electro-header-left{display:flex;align-items:center;gap:.85rem}.electro-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#1e293b99;border:1px solid var(--el-border);color:#cbd5e1;cursor:pointer;transition:all .2s ease}.electro-icon-btn:hover{background:#38bdf833;color:#fff;border-color:var(--el-cyan);box-shadow:0 0 10px #38bdf84d}.electro-icon-btn.home-btn{background:#e11d48;border-color:#f43f5e;color:#fff}.electro-icon-btn.home-btn:hover{background:#be123c}.electro-title-group{display:flex;flex-direction:column}.electro-title-row{display:flex;align-items:center;gap:.5rem}.electro-badge-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#f59e0b;color:#0f172a}.electro-title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:#fff}.electro-subtitle{margin:0;font-size:.72rem;color:var(--el-text-muted)}.electro-nav-tabs{display:flex;align-items:center;gap:.4rem;background:#0f172acc;padding:.25rem .35rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1)}.electro-tab-btn{display:flex;align-items:center;gap:.4rem;padding:.35rem .95rem;border-radius:9999px;border:none;background:transparent;color:#94a3b8;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.electro-tab-btn:hover{color:#f8fafc}.electro-tab-btn.active{background:#0284c7;color:#fff;box-shadow:0 0 14px #0284c799}.electro-header-actions{display:flex;align-items:center;gap:.5rem}.electro-action-pill{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:#1e293b99;border:1px solid var(--el-border);border-radius:8px;color:#e2e8f0;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.electro-action-pill:hover{background:#38bdf826;border-color:var(--el-cyan)}.electro-workspace{position:relative;flex:1;display:flex;overflow:hidden}.electro-panel{position:relative;z-index:30;width:295px;height:100%;background:var(--el-panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:var(--el-border);transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.electro-left-panel{border-right:1px solid var(--el-border)}.electro-right-panel{border-left:1px solid var(--el-border)}.electro-panel.collapsed{width:0!important;overflow:visible;border:none}.electro-collapse-trigger{position:absolute;top:50%;transform:translateY(-50%);z-index:50;width:20px;height:48px;background:#0f172ae6;border:1px solid var(--el-border);color:var(--el-cyan);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.electro-collapse-trigger.left{right:-20px;border-radius:0 8px 8px 0;border-left:none}.electro-collapse-trigger.right{left:-20px;border-radius:8px 0 0 8px;border-right:none}.electro-collapse-trigger:hover{background:#0284c7;color:#fff;width:24px}.electro-panel-scroll{flex:1;overflow-y:auto;padding:.85rem;display:flex;flex-direction:column;gap:.85rem}.electro-panel-scroll::-webkit-scrollbar{width:5px}.electro-panel-scroll::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:9999px}.electro-card-section{background:var(--el-card-bg);border:1px solid var(--el-border);border-radius:12px;padding:.85rem;display:flex;flex-direction:column;gap:.65rem;box-shadow:0 4px 16px #0000004d}.electro-section-title{display:flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#e2e8f0}.electro-section-title .dot{width:6px;height:6px;border-radius:9999px;background:var(--el-cyan)}.electro-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.electro-choice-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem;border-radius:8px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);color:#cbd5e1;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.electro-choice-btn:hover{background:#38bdf81a;border-color:#38bdf84d;color:#fff}.electro-choice-btn.active{background:#0284c74d;border-color:var(--el-cyan);color:#fff;box-shadow:0 0 12px #38bdf840}.electro-choice-btn .icon{font-size:1.1rem}.electro-choice-btn .name{line-height:1.2}.electro-slider-row{display:flex;flex-direction:column;gap:.35rem}.electro-slider-label{display:flex;justify-content:space-between;font-size:.73rem;color:var(--el-text-muted)}.electro-slider-val{font-weight:700;color:var(--el-cyan)}.electro-range-input{-webkit-appearance:none;width:100%;height:5px;border-radius:9999px;background:#1e293b;outline:none}.electro-range-input::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#38bdf8;cursor:pointer;box-shadow:0 0 8px #38bdf8;border:2px solid #0f172a}.electro-segmented-speed{display:flex;background:#0f172a;padding:2px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.speed-pill{flex:1;padding:.3rem 0;border:none;background:transparent;color:#94a3b8;font-size:.7rem;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s}.speed-pill.active{background:#0284c7;color:#fff}.electro-rub-action-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem;border-radius:8px;background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid var(--el-cyan);color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 0 14px #0284c766}.electro-rub-action-btn:hover{background:linear-gradient(135deg,#38bdf8,#0284c7);box-shadow:0 0 20px #38bdf899}.electro-rub-action-btn.rubbing{animation:pulse-border .6s infinite alternate}@keyframes pulse-border{0%{border-color:#38bdf8}to{border-color:#f59e0b}}.electro-status-header{display:flex;align-items:center;gap:.6rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.electro-status-header .obj-icon{font-size:1.5rem}.electro-status-header .obj-title{font-size:.85rem;font-weight:700;color:#fff}.electro-status-header .obj-category{font-size:.7rem;color:var(--el-text-muted)}.electro-data-list{display:flex;flex-direction:column;gap:.45rem}.electro-data-row{display:flex;justify-content:space-between;align-items:center;font-size:.74rem}.electro-data-row .label{color:var(--el-text-muted)}.electro-data-row .value{font-weight:600;color:#f1f5f9}.electro-data-row .value.negative{color:#38bdf8}.electro-data-row .value.positive{color:#ef4444}.electro-data-row.highlight{padding-top:.4rem;border-top:1px dashed rgba(255,255,255,.1)}.text-cyan{color:var(--el-cyan)!important}.electro-status-badge{padding:.2rem .55rem;border-radius:9999px;font-size:.68rem;font-weight:700;text-transform:uppercase}.electro-status-badge.neg{background:#0284c74d;color:#38bdf8;border:1px solid var(--el-cyan)}.electro-status-badge.pos{background:#ef44444d;color:#f87171;border:1px solid #ef4444}.electro-status-badge.neu{background:#94a3b833;color:#94a3b8;border:1px solid #64748b}.electro-status-callout{display:flex;gap:.6rem;background:#0f172ab3;padding:.65rem;border-radius:8px;border:1px solid rgba(56,189,248,.2)}.callout-icon{color:var(--el-cyan)}.callout-title{font-size:.78rem;font-weight:700;color:#38bdf8;margin-bottom:.15rem}.callout-desc{font-size:.7rem;color:#cbd5e1;line-height:1.3}.electro-graph-container{display:flex;flex-direction:column;background:#090f1e;padding:.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.graph-y-label,.graph-x-label{font-size:.65rem;color:#64748b;text-align:right}.graph-legend{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.68rem;margin-top:.25rem;color:#cbd5e1}.graph-legend .dot{width:6px;height:6px;border-radius:50%}.graph-legend .dot.blue{background:#38bdf8}.graph-legend .dot.red{background:#ef4444}.electro-header-with-toggle{display:flex;justify-content:space-between;align-items:center}.electro-checkbox-label{display:flex;align-items:center;gap:.35rem;font-size:.68rem;color:#94a3b8;cursor:pointer}.electro-field-preview{background:#090f1e;border-radius:8px;border:1px solid rgba(255,255,255,.08);padding:.25rem}.electro-scene-wrapper{position:relative;flex:1;height:100%;isolation:isolate;z-index:10}.electro-canvas-container{width:100%;height:100%}.electro-3d-floating-label{background:#090e1ce0;border:1px solid rgba(56,189,248,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.4rem .8rem;border-radius:10px;box-shadow:0 4px 18px #0009;text-align:center;white-space:nowrap;pointer-events:none}.electro-3d-floating-label .title{font-size:.76rem;font-weight:700;color:#fff}.electro-3d-floating-label .charge{font-size:1.05rem;font-weight:800;margin:.1rem 0}.electro-3d-floating-label .charge.neg{color:#38bdf8;text-shadow:0 0 10px rgba(56,189,248,.6)}.electro-3d-floating-label .charge.pos{color:#f87171;text-shadow:0 0 10px rgba(239,68,68,.6)}.electro-3d-floating-label .charge.highlight{color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.6)}.electro-3d-floating-label .sub{font-size:.66rem;color:#94a3b8}.surface-electron-tag{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#0284c7;color:#fff;font-size:11px;font-weight:700;box-shadow:0 0 8px #38bdf8;pointer-events:none}.surface-proton-tag{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#dc2626;color:#fff;font-size:11px;font-weight:700;box-shadow:0 0 8px #f87171;pointer-events:none}.transfer-stream-badge{background:#0284c7d9;border:1px solid #38bdf8;color:#fff;font-size:.72rem;font-weight:700;padding:.25rem .6rem;border-radius:9999px;box-shadow:0 0 12px #38bdf899;white-space:nowrap;animation:pulse-stream 1s infinite alternate}@keyframes pulse-stream{0%{transform:scale(.96)}to{transform:scale(1.04)}}.coulomb-force-banner{background:#090e1ce6;border:1px solid rgba(245,158,11,.5);border-radius:12px;padding:.5rem 1rem;text-align:center;box-shadow:0 4px 20px #000000b3;white-space:nowrap}.coulomb-force-banner .force-val{font-size:1.25rem;font-weight:800;color:#f59e0b}.coulomb-force-banner .force-status{font-size:.75rem;font-weight:700;margin:.15rem 0}.coulomb-force-banner .force-status.attract{color:#38bdf8}.coulomb-force-banner .force-status.repel{color:#f87171}.coulomb-force-banner .distance-readout{font-size:.68rem;color:#94a3b8}.coulomb-scene-sliders{display:flex;gap:.85rem;background:#0f172ae0;padding:.5rem .85rem;border-radius:10px;border:1px solid var(--el-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.coulomb-scene-sliders .slider-box{display:flex;flex-direction:column;gap:.25rem;font-size:.7rem;color:#cbd5e1}.induction-scene-controls{background:#0f172ad9;padding:.4rem .8rem;border-radius:8px;border:1px solid var(--el-border);display:flex;flex-direction:column;gap:.3rem;font-size:.72rem;color:#cbd5e1}.grounding-control-widget{display:flex;flex-direction:column;align-items:center;gap:.3rem}.ground-btn{padding:.35rem .7rem;border-radius:6px;background:#1e293b;border:1px solid #4ade80;color:#4ade80;font-size:.7rem;font-weight:700;cursor:pointer}.ground-btn.grounded{background:#166534;color:#fff}.ground-flow-label{font-size:.65rem;color:#4ade80;white-space:nowrap}.electroscope-widget-controls{display:flex;gap:.4rem;background:#0f172ad9;padding:.35rem .6rem;border-radius:8px;border:1px solid var(--el-border)}.electro-ctrl-pill{padding:.3rem .6rem;border-radius:6px;background:#1e293b;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:.68rem;cursor:pointer}.electro-ctrl-pill.active{background:#0284c7;color:#fff}.conductor-insulator-banner{background:#090e1ceb;border:1px solid var(--el-border);border-radius:10px;padding:.6rem .95rem;width:380px;max-width:90vw;font-size:.72rem;line-height:1.45;color:#cbd5e1;text-align:center;box-shadow:0 4px 18px #0009}.electro-bottom-dock{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:calc(100% - 620px);min-width:580px;max-width:860px;z-index:35;background:#080e1eeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--el-border);border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #000000a6;overflow:hidden}.electro-bottom-dock.collapsed{bottom:8px;width:auto;min-width:240px;max-width:280px;border-radius:9999px}.electro-bottom-dock.collapsed .electro-dock-content{display:none}.electro-dock-handle{display:flex;flex-direction:column;align-items:center;padding:.35rem;cursor:pointer;background:#0f172a99;border-bottom:1px solid rgba(255,255,255,.05)}.electro-dock-handle:hover{background:#38bdf81a}.handle-bar{width:42px;height:4px;border-radius:9999px;background:#fff3;margin-bottom:.2rem}.handle-text{display:flex;align-items:center;gap:.3rem;font-size:.68rem;color:var(--el-text-muted)}.electro-dock-content{padding:.75rem 1.25rem .95rem;display:flex;flex-direction:column;gap:.75rem}.electro-atomic-comparison{display:flex;align-items:center;justify-content:center;gap:1.5rem}.atomic-stage-card{background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.5rem .9rem;display:flex;flex-direction:column;align-items:center;gap:.4rem}.atomic-stage-card.after{border-color:#38bdf859;background:#0284c714}.stage-title{font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase}.stage-items{display:flex;gap:1.25rem}.atom-preview{display:flex;flex-direction:column;align-items:center;gap:.25rem}.atom-orb{position:relative;width:52px;height:52px;border-radius:50%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:4px;background:radial-gradient(circle at 35% 35%,#334155,#090d16);border:1.5px solid rgba(255,255,255,.15);box-shadow:inset 0 2px 6px #ffffff26,0 4px 12px #00000080;overflow:hidden}.atom-orb.neutral{border-color:#64748b;background:radial-gradient(circle at 35% 35%,#475569,#0f172a)}.atom-orb.negative{border-color:#38bdf8;background:radial-gradient(circle at 35% 35%,#0284c7,#082f49);box-shadow:0 0 16px #38bdf873,inset 0 2px 8px #38bdf84d}.atom-orb.positive{border-color:#ef4444;background:radial-gradient(circle at 35% 35%,#dc2626,#450a0a);box-shadow:0 0 16px #ef444473,inset 0 2px 8px #ef44444d}.atom-orb .particle{font-size:11px;font-weight:800;line-height:1;text-shadow:0 0 4px rgba(0,0,0,.8)}.atom-orb .particle.blue{color:#fff;background:#0284c7;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;margin:1px;box-shadow:0 0 6px #38bdf8}.atom-orb .particle.red{color:#fff;background:#dc2626;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;margin:1px;box-shadow:0 0 6px #f87171}.atom-label{font-size:.7rem;font-weight:600;color:#cbd5e1}.atom-state{font-size:.65rem;color:#64748b}.atom-state.highlight{color:var(--el-cyan);font-weight:700}.comparison-arrow{color:var(--el-cyan)}.arrow-pulse{animation:pulse-stream 1s infinite alternate}.electro-mode-dock{display:flex;flex-direction:column;gap:.4rem}.mode-dock-title{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;text-transform:uppercase;color:#94a3b8}.mode-card-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem}.mode-card-btn{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.65rem .5rem;border-radius:10px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .2s ease}.mode-card-btn:hover{background:#38bdf81f;border-color:#38bdf84d;transform:translateY(-2px)}.mode-card-btn.active{background:#0284c740;border-color:var(--el-cyan);box-shadow:0 0 16px #38bdf840}.mode-card-icon{font-size:1.4rem;margin-bottom:.2rem}.mode-card-title{font-size:.76rem;font-weight:700;color:#fff}.mode-card-sub{font-size:.62rem;color:#94a3b8;margin-top:.1rem}.electro-modal-backdrop{position:fixed;inset:0;z-index:9999;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.electro-modal-container{width:100%;max-width:600px;background:#0b1329;border:1px solid var(--el-border);border-radius:16px;box-shadow:0 20px 50px #000c;overflow:hidden;display:flex;flex-direction:column}.electro-modal-container.learn-dialog{max-width:680px}.electro-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.modal-title-row{display:flex;align-items:center;gap:.5rem}.modal-title-row h2{margin:0;font-size:1.1rem;font-weight:700;color:#fff}.electro-challenge-body,.electro-learn-body{padding:1.25rem;overflow-y:auto;max-height:65vh;display:flex;flex-direction:column;gap:1rem}.challenge-tabs-row{display:flex;gap:.5rem;overflow-x:auto}.challenge-tab-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .8rem;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap}.challenge-tab-btn.active{background:#0284c7;color:#fff;border-color:#38bdf8}.challenge-active-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.6rem}.badge-target{align-self:flex-start;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;background:#38bdf826;color:#38bdf8}.challenge-title{margin:0;font-size:1rem;font-weight:700;color:#fff}.challenge-desc{margin:0;font-size:.8rem;color:#cbd5e1;line-height:1.4}.challenge-condition-box{display:flex;align-items:center;gap:.5rem;background:#090f1e;padding:.5rem .75rem;border-radius:8px;font-size:.75rem}.challenge-condition-box .label{color:#94a3b8}.challenge-condition-box .cond{color:#f59e0b;font-weight:700}.challenge-status-banner{display:flex;align-items:center;gap:.6rem;padding:.75rem;border-radius:8px;font-size:.8rem;font-weight:600}.challenge-status-banner.success{background:#10b98133;border:1px solid #10b981;color:#34d399}.challenge-status-banner.pending{background:#0284c733;border:1px solid #0284c7;color:#38bdf8}.electro-hint-toggle{display:flex;align-items:center;gap:.35rem;background:transparent;border:none;color:var(--el-cyan);font-size:.75rem;font-weight:600;cursor:pointer;padding:0}.hint-content-box{margin-top:.4rem;background:#0f172acc;border-left:3px solid var(--el-cyan);padding:.5rem .75rem;font-size:.75rem;color:#cbd5e1}.learn-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.85rem}.learn-topic-title{margin:0 0 .3rem;font-size:.92rem;color:var(--el-cyan)}.learn-summary{margin:0 0 .4rem;font-size:.75rem;color:#f59e0b;font-weight:600}.learn-detail-text p{margin:0;font-size:.78rem;color:#cbd5e1;line-height:1.5}.electro-modal-footer{padding:.85rem 1.25rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end}.electro-btn-primary{padding:.5rem 1.25rem;border-radius:8px;background:#0284c7;border:1px solid #38bdf8;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.electro-btn-primary:hover{background:#0369a1}@media(max-width:1200px){.mode-card-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.electro-panel{position:absolute;height:calc(100% - 140px);box-shadow:0 10px 30px #000c}.electro-left-panel{left:0}.electro-right-panel{right:0}}.sound-simulation-root{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.sound-stage-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 30%,#6366f114,#0f172af2);border-radius:var(--sim-radius-lg, 16px);overflow:hidden}.sound-canvas-wrapper{flex:1;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:1rem}.sound-hud-overlay{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}.sound-hud-overlay>*{pointer-events:auto}.sound-badge-glass{background:#0f172abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:.375rem .875rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#e2e8f0;box-shadow:0 4px 16px #0000004d}.sound-telemetry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;width:100%}.sound-telemetry-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:var(--sim-radius-md, 12px);padding:.75rem;display:flex;flex-direction:column;gap:.25rem;transition:all .2s ease}.sound-telemetry-card:hover{border-color:#818cf84d;background:#1e293b99}.sound-telemetry-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:600}.sound-telemetry-value{font-size:1.15rem;font-weight:700;font-family:var(--sim-font-mono, monospace);color:#f8fafc}.sound-telemetry-sub{font-size:.68rem;color:#64748b}.sound-speaker-housing{filter:drop-shadow(0 0 16px rgba(99,102,241,.3))}.sound-wave-svg{width:100%;height:100%;max-height:480px}.medium-chip-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .875rem;border-radius:var(--sim-radius-md, 12px);font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.08);background:#0f172a80;color:#94a3b8;cursor:pointer;transition:all .2s ease}.medium-chip-btn:hover{color:#f8fafc;background:#1e293bcc;border-color:#fff3}.medium-chip-btn.active{background:linear-gradient(135deg,#6366f140,#a855f740);border-color:#818cf899;color:#f8fafc;box-shadow:0 0 16px #6366f140}.circuit-simulation-root{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.circuit-stage-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 30%,#f9731614,#0f172af2);border-radius:var(--sim-radius-lg, 16px);overflow:hidden}.circuit-canvas-wrapper{flex:1;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:1rem}.circuit-hud-overlay{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}.circuit-hud-overlay>*{pointer-events:auto}.circuit-badge-glass{background:#0f172abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:.375rem .875rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#e2e8f0;box-shadow:0 4px 16px #0000004d}.circuit-telemetry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;width:100%}.circuit-telemetry-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:var(--sim-radius-md, 12px);padding:.75rem;display:flex;flex-direction:column;gap:.25rem;transition:all .2s ease}.circuit-telemetry-card:hover{border-color:#f973164d;background:#1e293b99}.circuit-telemetry-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:600}.circuit-telemetry-value{font-size:1.15rem;font-weight:700;font-family:var(--sim-font-mono, monospace);color:#f8fafc}.circuit-telemetry-sub{font-size:.68rem;color:#64748b}.circuit-svg{width:100%;height:100%;max-height:480px}.topology-chip-btn{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;border-radius:var(--sim-radius-md, 12px);font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.08);background:#0f172a80;color:#94a3b8;cursor:pointer;transition:all .2s ease}.topology-chip-btn:hover{color:#f8fafc;background:#1e293bcc;border-color:#fff3}.topology-chip-btn.active{background:linear-gradient(135deg,#f9731640,#ea580c40);border-color:#fb923c99;color:#f8fafc;box-shadow:0 0 16px #f9731640}:root{--lq-bg-base: #030714;--lq-bg-surface: rgba(11, 19, 43, .78);--lq-bg-surface-elevated: rgba(15, 23, 42, .92);--lq-border: rgba(56, 189, 248, .18);--lq-border-subtle: rgba(255, 255, 255, .08);--lq-border-focus: #38bdf8;--lq-cyan: #38bdf8;--lq-blue: #2563eb;--lq-indigo: #6366f1;--lq-pink: #ec4899;--lq-amber: #f59e0b;--lq-green: #10b981;--lq-red: #f43f5e;--lq-text-main: #f8fafc;--lq-text-muted: #94a3b8;--lq-text-dim: #64748b;--lq-radius: 12px;--lq-radius-sm: 8px;--lq-shadow: 0 8px 32px rgba(0, 0, 0, .45);--lq-glow: 0 0 20px rgba(56, 189, 248, .22)}.lineq-simulation-container{display:flex;flex-direction:column;width:100vw;height:100vh;background-color:var(--lq-bg-base);background-image:radial-gradient(ellipse at 50% 0%,rgba(30,58,138,.18) 0%,transparent 60%),radial-gradient(circle at 100% 100%,rgba(15,23,42,.8) 0%,transparent 40%);color:var(--lq-text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.lineq-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.25rem;height:58px;background:#030714d9;border-bottom:1px solid var(--lq-border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;gap:1rem}.lineq-header-left{display:flex;align-items:center;gap:.85rem;min-width:280px}.lineq-back-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--lq-radius-sm);background:#ffffff0d;border:1px solid var(--lq-border-subtle);color:var(--lq-text-muted);cursor:pointer;transition:all .2s ease}.lineq-back-btn:hover{background:#ffffff1f;color:#fff;border-color:var(--lq-border)}.lineq-identity{display:flex;align-items:center;gap:.75rem}.lineq-icon-frame{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--lq-radius-sm);background:linear-gradient(135deg,#0284c740,#6366f140);border:1px solid rgba(56,189,248,.4);box-shadow:0 0 12px #38bdf833}.lineq-header-icon{color:var(--lq-cyan)}.lineq-title-group{display:flex;flex-direction:column}.lineq-title{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin:0;color:#fff;line-height:1.2}.lineq-subtitle{font-size:.68rem;color:var(--lq-text-muted);margin:0;line-height:1.2}.lineq-header-center{display:flex;align-items:center;justify-content:center}.lineq-mode-tabs{display:flex;align-items:center;background:#0f172acc;border:1px solid var(--lq-border);border-radius:9999px;padding:3px;gap:2px;box-shadow:0 4px 16px #00000059}.lineq-tab-btn{display:flex;align-items:center;gap:.45rem;padding:.38rem .95rem;border-radius:9999px;border:none;background:transparent;color:var(--lq-text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.lineq-tab-btn:hover{color:#fff}.lineq-tab-btn.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 0 14px #38bdf873}.lineq-header-right{display:flex;align-items:center;gap:.5rem}.lineq-action-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:var(--lq-radius-sm);background:#ffffff0d;border:1px solid var(--lq-border-subtle);color:var(--lq-text-muted);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.lineq-action-btn:hover,.lineq-action-btn.active{background:#38bdf81f;border-color:var(--lq-border);color:#fff}.lineq-home-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--lq-radius-sm);background:#e11d48;border:none;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 0 12px #e11d4866}.lineq-home-btn:hover{background:#f43f5e;transform:scale(1.04)}.lineq-workspace{display:flex;flex:1;min-height:0;position:relative;overflow:hidden}.lineq-card{background:var(--lq-bg-surface);border:1px solid var(--lq-border);border-radius:var(--lq-radius);padding:.65rem .85rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--lq-shadow);display:flex;flex-direction:column;gap:.45rem;transition:border-color .2s ease}.lineq-card:hover{border-color:#38bdf859}.lineq-card-header{display:flex;align-items:center;gap:.45rem}.lineq-card-icon{color:var(--lq-cyan)}.lineq-card-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#e2e8f0;margin:0}.lineq-left-panel{width:290px;min-width:290px;height:100%;padding:.6rem .5rem .6rem .85rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;z-index:20}.lineq-left-panel::-webkit-scrollbar{width:4px}.lineq-left-panel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.lineq-form-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.lineq-form-btn{padding:.45rem .5rem;border-radius:var(--lq-radius-sm);background:#0f172a99;border:1px solid var(--lq-border-subtle);color:var(--lq-text-muted);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.lineq-form-btn:hover{background:#38bdf81a;color:#fff;border-color:#38bdf84d}.lineq-form-btn.active{background:#0284c738;border-color:var(--lq-cyan);color:#fff;box-shadow:0 0 10px #38bdf833}.lineq-slider-row{display:flex;align-items:center;gap:.75rem}.lineq-slider{flex:1;appearance:none;height:6px;background:#ffffff1f;border-radius:9999px;outline:none;cursor:pointer}.lineq-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--lq-cyan);box-shadow:0 0 10px #38bdf8cc;cursor:pointer;transition:transform .15s ease}.lineq-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.lineq-val-box{width:52px;height:32px;border-radius:var(--lq-radius-sm);background:#0f172acc;border:1px solid var(--lq-border);display:flex;align-items:center;justify-content:center}.lineq-num-input{width:100%;background:transparent;border:none;outline:none;color:#fff;font-size:.85rem;font-weight:700;text-align:center}.lineq-direction-badge{display:flex;align-items:center;gap:.65rem;padding:.5rem .65rem;border-radius:var(--lq-radius-sm);background:#0f172a99;border:1px solid var(--lq-border-subtle);transition:all .2s ease}.lineq-direction-badge.positive{border-color:#10b98166;background:#10b98114}.lineq-direction-badge.positive .badge-icon-wrap{color:#34d399}.lineq-direction-badge.negative{border-color:#f43f5e66;background:#f43f5e14}.lineq-direction-badge.negative .badge-icon-wrap{color:#fb7185}.lineq-direction-badge.zero{border-color:#38bdf866;background:#38bdf814}.lineq-direction-badge.zero .badge-icon-wrap{color:#38bdf8}.badge-text-wrap{display:flex;flex-direction:column}.badge-title{font-size:.78rem;font-weight:700;color:#fff}.badge-sub{font-size:.65rem;color:var(--lq-text-muted)}.lineq-explanation-note{font-size:.72rem;color:var(--lq-text-muted)}.lineq-point-inputs-group{display:flex;flex-direction:column;gap:.4rem}.point-input-box{display:flex;align-items:center;justify-content:space-between;padding:.4rem .5rem;background:#0f172a80;border-radius:var(--lq-radius-sm);border:1px solid var(--lq-border-subtle)}.point-tag{font-size:.72rem;font-weight:700}.point-tag.p1{color:#38bdf8}.point-tag.p2{color:#ec4899}.coord-inputs{display:flex;gap:.4rem}.coord-inputs label,.standard-inputs-row label{font-size:.72rem;color:var(--lq-text-muted);display:flex;align-items:center;gap:.2rem}.coord-inputs input,.standard-inputs-row input{width:44px;background:#0006;border:1px solid var(--lq-border-subtle);border-radius:4px;color:#fff;font-size:.75rem;text-align:center;padding:2px}.standard-inputs-row{display:flex;justify-content:space-between}.lineq-calc-steps{background:#00000059;border-radius:var(--lq-radius-sm);padding:.45rem .6rem;font-size:.7rem}.step-title{color:#94a3b8;font-weight:600;margin-bottom:.2rem}.step-math{color:#e2e8f0}.lineq-card-formula{background:linear-gradient(135deg,#0f172ae6,#0b132bf2);border-color:#38bdf84d;text-align:center;align-items:center}.lineq-formula-huge{font-family:"Cambria Math",Times New Roman,serif;font-size:1.85rem;font-weight:700;letter-spacing:.02em;color:#fff;padding:.4rem 0;text-shadow:0 0 16px rgba(56,189,248,.35)}.lineq-formula-huge .var-y,.lineq-formula-huge .var-x{font-style:italic}.lineq-formula-huge .term-c.highlight{color:var(--lq-cyan);text-shadow:0 0 14px rgba(56,189,248,.6)}.lineq-card-actions{display:flex;gap:.4rem;width:100%}.lineq-action-pill{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .5rem;border-radius:var(--lq-radius-sm);background:#ffffff0d;border:1px solid var(--lq-border-subtle);color:var(--lq-text-muted);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s ease}.lineq-action-pill:hover{background:#38bdf81f;border-color:var(--lq-border);color:#fff}.lineq-action-pill .copied{color:#34d399}.lineq-scene-wrapper{position:relative;flex:1;height:100%;isolation:isolate;z-index:10;display:flex;overflow:hidden}.lineq-graph-container{width:100%;height:100%;position:relative;cursor:crosshair;background:#020617;overflow:hidden}.lineq-graph-container.panning{cursor:grab}.lineq-svg-canvas{width:100%;height:100%;display:block}.lineq-interaction-hud{position:absolute;top:14px;left:16px;background:#090e1ce0;border:1px solid var(--lq-border);border-radius:var(--lq-radius);padding:.45rem .6rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--lq-shadow);display:flex;flex-direction:column;gap:.35rem;z-index:25}.hud-title{font-size:.68rem;font-weight:700;color:#94a3b8;letter-spacing:.03em}.hud-btn-group{display:flex;gap:.35rem}.hud-mode-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.4rem .55rem;border-radius:var(--lq-radius-sm);background:#0f172a99;border:1px solid var(--lq-border-subtle);color:var(--lq-text-muted);font-size:.65rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:44px}.hud-mode-btn:hover{background:#38bdf81a;color:#fff;border-color:#38bdf84d}.hud-mode-btn.active{background:#0284c74d;border-color:var(--lq-cyan);color:#fff;box-shadow:0 0 10px #38bdf84d}.lineq-floating-equation-badge{position:absolute;top:18px;right:24px;background:#090e1ce0;border:1px solid rgba(99,102,241,.5);border-radius:var(--lq-radius-sm);padding:.45rem 1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-family:"Cambria Math",Times New Roman,serif;font-size:1.15rem;font-weight:700;box-shadow:0 4px 20px #00000080;pointer-events:none}.lineq-hover-coord-pill{position:absolute;bottom:18px;right:140px;background:#0f172ad9;border:1px solid var(--lq-border-subtle);border-radius:9999px;padding:.25rem .75rem;font-size:.72rem;color:#cbd5e1;font-family:monospace;pointer-events:none}.lineq-viewport-controls{position:absolute;bottom:14px;right:16px;display:flex;align-items:center;gap:.35rem;background:#090e1cd9;border:1px solid var(--lq-border);border-radius:9999px;padding:.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:25}.viewport-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:var(--lq-text-muted);cursor:pointer;transition:all .2s ease}.viewport-btn:hover{background:#38bdf826;color:#fff}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.4);opacity:.3}to{transform:scale(.9);opacity:.8}}.pulse-circle{animation:pulse-ring 2s infinite ease-in-out;transform-origin:center}.lineq-right-panel{width:295px;min-width:295px;height:100%;padding:.6rem .85rem .6rem .5rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;z-index:20}.lineq-right-panel::-webkit-scrollbar{width:4px}.lineq-right-panel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.lineq-metrics-list{display:flex;flex-direction:column;gap:.38rem}.metric-row{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.metric-key{font-size:.75rem;color:var(--lq-text-muted)}.metric-val{font-size:.78rem;font-weight:700;color:#fff}.metric-val.highlight{color:var(--lq-cyan)}.metric-val.equation{font-family:"Cambria Math",Times New Roman,serif;font-size:.85rem;color:#38bdf8}.lineq-card-characteristic{display:flex;flex-direction:row;align-items:center;gap:.85rem}.char-circle-badge{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;flex-shrink:0}.char-circle-badge.positive{background:#10b98133;border:1px solid rgba(16,185,129,.5);color:#34d399}.char-circle-badge.negative{background:#f43f5e33;border:1px solid rgba(244,63,94,.5);color:#fb7185}.char-circle-badge.zero{background:#38bdf833;border:1px solid rgba(56,189,248,.5);color:#38bdf8}.char-circle-badge.undefined{background:#94a3b833;border:1px solid rgba(148,163,184,.5);color:#cbd5e1}.char-content{display:flex;flex-direction:column}.char-subhead{font-size:.65rem;color:var(--lq-text-dim);text-transform:uppercase;font-weight:700}.char-title{font-size:.85rem;font-weight:700;color:#fff;margin:.1rem 0}.char-desc{font-size:.68rem;color:var(--lq-text-muted);line-height:1.35;margin:0}.lineq-card-slope-diagram{padding:.75rem}.slope-diagram-wrapper{display:flex;align-items:center;gap:.5rem}.slope-svg-box{flex-shrink:0}.slope-formula-box{display:flex;flex-direction:column;justify-content:center}.formula-math{display:flex;align-items:center;gap:.3rem;font-family:"Cambria Math",Times New Roman,serif;font-size:.95rem;color:#fff}.formula-math .frac{display:inline-flex;flex-direction:column;align-items:center;font-size:.78rem}.formula-math .num{border-bottom:1px solid rgba(255,255,255,.4);padding:0 2px}.formula-math .res.highlight{font-weight:700;color:var(--lq-cyan)}.twolines-status-box{background:#0f172a99;border-radius:var(--lq-radius-sm);padding:.6rem;display:flex;flex-direction:column;gap:.35rem}.twolines-status-box .status-label{font-size:.85rem;font-weight:700;color:#f43f5e}.twolines-status-box .status-desc{font-size:.72rem;color:#cbd5e1;margin:0;line-height:1.35}.twolines-status-box .intersection-coords{font-size:.75rem;color:#fef08a}.lineq-bottom-dock{height:150px;background:#030714eb;border-top:1px solid var(--lq-border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.6rem 1.25rem;display:grid;grid-template-columns:1fr 340px;gap:1rem;z-index:30}.lineq-dock-modes-card,.lineq-dock-preview-card{background:var(--lq-bg-surface);border:1px solid var(--lq-border);border-radius:var(--lq-radius);padding:.65rem .95rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--lq-shadow)}.dock-card-header{display:flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;text-transform:uppercase;color:#94a3b8}.dock-mode-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;height:100%}.dock-mode-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.5rem .4rem;border-radius:var(--lq-radius-sm);background:#0f172a99;border:1px solid var(--lq-border-subtle);cursor:pointer;transition:all .2s ease}.dock-mode-btn:hover{background:#38bdf81a;border-color:#38bdf84d;transform:translateY(-2px)}.dock-mode-btn.active{background:#0284c738;border-color:var(--lq-cyan);box-shadow:0 0 14px #38bdf840}.mode-btn-icon{margin-bottom:.25rem}.mode-btn-icon.math-badge{font-family:monospace;font-size:.75rem;font-weight:700;color:#cbd5e1;background:#ffffff14;padding:2px 6px;border-radius:4px}.mode-btn-title{font-size:.75rem;font-weight:700;color:#fff}.mode-btn-sub{font-size:.62rem;color:var(--lq-text-muted);margin-top:.1rem}.dock-preview-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:100%}.preview-checkboxes{display:flex;flex-direction:column;gap:.4rem}.dock-checkbox-label{display:flex;align-items:center;gap:.45rem;font-size:.75rem;color:#e2e8f0;cursor:pointer}.dock-checkbox-label input{accent-color:var(--lq-cyan);width:14px;height:14px;cursor:pointer}.mini-preview-svg-wrap{background:#0f172acc;border:1px solid var(--lq-border-subtle);border-radius:var(--lq-radius-sm);padding:4px}.mini-preview-svg{display:block}.lineq-modal-backdrop{position:fixed;inset:0;z-index:9999;background:#000000c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.lineq-modal-container{width:100%;max-width:620px;background:#0b1329;border:1px solid var(--lq-border);border-radius:16px;box-shadow:0 16px 48px #000000b3,0 0 32px #38bdf826;display:flex;flex-direction:column;overflow:hidden;animation:modal-appear .25s ease-out}.lineq-modal-container.learn-modal{max-width:820px;height:540px}@keyframes modal-appear{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.lineq-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--lq-border-subtle);background:#0f172a80}.modal-title-wrap{display:flex;align-items:center;gap:.6rem}.modal-title-icon{color:var(--lq-cyan)}.modal-title{font-size:1.05rem;font-weight:700;color:#fff;margin:0}.modal-close-btn{background:transparent;border:none;color:var(--lq-text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff1a;color:#fff}.lineq-mission-tabs{display:flex;padding:.75rem 1.25rem .25rem;gap:.4rem;overflow-x:auto}.mission-tab-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:8px;background:#0f172a99;border:1px solid var(--lq-border-subtle);color:var(--lq-text-muted);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mission-tab-btn:hover{background:#38bdf81a;color:#fff}.mission-tab-btn.active{background:#0284c740;border-color:var(--lq-cyan);color:#fff}.mission-tab-btn .check-icon{color:#34d399}.lineq-mission-progress{padding:.5rem 1.25rem}.progress-info{display:flex;justify-content:space-between;font-size:.7rem;color:var(--lq-text-muted);margin-bottom:.3rem}.progress-bar-track{height:6px;background:#ffffff14;border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#10b981);border-radius:9999px;transition:width .3s ease}.lineq-mission-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.mission-meta-badge{display:inline-block;align-self:flex-start;padding:2px 8px;border-radius:4px;background:#38bdf826;color:var(--lq-cyan);font-size:.68rem;font-weight:700;text-transform:uppercase}.mission-headline{font-size:1.15rem;font-weight:700;color:#fff;margin:0}.mission-instruction{font-size:.85rem;color:#cbd5e1;margin:0;line-height:1.45}.mission-condition-box{background:#00000059;border-left:3px solid var(--lq-cyan);padding:.5rem .75rem;border-radius:0 8px 8px 0}.cond-title{font-size:.68rem;color:#94a3b8;font-weight:600}.cond-text{font-size:.82rem;color:#facc15;font-weight:700}.mission-live-status{display:flex;align-items:flex-start;gap:.6rem;padding:.65rem .85rem;border-radius:8px}.mission-live-status.running{background:#0284c71f;border:1px solid rgba(56,189,248,.3);color:#38bdf8}.mission-live-status.success{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#34d399}.status-text p{font-size:.75rem;color:#cbd5e1;margin:.15rem 0 0}.mission-hint-toggle .hint-btn{display:flex;align-items:center;gap:.4rem;background:transparent;border:none;color:var(--lq-text-muted);font-size:.75rem;cursor:pointer;padding:0}.mission-hint-toggle .hint-btn:hover{color:#fff}.hint-content-box{margin-top:.45rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:.5rem .75rem;font-size:.75rem;color:#fbbf24}.learn-modal-layout{display:grid;grid-template-columns:240px 1fr;flex:1;overflow:hidden}.learn-topic-sidebar{border-right:1px solid var(--lq-border-subtle);background:#0f172a66;padding:.75rem;display:flex;flex-direction:column;gap:.35rem;overflow-y:auto}.topic-select-btn{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-radius:8px;background:transparent;border:none;color:var(--lq-text-muted);font-size:.78rem;font-weight:600;text-align:left;cursor:pointer;transition:all .2s ease}.topic-select-btn:hover{background:#ffffff0d;color:#fff}.topic-select-btn.active{background:#0284c733;color:var(--lq-cyan);border-left:3px solid var(--lq-cyan)}.learn-topic-content{padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:.85rem}.topic-header-title{font-size:1.15rem;font-weight:700;color:#fff;margin:0}.topic-formula-card{background:#0006;border:1px solid var(--lq-border);border-radius:8px;padding:.6rem .85rem;display:flex;align-items:center;gap:.85rem}.formula-label{font-size:.72rem;color:#94a3b8;font-weight:600}.formula-code code{color:#38bdf8;font-family:monospace;font-size:.95rem;font-weight:700}.topic-section .section-title{font-size:.78rem;font-weight:700;color:#94a3b8;margin:0 0 .35rem;text-transform:uppercase}.topic-section .section-text{font-size:.82rem;color:#cbd5e1;line-height:1.5;margin:0}.keypoint-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.keypoint-item{display:flex;align-items:flex-start;gap:.45rem;font-size:.78rem;color:#e2e8f0}.keypoint-item .point-icon{color:#34d399;flex-shrink:0;margin-top:2px}.example-box{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:8px;padding:.6rem .85rem;font-size:.78rem;color:#c7d2fe}.lineq-modal-footer{padding:.85rem 1.25rem;border-top:1px solid var(--lq-border-subtle);background:#0f172a66;display:flex;justify-content:flex-end}.lineq-btn-primary{padding:.55rem 1.2rem;border-radius:var(--lq-radius-sm);background:linear-gradient(135deg,#0284c7,#0369a1);border:none;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 0 14px #38bdf84d}.lineq-btn-primary:hover{background:linear-gradient(135deg,#38bdf8,#0284c7);transform:translateY(-1px)}@media(max-width:1200px){.lineq-left-panel{width:250px;min-width:250px}.lineq-right-panel{width:260px;min-width:260px}}@media(max-width:992px){.lineq-workspace{flex-direction:column;overflow-y:auto;height:auto}.lineq-left-panel,.lineq-right-panel{width:100%;min-width:100%;height:auto}.lineq-scene-wrapper{height:480px}.lineq-bottom-dock{height:auto;grid-template-columns:1fr}}:root{--sm-bg-base: #020617;--sm-bg-surface: rgba(15, 23, 42, .75);--sm-bg-card: rgba(11, 19, 43, .85);--sm-border: rgba(255, 255, 255, .08);--sm-border-subtle: rgba(255, 255, 255, .04);--sm-cyan: #38bdf8;--sm-amber: #f59e0b;--sm-orange: #ea580c;--sm-emerald: #10b981;--sm-rose: #f43f5e;--sm-text-primary: #f8fafc;--sm-text-muted: #94a3b8;--sm-radius-sm: 8px;--sm-radius: 12px;--sm-radius-lg: 16px;--sm-shadow: 0 8px 32px rgba(0, 0, 0, .45)}.sm-container{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:var(--sm-bg-base);color:var(--sm-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.sm-header{height:60px;min-height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:#030714d9;border-bottom:1px solid var(--sm-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50}.sm-header-left{display:flex;align-items:center;gap:.85rem}.sm-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid var(--sm-border);color:var(--sm-text-muted);cursor:pointer;transition:all .2s ease}.sm-back-btn:hover{background:#ffffff1f;color:#fff;transform:translate(-2px)}.sm-brand-icon-box{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--sm-radius-sm);background:linear-gradient(135deg,#f59e0b40,#ea580c40);border:1px solid rgba(245,158,11,.4);box-shadow:0 0 14px #f59e0b40}.sm-brand-icon{color:var(--sm-amber)}.sm-title-group{display:flex;flex-direction:column}.sm-badge-tag{display:flex;align-items:center;gap:.35rem;font-size:.6rem;font-weight:800;letter-spacing:.12em;color:var(--sm-amber);text-transform:uppercase}.dot-pulse{width:5px;height:5px;border-radius:50%;background:var(--sm-amber);box-shadow:0 0 6px var(--sm-amber);animation:pulse 1.5s infinite}.sm-title{font-size:1.15rem;font-weight:900;font-style:italic;letter-spacing:-.02em;margin:0;line-height:1.1;color:#fff}.sm-title-highlight{background:linear-gradient(to right,#fbbf24,#f59e0b,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sm-subtitle{font-size:.68rem;color:var(--sm-text-muted);margin:0}.sm-nav-pill-group{display:flex;align-items:center;gap:.25rem;background:#0f172acc;border:1px solid var(--sm-border);border-radius:9999px;padding:3px;box-shadow:0 4px 16px #00000059}.sm-nav-pill{display:flex;align-items:center;gap:.45rem;padding:.38rem .95rem;border-radius:9999px;border:none;background:transparent;color:var(--sm-text-muted);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sm-nav-pill:hover{color:#fff}.sm-nav-pill.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 0 14px #38bdf873}.sm-header-right{display:flex;align-items:center;gap:.5rem}.sm-action-btn{display:flex;align-items:center;gap:.35rem;padding:.42rem .85rem;border-radius:var(--sm-radius-sm);background:#ffffff0d;border:1px solid var(--sm-border);color:var(--sm-text-muted);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sm-action-btn:hover{background:#ffffff1f;color:#fff}.sm-icon-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--sm-radius-sm);background:#ffffff0d;border:1px solid var(--sm-border);color:var(--sm-text-muted);cursor:pointer;transition:all .2s ease}.sm-icon-action-btn:hover{background:#ffffff1f;color:#fff}.sm-home-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--sm-radius-sm);background:#e11d48;border:none;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 0 12px #e11d4866}.sm-home-btn:hover{background:#f43f5e;transform:scale(1.05)}.sm-workspace{display:flex;flex:1;min-height:0;position:relative;overflow:hidden}.sm-card{background:var(--sm-bg-surface);border:1px solid var(--sm-border);border-radius:var(--sm-radius);padding:.65rem .85rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--sm-shadow);display:flex;flex-direction:column;gap:.45rem;transition:border-color .2s ease}.sm-card:hover{border-color:#38bdf84d}.sm-card-header{display:flex;align-items:center;gap:.45rem}.sm-card-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#e2e8f0;margin:0}.sm-badge-pill{font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--sm-text-muted);cursor:pointer;transition:all .2s ease}.sm-badge-pill.active{background:#10b98133;border-color:var(--sm-emerald);color:#34d399}.sm-left-panel{width:290px;min-width:290px;height:100%;padding:.6rem .5rem .6rem .85rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;z-index:20}.sm-left-panel::-webkit-scrollbar,.sm-right-panel::-webkit-scrollbar{width:4px}.sm-left-panel::-webkit-scrollbar-thumb,.sm-right-panel::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.sm-instrument-toggle{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}.sm-inst-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.55rem .4rem;border-radius:var(--sm-radius-sm);background:#0f172a99;border:1px solid var(--sm-border-subtle);color:var(--sm-text-muted);cursor:pointer;transition:all .2s ease}.sm-inst-btn .inst-badge{font-size:1.1rem;font-weight:700;margin-bottom:.15rem}.sm-inst-btn .inst-label{font-size:.72rem;font-weight:700}.sm-inst-btn.active-volt{background:linear-gradient(135deg,#d97706,#b45309);border-color:var(--sm-amber);color:#fff;box-shadow:0 0 14px #f59e0b59}.sm-inst-btn.active-amp{background:linear-gradient(135deg,#0284c7,#0369a1);border-color:var(--sm-cyan);color:#fff;box-shadow:0 0 14px #38bdf859}.sm-slider-block{display:flex;flex-direction:column;gap:.25rem}.sm-label{font-size:.72rem;color:#cbd5e1}.sm-val-tag{font-size:.8rem;font-weight:700;font-family:monospace}.sm-slider{appearance:none;height:5px;background:#ffffff1a;border-radius:9999px;outline:none;cursor:pointer}.sm-slider-voltage::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--sm-amber);box-shadow:0 0 10px #f59e0bcc;cursor:pointer;transition:transform .15s ease}.sm-slider-resistor::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--sm-cyan);box-shadow:0 0 10px #38bdf8cc;cursor:pointer;transition:transform .15s ease}.sm-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.sm-slider-labels{display:flex;justify-content:space-between;font-size:.62rem;color:#64748b}.sm-switch-row{display:flex;align-items:center;justify-content:space-between;padding:.4rem .2rem;border-top:1px solid rgba(255,255,255,.05)}.sm-toggle-btn{display:flex;align-items:center;width:68px;height:28px;border-radius:9999px;border:1px solid var(--sm-border);position:relative;cursor:pointer;transition:all .25s ease;padding:2px}.sm-toggle-btn.on{background:#059669;border-color:#10b981;box-shadow:0 0 10px #10b98166}.sm-toggle-btn.off{background:#334155;border-color:#475569}.toggle-label-off,.toggle-label-on{font-size:.62rem;font-weight:800;position:absolute;color:#fff}.toggle-label-off{right:8px}.toggle-label-on{left:8px}.toggle-thumb{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0000004d;transition:transform .25s ease}.sm-toggle-btn.on .toggle-thumb{transform:translate(40px)}.sm-toggle-btn.off .toggle-thumb{transform:translate(0)}.sm-formula-tabs{display:flex;background:#0f172a99;border-radius:var(--sm-radius-sm);padding:2px;gap:2px}.sm-formula-tab{flex:1;padding:.35rem 0;border-radius:6px;border:none;background:transparent;color:var(--sm-text-muted);font-size:.68rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.sm-formula-tab.active{background:#38bdf833;color:#fff}.sm-formula-box{background:linear-gradient(135deg,#0f172ae6,#0b132bf2);border:1px solid rgba(56,189,248,.25);border-radius:var(--sm-radius-sm);padding:.55rem;text-align:center}.formula-text{font-family:"Cambria Math",Times New Roman,serif;font-size:1.45rem;font-weight:700;font-style:italic;color:#fff;text-shadow:0 0 12px rgba(56,189,248,.4)}.var-v{color:var(--sm-amber)}.var-i{color:var(--sm-emerald)}.var-r{color:var(--sm-cyan)}.var-p{color:#f43f5e}.sm-params-list{display:flex;flex-direction:column;gap:.3rem}.param-item{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:.2rem}.param-name{color:var(--sm-text-muted)}.param-value{font-weight:700;font-family:monospace}.sm-status-card{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .65rem;border-radius:var(--sm-radius-sm);font-size:.7rem}.sm-status-card.status-normal{background:#10b9811f;border:1px solid rgba(16,185,129,.3)}.sm-status-card.status-open{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3)}.status-text-group{display:flex;flex-direction:column}.status-headline{font-weight:700;font-size:.72rem}.status-desc{font-size:.65rem;line-height:1.3}.sm-scene-container{flex:1;height:100%;position:relative;overflow:hidden;background:radial-gradient(circle at 45% 40%,#0a1128,#030712);display:flex;align-items:center;justify-content:center}.sm-workbench-canvas{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.ambient-lamp-glow{position:absolute;top:10%;left:28%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#fbbf242e,#fbbf2400 70%);pointer-events:none;z-index:1}.ambient-desk-surface{position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to bottom,#0f172a33,#030712f2);border-top:1px solid rgba(255,255,255,.05);pointer-events:none;z-index:1}.sm-floating-callout{position:absolute;top:16%;left:36%;background:#090e1ce0;border:1px solid var(--sm-cyan);box-shadow:0 0 20px #38bdf859;border-radius:var(--sm-radius);padding:.55rem 1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;pointer-events:none;animation:float-slight 3s infinite ease-in-out}@keyframes float-slight{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.callout-header{font-size:.72rem;font-weight:700;color:var(--sm-cyan)}.callout-sub{font-size:.65rem;color:var(--sm-text-muted)}.callout-value{font-size:1.45rem;font-weight:900;color:#fff;letter-spacing:-.01em;font-family:monospace}.sm-circuit-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.electron-particle{animation:pulse-glow 1s infinite alternate}@keyframes pulse-glow{0%{opacity:.4;r:2.5}to{opacity:1;r:4}}.bench-device{position:absolute;z-index:15}.device-battery{bottom:38%;left:17%}.battery-body{width:120px;height:85px;background:linear-gradient(145deg,#1e293b,#0f172a);border:2px solid #334155;border-radius:8px;box-shadow:0 14px 28px #000000a6;position:relative;display:flex;align-items:center;justify-content:center}.battery-brand{font-size:.75rem;font-weight:800;color:#f1f5f9;letter-spacing:.05em;background:#0006;padding:2px 6px;border-radius:4px}.battery-terminal{position:absolute;top:-10px;display:flex;flex-direction:column;align-items:center}.terminal-pos{right:20px}.terminal-neg{left:20px}.term-sign{font-size:.75rem;font-weight:900}.terminal-pos .term-sign{color:#ef4444}.terminal-neg .term-sign{color:#94a3b8}.term-post{width:14px;height:12px;background:linear-gradient(to right,#e2e8f0,#94a3b8);border-radius:3px;border:1px solid #475569}.battery-indicator{position:absolute;bottom:8px;right:12px;width:7px;height:7px;border-radius:50%;background:#334155}.battery-indicator.active{background:#22c55e;box-shadow:0 0 10px #22c55e}.device-switch{bottom:22%;left:31%;cursor:pointer;transition:transform .15s ease}.device-switch:hover{transform:scale(1.04)}.switch-base{width:80px;height:52px;background:#182030;border:1px solid #334155;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 10px 20px #0009}.switch-rocker{width:32px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.7rem;color:#fff;transition:all .2s ease}.switch-rocker.on{background:#dc2626;box-shadow:0 0 10px #dc262699}.switch-rocker.off{background:#475569}.switch-label{font-size:.58rem;font-weight:800;letter-spacing:.08em;color:#94a3b8}.device-resistor{bottom:35%;left:42%}.resistor-stand{width:140px;height:55px;display:flex;align-items:center;justify-content:center;position:relative}.resistor-base-plate{position:absolute;bottom:0;width:100%;height:18px;background:#0f172a;border:1px solid #334155;border-radius:4px;display:flex;align-items:center;justify-content:center}.resistor-plate-text{font-size:.6rem;font-weight:800;letter-spacing:.1em;color:#cbd5e1}.resistor-terminal{position:absolute;top:10px;width:12px;height:24px;background:linear-gradient(to right,#e2e8f0,#94a3b8);border-radius:2px;z-index:2}.left-term{left:10px}.right-term{right:10px}.post-screw{width:8px;height:8px;background:#475569;border-radius:50%;margin:3px auto}.resistor-ceramic-cylinder{width:88px;height:22px;background:linear-gradient(to bottom,#f8fafc,#e2e8f0,#cbd5e1);border-radius:11px;position:relative;z-index:3;display:flex;align-items:center;justify-content:space-evenly;padding:0 10px;box-shadow:0 4px 8px #0006}.color-band{width:6px;height:100%;border-radius:1px}.tolerance-band{margin-left:12px}.device-multimeter{bottom:12%;right:23%;z-index:20}.dmm-holster{width:220px;background:linear-gradient(145deg,#f59e0b,#d97706);border-radius:24px;padding:8px;box-shadow:0 20px 45px #000000bf,0 0 25px #f59e0b33;border:1px solid rgba(251,191,36,.4)}.dmm-housing{background:#0f172a;border-radius:18px;padding:12px 10px;display:flex;flex-direction:column;gap:8px;border:1px solid #1e293b}.dmm-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.dmm-brand{font-size:.65rem;font-weight:900;font-style:italic;color:#f59e0b}.dmm-model{font-size:.55rem;font-weight:700;color:#94a3b8;letter-spacing:.05em}.dmm-lcd-screen{background:#c5e1cd;border:2px solid #334155;border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;gap:2px;box-shadow:inset 0 2px 6px #00000059}.lcd-mode-tag{display:flex;justify-content:space-between;font-family:monospace;font-size:.65rem;font-weight:900;color:#1e293b}.lcd-hold-badge{background:#1e293b;color:#c5e1cd;padding:0 4px;border-radius:2px;font-size:.55rem}.lcd-readout-row{display:flex;align-items:baseline;justify-content:flex-end;gap:4px}.lcd-digits{font-family:Courier New,Courier,monospace;font-size:2.1rem;font-weight:900;color:#0f172a;letter-spacing:-.04em;line-height:1}.lcd-unit{font-size:1.1rem;font-weight:900;color:#0f172a}.lcd-bar-graph{display:flex;flex-direction:column;gap:2px;margin-top:2px}.lcd-bar-fill{height:4px;background:#0f172a;border-radius:2px;transition:width .2s ease}.lcd-scale-ticks{display:flex;justify-content:space-between;font-size:.5rem;font-weight:700;color:#475569}.dmm-buttons-row{display:flex;gap:4px}.dmm-btn{flex:1;padding:4px 0;background:#1e293b;border:1px solid #334155;border-radius:4px;font-size:.58rem;font-weight:700;color:#cbd5e1;cursor:pointer;transition:all .15s ease}.dmm-btn:hover{background:#334155;color:#fff}.dmm-btn.active{background:#ea580c;color:#fff}.dmm-rotary-dial-area{position:relative;height:95px;display:flex;align-items:center;justify-content:center}.dmm-rotary-knob{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,#334155,#1e293b 80%,#0f172a);border:2px solid #475569;box-shadow:0 6px 12px #0009;position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.knob-pointer-line{position:absolute;top:5px;left:50%;transform:translate(-50%);width:3px;height:18px;background:#fff;border-radius:2px}.dmm-rotary-knob.pos-voltage{transform:rotate(-35deg)}.dmm-rotary-knob.pos-current{transform:rotate(70deg)}.dial-legend span{position:absolute;font-size:.62rem;font-weight:800;color:#64748b}.leg-off{top:40px;left:18px}.leg-vdc{top:12px;left:32px;color:#ef4444!important}.leg-vac{top:8px;right:48px}.leg-ohm{top:28px;right:20px}.leg-adc{bottom:12px;right:26px;color:#f59e0b!important}.dial-legend .highlight{color:#fff!important;text-shadow:0 0 8px currentColor}.dmm-jacks-row{display:flex;justify-content:space-evenly;padding:4px 0;border-top:1px solid rgba(255,255,255,.05)}.jack-box{display:flex;flex-direction:column;align-items:center;gap:2px}.jack-socket{width:14px;height:14px;border-radius:50%;background:#000;border:2px solid #475569}.jack-socket.plugged-red{background:#dc2626;border-color:#ef4444;box-shadow:0 0 8px #dc2626}.jack-socket.plugged-black{background:#18181b;border-color:#71717a;box-shadow:0 0 8px #000}.jack-label{font-size:.55rem;font-weight:800;color:#94a3b8}.dmm-safety-rating{font-size:.52rem;font-weight:700;color:#64748b;text-align:center}.sm-viewport-hud{position:absolute;bottom:16px;display:flex;align-items:center;gap:.5rem;background:#090e1cd9;border:1px solid var(--sm-border);border-radius:9999px;padding:.3rem .6rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:25}.hud-ctrl-btn{display:flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:9999px;border:none;background:transparent;color:var(--sm-text-muted);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s ease}.hud-ctrl-btn:hover{background:#38bdf826;color:#fff}.sm-right-panel{width:295px;min-width:295px;height:100%;padding:.6rem .85rem .6rem .5rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;z-index:20}.sm-metrics-list{display:flex;flex-direction:column;gap:.35rem}.metric-row{display:flex;align-items:center;justify-content:space-between;padding:.22rem 0;border-bottom:1px solid rgba(255,255,255,.04)}.metric-row:last-child{border-bottom:none}.metric-key{font-size:.73rem;color:var(--sm-text-muted)}.metric-val{font-size:.78rem;font-weight:600}.measuring-dot{width:7px;height:7px;border-radius:50%;background:var(--sm-emerald);box-shadow:0 0 8px var(--sm-emerald);animation:pulse 1.5s infinite}.sm-result-banner{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border-radius:var(--sm-radius-sm);margin-top:.3rem}.sm-result-banner.valid{background:#10b9811f;border:1px solid rgba(16,185,129,.3)}.sm-result-banner.warning{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3)}.banner-title{font-size:.75rem;color:#fff}.banner-desc{color:#cbd5e1;margin:0;line-height:1.3}.sm-graph-wrapper{position:relative;background:#090e1cb3;border:1px solid rgba(255,255,255,.05);border-radius:var(--sm-radius-sm);padding:.4rem}.sm-graph-formula-badge{position:absolute;top:8px;right:12px;background:#0f172ad9;border:1px solid var(--sm-cyan);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700;color:var(--sm-cyan)}.sm-vi-chart{width:100%;height:100px;display:block}.sm-tips-checklist{display:flex;flex-direction:column;gap:.35rem}.tip-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:6px;background:#0f172a80;border:1px solid rgba(255,255,255,.04);cursor:pointer;transition:all .15s ease}.tip-item:hover{background:#ffffff0f}.tip-item.checked{border-color:#38bdf840}.tip-text{font-size:.72rem;color:#e2e8f0}.sm-bottom-dock{height:132px;background:#030714eb;border-top:1px solid var(--sm-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.5rem 1.25rem;z-index:30;display:flex;flex-direction:column;justify-content:center}.dock-inner{display:flex;flex-direction:column;gap:.4rem}.dock-header{display:flex;align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;text-transform:uppercase;color:#94a3b8}.dock-cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem}.dock-mode-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.45rem .35rem;border-radius:var(--sm-radius-sm);background:#0f172a99;border:1px solid var(--sm-border-subtle);cursor:pointer;transition:all .2s ease;height:72px}.dock-mode-card:hover{background:#38bdf81a;border-color:#38bdf84d;transform:translateY(-2px)}.dock-mode-card.active{background:#0284c738;border-color:var(--sm-cyan);box-shadow:0 0 14px #38bdf840}.card-icon-box{margin-bottom:.2rem}.card-title{font-size:.73rem;font-weight:700;color:#fff}.card-sub{font-size:.6rem;color:var(--sm-text-muted);line-height:1.1;margin-top:.1rem}.sm-modal-backdrop{position:fixed;inset:0;background:#020617d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem;animation:fadeIn .2s ease-out}.sm-modal-container{background:#0b132b;border:1px solid var(--sm-border);border-radius:var(--sm-radius-lg);width:100%;max-width:680px;box-shadow:0 25px 60px #000c,0 0 30px #38bdf826;display:flex;flex-direction:column;overflow:hidden;max-height:90vh}.sm-learn-modal-size{max-width:860px;height:580px}.sm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--sm-border)}.modal-icon-box{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--sm-radius-sm)}.sm-modal-title{font-size:1.05rem;font-weight:700;margin:0;color:#fff}.sm-modal-subtitle{font-size:.72rem;color:var(--sm-text-muted);margin:0}.sm-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:none;color:var(--sm-text-muted);cursor:pointer;transition:all .2s ease}.sm-modal-close:hover{background:#ffffff26;color:#fff}.sm-mission-selector-bar{display:flex;gap:.4rem;padding:.85rem 1.25rem .4rem;overflow-x:auto}.mission-tab-btn{display:flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:9999px;background:#0f172a99;border:1px solid var(--sm-border);color:var(--sm-text-muted);font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.mission-tab-btn:hover{color:#fff;border-color:#38bdf84d}.mission-tab-btn.active{background:#0284c74d;border-color:var(--sm-cyan);color:#fff}.sm-progress-section{padding:.4rem 1.25rem}.sm-progress-track{width:100%;height:6px;background:#ffffff14;border-radius:9999px;overflow:hidden}.sm-progress-fill{height:100%;background:linear-gradient(to right,#0284c7,#10b981);border-radius:9999px;transition:width .3s ease}.sm-mission-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.65rem;overflow-y:auto}.mission-badge-tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:800;color:var(--sm-amber);background:#f59e0b1a;padding:2px 8px;border-radius:4px;width:fit-content}.mission-title{font-size:1.15rem;font-weight:700;margin:0;color:#fff}.mission-desc{font-size:.82rem;color:#cbd5e1;margin:0;line-height:1.4}.mission-feedback-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:var(--sm-radius-sm)}.mission-feedback-card.solved{background:#10b9811f;border:1px solid rgba(16,185,129,.35)}.mission-feedback-card.pending{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.mission-hint-area{margin-top:.4rem}.hint-toggle-btn{display:flex;align-items:center;gap:.35rem;background:transparent;border:none;color:var(--sm-text-muted);font-size:.75rem;cursor:pointer}.hint-toggle-btn:hover{color:#fff}.hint-content-box{margin-top:.4rem;padding:.65rem;background:#f59e0b14;border:1px dashed rgba(245,158,11,.3);border-radius:var(--sm-radius-sm);font-size:.75rem;color:#cbd5e1}.sm-modal-footer{padding:.85rem 1.25rem;border-top:1px solid var(--sm-border);display:flex;justify-content:flex-end}.sm-modal-action-btn{padding:.5rem 1.2rem;border-radius:var(--sm-radius-sm);background:linear-gradient(135deg,#0284c7,#0369a1);border:none;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.sm-modal-action-btn:hover{background:linear-gradient(135deg,#0369a1,#075985);box-shadow:0 0 14px #38bdf866}.sm-learn-body{display:flex;flex:1;min-height:0}.sm-learn-sidebar{width:250px;border-right:1px solid var(--sm-border);padding:.75rem;display:flex;flex-direction:column;gap:.35rem;overflow-y:auto}.sm-learn-nav-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;border-radius:var(--sm-radius-sm);background:transparent;border:1px solid transparent;color:var(--sm-text-muted);cursor:pointer;transition:all .2s ease}.sm-learn-nav-item:hover{background:#ffffff0d;color:#fff}.sm-learn-nav-item.active{background:#0284c733;border-color:var(--sm-cyan);color:#fff}.sm-learn-content{flex:1;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:.85rem}.topic-cat-badge{font-size:.65rem;font-weight:800;text-transform:uppercase;color:var(--sm-cyan);background:#38bdf81f;padding:2px 7px;border-radius:4px}.topic-main-title{font-size:1.25rem;font-weight:800;margin:.2rem 0 0;color:#fff}.topic-formula-card{background:#0f172acc;border:1px solid rgba(56,189,248,.3);border-radius:var(--sm-radius-sm);padding:.65rem .85rem}.topic-formula-display{font-family:"Cambria Math",Times New Roman,serif;font-size:1.15rem;font-weight:700;color:#fff}.section-title{font-size:.75rem;font-weight:800;text-transform:uppercase;color:#94a3b8;margin:0 0 .3rem}.section-text{font-size:.8rem;color:#cbd5e1;margin:0;line-height:1.5}.section-bullet-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.bullet-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.78rem;color:#cbd5e1;line-height:1.4}.topic-example-card{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:var(--sm-radius-sm);padding:.65rem .85rem}.topic-safety-card{background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);border-radius:var(--sm-radius-sm);padding:.65rem .85rem}.lp-laboratory-root{min-height:100vh;width:100%;background:radial-gradient(circle at 50% 10%,#0d1527,#060a12 60%,#030508);color:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column;position:relative;overflow-x:hidden;-webkit-user-select:none;user-select:none}.lp-header{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:#0a101cd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(51,65,85,.45);z-index:40}.lp-header-left{display:flex;align-items:center;gap:16px;max-width:50%}.lp-back-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .2s ease;shrink:0}.lp-back-btn:hover{background:#334155b3;color:#f8fafc;border-color:#94a3b880;transform:translate(-2px)}.lp-title-group{display:flex;flex-direction:column;gap:2px}.lp-badge-tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#f472b6;text-transform:uppercase}.lp-title{font-size:20px;font-weight:900;letter-spacing:-.02em;margin:0;color:#fff;display:flex;gap:6px;line-height:1.1}.lp-title-highlight{background:linear-gradient(135deg,#ec4899,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lp-subtitle{font-size:11px;color:#64748b;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.lp-header-center{display:flex;align-items:center}.lp-nav-pill-group{display:flex;gap:4px;background:#0f172ad9;padding:4px;border-radius:12px;border:1px solid rgba(51,65,85,.5);box-shadow:inset 0 2px 6px #0000004d}.lp-nav-pill{display:flex;align-items:center;gap:7px;padding:8px 18px;border-radius:9px;font-size:12px;font-weight:700;color:#94a3b8;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.lp-nav-pill:hover{color:#f1f5f9;background:#ffffff0d}.lp-nav-pill.active{background:linear-gradient(135deg,#ec489940,#f59e0b40);color:#fbbf24;border:1px solid rgba(245,158,11,.45);box-shadow:0 0 14px #f59e0b33}.lp-header-right{display:flex;align-items:center;gap:8px}.lp-action-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:9px;color:#94a3b8;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.lp-action-btn:hover{background:#334155b3;color:#f8fafc;border-color:#94a3b880}.lp-action-btn.active{background:#38bdf833;color:#38bdf8;border-color:#38bdf880}.lp-home-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#ec489926;border:1px solid rgba(236,72,153,.4);border-radius:10px;color:#f472b6;cursor:pointer;transition:all .2s ease}.lp-home-btn:hover{background:#ec48994d;color:#fff;transform:scale(1.05)}.lp-workspace-container{display:grid;grid-template-columns:310px 1fr 300px;gap:16px;padding:16px 24px;flex:1;min-height:520px;align-items:stretch}.lp-card{background:#0f172acc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(51,65,85,.45);border-radius:14px;padding:16px;margin-bottom:14px;box-shadow:0 4px 24px #00000059}.lp-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.lp-card-title{font-size:12px;font-weight:800;letter-spacing:.06em;color:#f1f5f9;text-transform:uppercase;margin:0}.lp-left-panel{display:flex;flex-direction:column}.lp-tabs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#02061799;padding:4px;border-radius:10px;margin-bottom:14px;border:1px solid rgba(51,65,85,.4)}.lp-mode-tab-btn{padding:6px 2px;font-size:10px;font-weight:700;border:none;background:transparent;color:#94a3b8;border-radius:7px;cursor:pointer;transition:all .2s;text-align:center}.lp-mode-tab-btn:hover{color:#f8fafc}.lp-mode-tab-btn.active-pink{background:#ec489933;color:#f472b6;border:1px solid rgba(236,72,153,.4)}.lp-mode-tab-btn.active-cyan{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.lp-mode-tab-btn.active-amber{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.lp-slider-block{margin-bottom:14px}.lp-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.lp-label{font-size:12px}.lp-val-tag{font-size:14px;padding:1px 8px;border-radius:6px;background:#0f172a99;border:1px solid rgba(51,65,85,.5)}.lp-slider{width:100%;height:6px;border-radius:3px;background:#1e293b;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer}.lp-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid #ffffff;cursor:pointer;transition:transform .15s ease}.lp-slider-m::-webkit-slider-thumb{background:#ec4899;box-shadow:0 0 10px #ec4899}.lp-slider-c::-webkit-slider-thumb{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.lp-slider-labels{display:flex;justify-content:space-between;font-size:10px;color:#64748b;margin-top:4px;font-family:monospace}.lp-direction-badge{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;margin-top:10px;border:1px solid}.lp-direction-badge.up{background:#ec48991a;border-color:#ec48994d}.lp-direction-badge.down{background:#f43f5e1a;border-color:#f43f5e4d}.lp-direction-badge.horizontal{background:#38bdf81a;border-color:#38bdf84d}.dir-icon-box{width:32px;height:32px;border-radius:8px;background:#0f172a99;display:flex;align-items:center;justify-content:center;shrink:0}.dir-text-group{display:flex;flex-direction:column}.dir-title{font-size:12px;font-weight:700}.dir-desc{font-size:10px;color:#94a3b8}.lp-active-formula-box{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(135deg,#ec48991a,#f59e0b1a);border:1px solid rgba(245,158,11,.35);border-radius:10px;margin-bottom:12px}.formula-display-text{font-size:16px;font-weight:800;font-family:monospace}.formula-display-text .f-y{color:#fff}.formula-display-text .f-m{color:#ec4899}.formula-display-text .f-x{color:#cbd5e1}.formula-display-text .f-c{color:#f59e0b}.lp-copy-btn{background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:7px;color:#94a3b8;padding:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.lp-copy-btn:hover{background:#334155b3;color:#fff}.lp-toggle-row{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(51,65,85,.35)}.lp-toggle-switch{width:38px;height:20px;background:#334155;border-radius:10px;border:none;position:relative;cursor:pointer;transition:background .25s ease;padding:2px}.lp-toggle-switch.active{background:#f59e0b}.toggle-slider-circle{width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .25s ease}.lp-toggle-switch.active .toggle-slider-circle{transform:translate(18px)}.lp-two-points-controls{display:flex;flex-direction:column;gap:8px}.point-input-row{display:flex;flex-direction:column;gap:4px}.lp-num-input{width:100%;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#f8fafc;padding:4px 8px;font-size:12px;font-family:monospace}.lp-center-workspace{display:flex;flex-direction:column}.lp-graph-wrapper{background:#0a101cf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(51,65,85,.5);border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0 8px 36px #00000080;position:relative}.lp-graph-header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid rgba(51,65,85,.35);background:#0f172a66}.lp-graph-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#38bdf8;margin-bottom:2px}.lp-pulse-dot{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(.95);opacity:.8}}.lp-graph-title{font-size:15px;font-weight:800;color:#f8fafc;margin:0;letter-spacing:.02em}.lp-graph-subtitle{font-size:11px;color:#64748b;margin:0}.lp-graph-header-actions{display:flex;align-items:center;gap:12px}.lp-axis-pills{display:flex;background:#02061799;padding:2px;border-radius:6px;border:1px solid rgba(51,65,85,.4)}.lp-axis-pill{padding:3px 8px;font-size:10px;font-weight:700;border:none;background:transparent;color:#94a3b8;border-radius:4px;cursor:pointer;transition:all .2s}.lp-axis-pill.active{background:#38bdf833;color:#38bdf8}.lp-zoom-group{display:flex;align-items:center;gap:4px;background:#0f172a99;padding:2px 4px;border-radius:6px;border:1px solid rgba(51,65,85,.4)}.lp-icon-btn{background:transparent;border:none;color:#94a3b8;padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.lp-icon-btn:hover{background:#ffffff1a;color:#fff}.lp-zoom-level{font-size:10px;font-family:monospace;color:#cbd5e1;padding:0 4px}.lp-svg-container{flex:1;position:relative;width:100%;height:100%;min-height:420px;background:#050811;overflow:hidden}.lp-cartesian-svg{width:100%;height:100%;cursor:grab}.lp-cartesian-svg.panning{cursor:grabbing}.lp-floating-equation{position:absolute;top:14px;left:14px;background:#0f172ae0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(244,63,94,.45);border-radius:8px;padding:8px 14px;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000073;z-index:10;pointer-events:none}.lp-floating-label{font-size:10px;color:#94a3b8;font-weight:700;text-transform:uppercase}.lp-floating-value{font-size:16px;font-weight:800;font-family:monospace;background:linear-gradient(135deg,#fb7185,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lp-floating-formula{position:absolute;bottom:14px;right:14px;background:#0f172ae0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(245,158,11,.45);border-radius:8px;padding:8px 14px;display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 20px #00000073;z-index:10;pointer-events:none}.lp-floating-formula-title{font-size:10px;color:#fbbf24;font-weight:700}.lp-floating-formula-body{display:flex;align-items:center;gap:6px;font-size:13px;font-family:monospace;color:#cbd5e1}.lp-formula-sep{color:#64748b}.lp-formula-fraction{display:inline-flex;flex-direction:column;align-items:center;font-size:11px}.lp-frac-line{width:100%;height:1px;background:#64748b;margin:1px 0}.lp-formula-highlight{color:#fbbf24;font-weight:800;font-size:14px}.lp-drag-hint{position:absolute;bottom:10px;left:14px;display:flex;align-items:center;gap:5px;font-size:10px;color:#64748b;pointer-events:none}.lp-right-panel{display:flex;flex-direction:column}.lp-metrics-table{display:flex;flex-direction:column;gap:6px}.lp-metric-row{display:flex;justify-content:space-between;align-items:center;padding:5px 6px;border-radius:6px;background:#02061759}.lp-metric-label{font-size:11px;color:#94a3b8}.lp-metric-val{font-size:12px;color:#f1f5f9}.lp-text-accent{color:#38bdf8}.lp-text-amber{color:#fbbf24}.lp-text-pink{color:#f472b6}.lp-text-cyan{color:#38bdf8}.lp-direction-badge-up{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.lp-direction-badge-down{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.lp-direction-badge-horizontal{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.lp-direction-badge-vertical{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.lp-important-list{display:flex;flex-direction:column;gap:8px}.lp-important-item{display:flex;align-items:center;gap:8px;background:#02061759;padding:6px 8px;border-radius:6px}.lp-important-bullet{width:6px;height:6px;border-radius:50%}.lp-bullet-cyan{background:#38bdf8;box-shadow:0 0 6px #38bdf8}.lp-bullet-amber{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.lp-important-text{display:flex;justify-content:space-between;width:100%;font-size:11px}.lp-important-name{color:#94a3b8}.lp-important-highlight{color:#f8fafc;font-weight:700}.lp-interpretation-quote{background:#f59e0b14;border-left:3px solid #f59e0b;padding:8px 10px;border-radius:0 6px 6px 0;margin-top:4px}.lp-quote-label{font-size:10px;font-weight:700;color:#fbbf24;display:block;margin-bottom:2px}.lp-quote-text{font-size:11px;color:#e2e8f0;margin:0;font-style:italic;line-height:1.4}.lp-tester-body{display:flex;flex-direction:column;gap:8px}.lp-tester-input-row{display:flex;flex-direction:column;gap:4px}.lp-tester-label{font-size:11px;color:#94a3b8}.lp-tester-input-wrapper{display:flex;gap:6px}.lp-tester-input{flex:1;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#f8fafc;padding:6px 8px;font-size:13px;font-family:monospace}.lp-tester-calc-btn{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#f43f5e,#ec4899);border:none;border-radius:6px;color:#fff;padding:6px 12px;font-size:11px;font-weight:700;cursor:pointer;transition:opacity .2s}.lp-tester-calc-btn:hover{opacity:.9}.lp-tester-result-box{background:#02061766;border:1px solid rgba(51,65,85,.35);border-radius:8px;padding:8px 10px}.lp-tester-result-header{display:flex;align-items:center;gap:6px;font-size:10px;color:#94a3b8;margin-bottom:4px}.lp-tester-calculation{display:flex;align-items:center;gap:6px;font-size:13px;font-family:monospace;margin-bottom:4px}.lp-calc-formula{color:#cbd5e1}.lp-calc-arrow{color:#64748b}.lp-calc-target-val{color:#34d399;font-size:16px;font-weight:800}.lp-tester-coord-badge{font-size:11px;color:#38bdf8;font-family:monospace;font-weight:600}.lp-bottom-dock{display:grid;grid-template-columns:1fr 420px;gap:16px;padding:12px 24px 20px;background:#0a101cd9;border-top:1px solid rgba(51,65,85,.45)}.lp-dock-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.lp-dock-title-group{display:flex;align-items:center;gap:6px}.lp-dock-title{font-size:12px;font-weight:800;letter-spacing:.04em;color:#f1f5f9;margin:0}.lp-dock-subtitle{font-size:10px;color:#64748b}.lp-modes-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.lp-mode-card{display:flex;flex-direction:column;align-items:flex-start;padding:8px 10px;background:#0f172a99;border:1px solid rgba(51,65,85,.4);border-radius:8px;color:#cbd5e1;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;text-align:left}.lp-mode-card:hover{background:#1e293b99;border-color:#94a3b866;transform:translateY(-2px)}.lp-mode-card.active{background:linear-gradient(135deg,#ec489926,#f59e0b26);border-color:#f59e0b80;box-shadow:0 4px 12px #f59e0b26}.lp-mode-card-icon{font-size:16px;margin-bottom:4px}.lp-mode-card-title{font-size:12px;font-weight:700;color:#f8fafc}.lp-mode-card-subtitle{font-size:9px;color:#64748b;line-height:1.2}.lp-mode-active-indicator{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#ec4899,#f59e0b)}.lp-dock-challenge-section{background:#0f172a99;border:1px solid rgba(51,65,85,.4);border-radius:10px;padding:10px 14px}.lp-challenge-counter{font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;background:#f59e0b33;color:#fbbf24}.lp-score-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#facc15}.lp-challenge-question{font-size:12px;color:#e2e8f0;margin:4px 0 8px;line-height:1.4}.lp-challenge-status-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.lp-current-state-chip{display:flex;gap:6px;font-size:11px;color:#94a3b8}.lp-alert-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px}.lp-alert-success{background:#10b98126;color:#34d399}.lp-alert-danger{background:#f43f5e26;color:#fb7185}.lp-hint-box{display:flex;align-items:flex-start;gap:6px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;padding:6px 8px;margin-bottom:8px}.lp-hint-text{font-size:11px;color:#fbbf24;margin:0}.lp-challenge-actions{display:flex;justify-content:space-between;align-items:center}.lp-hint-toggle-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:#94a3b8;font-size:11px;cursor:pointer;transition:color .2s}.lp-hint-toggle-btn:hover{color:#fbbf24}.lp-challenge-check-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:6px;color:#fff;padding:5px 12px;font-size:11px;font-weight:700;cursor:pointer;transition:opacity .2s}.lp-challenge-check-btn:hover{opacity:.9}.lp-challenge-next-btn{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;padding:5px 12px;font-size:11px;font-weight:700;cursor:pointer;transition:opacity .2s}.lp-modal-overlay{position:fixed;inset:0;background:#030712d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.lp-modal-card{width:100%;max-width:620px;background:#0f172a;border:1px solid rgba(51,65,85,.6);border-radius:14px;overflow:hidden;box-shadow:0 12px 48px #0009;display:flex;flex-direction:column}.lp-materi-modal-card{max-width:860px;height:600px}.lp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(51,65,85,.4);background:#0f172acc}.lp-modal-title-group{display:flex;align-items:center;gap:10px}.lp-badge-icon{font-size:20px}.lp-modal-title{font-size:15px;font-weight:800;color:#f8fafc;margin:0}.lp-modal-subtitle{font-size:11px;color:#64748b;margin:0}.lp-modal-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.lp-modal-close-btn:hover{background:#ffffff1a;color:#fff}.lp-modal-body{padding:20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.lp-quiz-progress-track{width:100%;height:6px;background:#1e293b;border-radius:3px;overflow:hidden}.lp-quiz-progress-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#ec4899);transition:width .3s ease}.lp-quiz-question-box{background:#02061766;border:1px solid rgba(51,65,85,.4);border-radius:8px;padding:14px}.lp-quiz-question-text{font-size:14px;font-weight:600;color:#f1f5f9;line-height:1.5;margin:0}.lp-quiz-options-list{display:flex;flex-direction:column;gap:8px}.lp-quiz-option-btn{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0f172a99;border:1px solid rgba(51,65,85,.4);border-radius:8px;color:#cbd5e1;cursor:pointer;transition:all .2s;text-align:left}.lp-quiz-option-btn:hover:not(:disabled){background:#1e293bcc;border-color:#94a3b880;color:#fff}.lp-option-letter{width:24px;height:24px;border-radius:50%;background:#02061799;border:1px solid #334155;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#94a3b8;shrink:0}.lp-option-text{font-size:13px}.lp-quiz-option-btn.correct{background:#10b98126;border-color:#10b981;color:#34d399}.lp-quiz-option-btn.wrong{background:#f43f5e26;border-color:#f43f5e;color:#fb7185}.lp-quiz-option-btn.disabled{opacity:.5;cursor:not-allowed}.lp-quiz-explanation{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:10px 12px}.lp-quiz-footer-actions{display:flex;justify-content:flex-end;margin-top:8px}.lp-quiz-next-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f59e0b,#ec4899);border:none;border-radius:8px;color:#fff;padding:8px 18px;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .2s}.lp-summary-body{align-items:center;text-align:center;padding:36px 20px}.lp-summary-trophy{margin-bottom:12px}.lp-summary-title{font-size:20px;font-weight:800;color:#fff;margin:0 0 10px}.lp-summary-score-box{display:flex;align-items:baseline;gap:4px;margin-bottom:12px}.lp-summary-score-val{font-size:42px;font-weight:900;background:linear-gradient(135deg,#fbbf24,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lp-summary-score-total{font-size:18px;color:#64748b;font-weight:600}.lp-summary-desc{font-size:13px;color:#94a3b8;max-width:400px;margin-bottom:20px;line-height:1.5}.lp-summary-actions{display:flex;gap:12px}.lp-summary-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.lp-btn-primary{background:linear-gradient(135deg,#ec4899,#f59e0b);border:none;color:#fff}.lp-btn-secondary{background:#1e293b99;border:1px solid rgba(71,85,105,.4);color:#cbd5e1}.lp-materi-layout{display:grid;grid-template-columns:240px 1fr;flex:1;overflow:hidden}.lp-materi-sidebar{background:#02061780;border-right:1px solid rgba(51,65,85,.35);padding:14px;overflow-y:auto}.lp-materi-sidebar-title{font-size:10px;font-weight:800;letter-spacing:.08em;color:#64748b;margin-bottom:10px}.lp-materi-topics-list{display:flex;flex-direction:column;gap:4px}.lp-materi-topic-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:6px;color:#94a3b8;cursor:pointer;text-align:left;transition:all .2s}.lp-materi-topic-item:hover{background:#ffffff0a;color:#f1f5f9}.lp-materi-topic-item.active{background:#38bdf81a;border-color:#38bdf84d;color:#38bdf8}.lp-materi-topic-num{font-size:10px;font-weight:700;font-family:monospace;width:16px;height:16px;border-radius:4px;background:#0f172a99;display:flex;align-items:center;justify-content:center}.lp-materi-topic-info{display:flex;flex-direction:column;overflow:hidden}.lp-materi-topic-name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-materi-topic-cat{font-size:9px;color:#64748b}.lp-materi-content{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.lp-materi-tag{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:#38bdf826;color:#38bdf8;display:inline-block;margin-bottom:4px}.lp-materi-detail-title{font-size:18px;font-weight:800;color:#fff;margin:0}.lp-materi-formula-box{background:linear-gradient(135deg,#ec48991a,#f59e0b1a);border:1px solid rgba(245,158,11,.35);border-radius:8px;padding:12px 16px}.lp-materi-formula-label{font-size:10px;font-weight:700;color:#fbbf24;margin-bottom:4px;display:block}.lp-materi-formula-text{font-size:18px;font-weight:800;color:#f8fafc}.lp-materi-subheading{font-size:12px;font-weight:700;color:#94a3b8;margin:0 0 6px;text-transform:uppercase;letter-spacing:.04em}.lp-materi-paragraph{font-size:13px;color:#cbd5e1;line-height:1.6;margin:0}.lp-materi-bullets-list{display:flex;flex-direction:column;gap:6px}.lp-materi-bullet-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#cbd5e1;line-height:1.4}.lp-materi-example-box{background:#02061766;border:1px solid rgba(51,65,85,.35);border-radius:8px;padding:10px 14px}.lp-materi-simulate-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;border-radius:8px;color:#fff;padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer;transition:opacity .2s}.lp-materi-simulate-btn:hover{opacity:.9}@media(max-width:1280px){.lp-workspace-container{grid-template-columns:280px 1fr 280px;gap:12px;padding:12px 16px}.lp-bottom-dock{grid-template-columns:1fr}}@media(max-width:960px){.lp-workspace-container{grid-template-columns:1fr;display:flex;flex-direction:column}.lp-header{flex-direction:column;gap:12px;align-items:flex-start}.lp-modes-grid{grid-template-columns:repeat(2,1fr)}}.hl-laboratory-root{min-height:100vh;width:100%;background:radial-gradient(circle at 50% 12%,#0f172a,#060a12 55%,#020408);color:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column;position:relative;overflow-x:hidden;-webkit-user-select:none;user-select:none}.hl-header{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:#0a101ce0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(51,65,85,.45);z-index:40}.hl-header-left{display:flex;align-items:center;gap:16px;max-width:50%}.hl-back-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .2s ease;shrink:0}.hl-back-btn:hover{background:#334155b3;color:#f8fafc;border-color:#94a3b880;transform:translate(-2px)}.hl-title-group{display:flex;flex-direction:column;gap:2px}.hl-badge-tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#f43f5e;text-transform:uppercase}.hl-title{font-size:24px;font-weight:900;letter-spacing:-.02em;margin:0;display:flex;align-items:baseline;line-height:1;font-style:italic}.hl-title-white{color:#fff}.hl-title-gradient{background:linear-gradient(135deg,#f43f5e,#ea580c,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-left:2px}.hl-subtitle{font-size:11px;color:#64748b;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.hl-header-center{display:flex;align-items:center}.hl-nav-pill-group{display:flex;gap:4px;background:#0f172ad9;padding:4px;border-radius:12px;border:1px solid rgba(51,65,85,.5);box-shadow:inset 0 2px 6px #0000004d}.hl-nav-pill{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:9px;font-size:12px;font-weight:700;color:#94a3b8;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.hl-nav-pill:hover{color:#f1f5f9;background:#ffffff0d}.hl-nav-pill.active{background:linear-gradient(135deg,#f43f5e40,#ea580c40);color:#fda4af;border:1px solid rgba(244,63,94,.5);box-shadow:0 0 14px #f43f5e40}.hl-header-right{display:flex;align-items:center;gap:8px}.hl-action-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:9px;color:#94a3b8;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.hl-action-btn:hover{background:#334155b3;color:#f8fafc;border-color:#94a3b880}.hl-action-btn.active-unit{background:#38bdf833;color:#38bdf8;border-color:#38bdf880}.hl-home-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#f43f5e26;border:1px solid rgba(244,63,94,.4);border-radius:10px;color:#fb7185;cursor:pointer;transition:all .2s ease}.hl-home-btn:hover{background:#f43f5e4d;color:#fff;transform:scale(1.05)}.hl-workspace-container{display:grid;grid-template-columns:310px 1fr 310px;gap:16px;padding:16px 24px;flex:1;min-height:520px;align-items:stretch}.hl-card{background:#0f172ad1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(51,65,85,.45);border-radius:14px;padding:16px;margin-bottom:14px;box-shadow:0 6px 28px #0006}.hl-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.hl-card-title{font-size:12px;font-weight:800;letter-spacing:.06em;color:#f1f5f9;text-transform:uppercase;margin:0}.hl-materials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px}.hl-material-btn{display:flex;flex-direction:column;align-items:center;padding:8px 4px;background:#02061799;border:1px solid rgba(51,65,85,.45);border-radius:8px;cursor:pointer;transition:all .2s ease}.hl-material-btn:hover{background:#1e293b99;border-color:#94a3b880;transform:translateY(-2px)}.hl-material-btn.active{background:#f43f5e33;border-color:#f43f5e;box-shadow:0 0 12px #f43f5e4d}.hl-mat-icon-wrapper{font-size:18px;margin-bottom:4px}.hl-mat-name{font-size:9px;font-weight:800;color:#f8fafc;letter-spacing:.05em}.hl-mat-c-tag{font-size:8px;font-family:monospace;color:#94a3b8;margin-top:2px}.hl-sliders-container{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.hl-slider-group{display:flex;flex-direction:column}.hl-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.hl-slider-label-group{display:flex;align-items:center;gap:6px}.hl-slider-label{font-size:11px;font-weight:700;color:#cbd5e1}.hl-slider-value{font-size:13px;font-weight:800;font-family:monospace;padding:1px 6px;border-radius:5px;background:#02061799;border:1px solid rgba(51,65,85,.4)}.hl-val-pink{color:#fb7185;border-color:#f43f5e59}.hl-val-amber{color:#fbbf24;border-color:#f59e0b59}.hl-val-cyan{color:#38bdf8;border-color:#38bdf859}.hl-val-blue{color:#60a5fa;border-color:#60a5fa59}.hl-range-slider{width:100%;height:6px;border-radius:3px;background:#1e293b;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer}.hl-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid #ffffff;cursor:pointer;transition:transform .15s ease}.hl-slider-pink::-webkit-slider-thumb{background:#f43f5e;box-shadow:0 0 10px #f43f5e}.hl-slider-amber::-webkit-slider-thumb{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.hl-slider-cyan::-webkit-slider-thumb{background:#06b6d4;box-shadow:0 0 10px #06b6d4}.hl-slider-blue::-webkit-slider-thumb{background:#3b82f6;box-shadow:0 0 10px #3b82f6}.hl-slider-scale{display:flex;justify-content:space-between;font-size:9px;color:#64748b;margin-top:3px;font-family:monospace}.hl-action-row{display:flex;gap:8px}.hl-launch-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(135deg,#f43f5e,#ea580c,#f59e0b);border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:900;letter-spacing:.04em;cursor:pointer;box-shadow:0 4px 20px #f43f5e66;transition:all .2s ease}.hl-launch-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f43f5e8c}.hl-launch-btn.running{background:linear-gradient(135deg,#e11d48,#be123c)}.hl-reset-exp-btn{display:flex;align-items:center;justify-content:center;width:44px;background:#1e293b99;border:1px solid rgba(71,85,105,.4);border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .2s}.hl-reset-exp-btn:hover{background:#334155b3;color:#fff}.hl-center-workspace{display:flex;flex-direction:column}.hl-center-viewport{background:#0a101cf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(51,65,85,.5);border-radius:16px;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0 8px 36px #0000008c;position:relative}.hl-canvas-container{flex:1;position:relative;width:100%;height:100%;min-height:440px;background:#040711;overflow:hidden}.hl-apparatus-svg{width:100%;height:100%}.hl-callout-transfer{position:absolute;top:14px;left:14px;max-width:260px;background:#0f172ae0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(245,158,11,.45);border-radius:10px;padding:10px 14px;box-shadow:0 4px 20px #00000073;z-index:10;pointer-events:none}.hl-callout-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.hl-callout-title{font-size:11px;font-weight:800;color:#fbbf24;letter-spacing:.05em}.hl-callout-desc{font-size:10px;color:#cbd5e1;margin:0;line-height:1.4}.hl-viewport-actions{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:6px;z-index:10}.hl-vp-action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(51,65,85,.45);border-radius:8px;color:#94a3b8;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease}.hl-vp-action-btn:hover{background:#1e293bd9;color:#f8fafc;border-color:#94a3b880}.hl-vp-action-btn.active{background:#f43f5e33;border-color:#f43f5e80;color:#fda4af}.hl-floating-tag{position:absolute;display:flex;flex-direction:column;align-items:center;padding:4px 10px;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;pointer-events:none;z-index:10}.hl-tag-metal{background:#0f172ae0;border-color:#f43f5e80}.hl-tag-water{background:#0f172ae0;border-color:#06b6d480}.hl-tag-title{font-size:9px;font-weight:700;color:#94a3b8}.hl-tag-metal .hl-tag-val{color:#fb7185;font-size:14px;font-weight:800}.hl-tag-water .hl-tag-val{color:#38bdf8;font-size:14px;font-weight:800}.hl-bottom-equilibrium-badge{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 20px;background:#0f172ae6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(56,189,248,.4);border-radius:12px;box-shadow:0 4px 20px #00000080;z-index:10}.hl-eq-icon-circle{width:32px;height:32px;border-radius:50%;background:#f43f5e26;border:1px solid rgba(244,63,94,.35);display:flex;align-items:center;justify-content:center}.hl-eq-text-group{display:flex;flex-direction:column}.hl-eq-label{font-size:9px;font-weight:800;letter-spacing:.08em;color:#94a3b8;text-transform:uppercase}.hl-eq-val{font-size:20px;font-weight:900;color:#fff}.hl-right-panel{display:flex;flex-direction:column}.hl-metrics-table{display:flex;flex-direction:column;gap:6px}.hl-metric-row{display:flex;justify-content:space-between;align-items:center;padding:5px 8px;border-radius:6px;background:#02061759}.hl-metric-label{font-size:11px;color:#94a3b8}.hl-metric-val{font-size:12px;color:#f1f5f9}.hl-text-amber{color:#fbbf24}.hl-text-cyan{color:#38bdf8}.hl-equilibrium-highlight-pill{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);border-radius:10px;margin-top:4px}.hl-eq-title{font-size:11px;font-weight:700;color:#fbbf24}.hl-eq-number{font-size:18px;font-weight:900;color:#fbbf24}.hl-conservation-header{text-align:center;padding:6px;background:#02061780;border-radius:8px;border:1px solid rgba(51,65,85,.3);margin-bottom:10px}.hl-cons-title{font-size:14px;font-weight:900;font-family:monospace;font-style:italic;background:linear-gradient(135deg,#fb7185,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hl-dual-energy-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.hl-energy-card{padding:10px;border-radius:10px;display:flex;flex-direction:column;gap:4px;border:1px solid}.hl-energy-pink{background:#f43f5e1a;border-color:#f43f5e59}.hl-energy-cyan{background:#06b6d41a;border-color:#06b6d459}.hl-energy-card-header{display:flex;align-items:center;gap:4px}.hl-energy-card-title{font-size:9px;font-weight:700;color:#cbd5e1}.hl-energy-formula{font-size:9px;color:#94a3b8}.hl-energy-pink .hl-energy-joules-val{font-size:16px;font-weight:900;color:#fb7185}.hl-energy-cyan .hl-energy-joules-val{font-size:16px;font-weight:900;color:#38bdf8}.hl-asas-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(51,65,85,.35)}.hl-base-equation-group{display:flex;flex-direction:column}.hl-base-eq-label{font-size:9px;color:#94a3b8}.hl-base-eq-formula{font-size:15px;color:#f1f5f9}.hl-detail-modal-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#1e293bb3;border:1px solid rgba(71,85,105,.5);border-radius:8px;color:#cbd5e1;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s}.hl-detail-modal-btn:hover{background:#334155cc;color:#fff}.hl-bottom-dock{display:grid;grid-template-columns:1fr 1fr 340px;gap:16px;padding:12px 24px 20px;background:#0a101cd9;border-top:1px solid rgba(51,65,85,.45)}.hl-dock-card{background:#0f172abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(51,65,85,.45);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column}.hl-dock-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.hl-dock-card-title{font-size:11px;font-weight:800;letter-spacing:.04em;color:#f1f5f9;margin:0}.hl-dock-legend{display:flex;align-items:center;gap:10px;font-size:9px;color:#94a3b8}.hl-legend-item{display:flex;align-items:center;gap:4px}.hl-legend-line{width:14px;height:2.5px;border-radius:2px}.hl-line-pink{background:#f43f5e}.hl-line-cyan{background:#06b6d4}.hl-graph-svg-wrapper{flex:1;width:100%}.hl-dock-svg{width:100%;height:100%}.hl-phase-columns-header{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;margin-bottom:4px}.hl-phase-chip{display:flex;flex-direction:column;align-items:center;padding:2px;border-radius:4px;background:#02061766}.phase-title{font-size:9px;font-weight:700}.phase-state{font-size:7px;color:#94a3b8}.hl-phase-ice .phase-title{color:#38bdf8}.hl-phase-melt .phase-title{color:#fbbf24}.hl-phase-liquid .phase-title{color:#06b6d4}.hl-phase-boil .phase-title{color:#f43f5e}.hl-phase-steam .phase-title{color:#c084fc}.hl-shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}.hl-shortcut-btn{display:flex;flex-direction:column;align-items:flex-start;padding:8px;background:#02061780;border:1px solid rgba(51,65,85,.4);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.hl-shortcut-btn:hover{background:#1e293b99;border-color:#94a3b880;transform:translateY(-2px)}.hl-shortcut-icon-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:2px}.hl-shortcut-icon{font-size:13px}.hl-shortcut-badge{font-size:7px;font-weight:800;padding:1px 4px;border-radius:3px;background:#f43f5e26;color:#fda4af}.hl-shortcut-title{font-size:10px;font-weight:700;color:#f1f5f9}.hl-shortcut-desc{font-size:8px;color:#64748b;line-height:1.2}.hl-modal-overlay{position:fixed;inset:0;background:#030712d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.hl-modal-card{width:100%;max-width:620px;background:#0f172a;border:1px solid rgba(51,65,85,.6);border-radius:14px;overflow:hidden;box-shadow:0 12px 48px #0009;display:flex;flex-direction:column}.hl-materi-modal-card{max-width:860px;height:600px}.hl-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid rgba(51,65,85,.4);background:#0f172acc}.hl-modal-icon-badge{font-size:20px}.hl-modal-title{font-size:15px;font-weight:800;color:#f8fafc;margin:0}.hl-modal-subtitle{font-size:11px;color:#64748b;margin:0}.hl-modal-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.hl-modal-close-btn:hover{background:#ffffff1a;color:#fff}.hl-modal-body{padding:20px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.hl-formula-quote-box{background:#f59e0b1a;border-left:3px solid #f59e0b;padding:12px 14px;border-radius:0 8px 8px 0}.hl-step-card{background:#02061766;border:1px solid rgba(51,65,85,.4);border-radius:8px;padding:12px}.hl-step-title{font-size:12px;font-weight:700;color:#cbd5e1;margin:0 0 8px}.hl-result-card{border-color:#10b98166;background:#10b9810d}.hl-modal-action-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f43f5e,#ea580c);border:none;border-radius:8px;color:#fff;padding:8px 18px;font-size:12px;font-weight:700;cursor:pointer}.hl-quiz-progress-track{width:100%;height:6px;background:#1e293b;border-radius:3px;overflow:hidden}.hl-quiz-progress-fill{height:100%;background:linear-gradient(90deg,#f43f5e,#f59e0b);transition:width .3s ease}.hl-quiz-question-box{background:#02061766;border:1px solid rgba(51,65,85,.4);border-radius:8px;padding:14px}.hl-quiz-question-text{font-size:14px;font-weight:600;color:#f1f5f9;line-height:1.5;margin:0}.hl-quiz-options-list{display:flex;flex-direction:column;gap:8px}.hl-quiz-option-btn{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0f172a99;border:1px solid rgba(51,65,85,.4);border-radius:8px;color:#cbd5e1;cursor:pointer;transition:all .2s;text-align:left}.hl-quiz-option-btn:hover:not(:disabled){background:#1e293bcc;border-color:#94a3b880;color:#fff}.hl-option-letter{width:24px;height:24px;border-radius:50%;background:#02061799;border:1px solid #334155;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#94a3b8;shrink:0}.hl-option-text{font-size:13px}.hl-quiz-option-btn.correct{background:#10b98126;border-color:#10b981;color:#34d399}.hl-quiz-option-btn.wrong{background:#f43f5e26;border-color:#f43f5e;color:#fb7185}.hl-quiz-option-btn.disabled{opacity:.5;cursor:not-allowed}.hl-quiz-explanation{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:10px 12px}.hl-quiz-footer-actions{display:flex;justify-content:flex-end;margin-top:8px}.hl-quiz-next-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f43f5e,#ea580c);border:none;border-radius:8px;color:#fff;padding:8px 18px;font-size:13px;font-weight:700;cursor:pointer}.hl-summary-body{align-items:center;text-align:center;padding:36px 20px}.hl-summary-trophy{margin-bottom:12px}.hl-summary-title{font-size:20px;font-weight:800;color:#fff;margin:0 0 10px}.hl-summary-score-box{display:flex;align-items:baseline;gap:4px;margin-bottom:12px}.hl-summary-score-val{font-size:42px;font-weight:900;background:linear-gradient(135deg,#fbbf24,#f43f5e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hl-summary-score-total{font-size:18px;color:#64748b;font-weight:600}.hl-summary-desc{font-size:13px;color:#94a3b8;max-width:400px;margin-bottom:20px;line-height:1.5}.hl-summary-actions{display:flex;gap:12px}.hl-summary-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.hl-btn-primary{background:linear-gradient(135deg,#f43f5e,#ea580c);border:none;color:#fff}.hl-btn-secondary{background:#1e293b99;border:1px solid rgba(71,85,105,.4);color:#cbd5e1}.hl-materi-layout{display:grid;grid-template-columns:240px 1fr;flex:1;overflow:hidden}.hl-materi-sidebar{background:#02061780;border-right:1px solid rgba(51,65,85,.35);padding:14px;overflow-y:auto}.hl-materi-sidebar-title{font-size:10px;font-weight:800;letter-spacing:.08em;color:#64748b;margin-bottom:10px}.hl-materi-topics-list{display:flex;flex-direction:column;gap:4px}.hl-materi-topic-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:6px;color:#94a3b8;cursor:pointer;text-align:left;transition:all .2s}.hl-materi-topic-item:hover{background:#ffffff0a;color:#f1f5f9}.hl-materi-topic-item.active{background:#f43f5e1a;border-color:#f43f5e59;color:#fda4af}.hl-materi-topic-num{font-size:10px;font-weight:700;font-family:monospace;width:16px;height:16px;border-radius:4px;background:#0f172a99;display:flex;align-items:center;justify-content:center}.hl-materi-topic-info{display:flex;flex-direction:column;overflow:hidden}.hl-materi-topic-name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hl-materi-topic-cat{font-size:9px;color:#64748b}.hl-materi-content{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.hl-materi-tag{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;background:#f43f5e26;color:#fda4af;display:inline-block;margin-bottom:4px}.hl-materi-detail-title{font-size:18px;font-weight:800;color:#fff;margin:0}.hl-materi-formula-box{background:linear-gradient(135deg,#f43f5e1a,#ea580c1a);border:1px solid rgba(244,63,94,.35);border-radius:8px;padding:12px 16px}.hl-materi-formula-label{font-size:10px;font-weight:700;color:#fbbf24;margin-bottom:4px;display:block}.hl-materi-formula-text{font-size:18px;font-weight:800;color:#f8fafc}.hl-materi-subheading{font-size:12px;font-weight:700;color:#94a3b8;margin:0 0 6px;text-transform:uppercase;letter-spacing:.04em}.hl-materi-paragraph{font-size:13px;color:#cbd5e1;line-height:1.6;margin:0}.hl-materi-bullets-list{display:flex;flex-direction:column;gap:6px}.hl-materi-bullet-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#cbd5e1;line-height:1.4}.hl-materi-example-box{background:#02061766;border:1px solid rgba(51,65,85,.35);border-radius:8px;padding:10px 14px}.hl-materi-simulate-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f43f5e,#ea580c);border:none;border-radius:8px;color:#fff;padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer}@media(max-width:1280px){.hl-workspace-container{grid-template-columns:280px 1fr 280px;gap:12px;padding:12px 16px}.hl-bottom-dock{grid-template-columns:1fr 1fr}.hl-more-concepts-card{grid-column:span 2}}@media(max-width:960px){.hl-workspace-container{grid-template-columns:1fr;display:flex;flex-direction:column}.hl-header{flex-direction:column;gap:12px;align-items:flex-start}.hl-bottom-dock{grid-template-columns:1fr}.hl-more-concepts-card{grid-column:span 1}}.sm-laboratory-root{min-height:100vh;width:100%;background:radial-gradient(circle at 50% 10%,#0d1527,#060a14 55%,#020409);color:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;flex-direction:column;position:relative;overflow-x:hidden;-webkit-user-select:none;user-select:none}.sm-header{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:#0a101ce0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(51,65,85,.45);z-index:40}.sm-header-left{display:flex;flex-direction:column;gap:2px;max-width:48%}.sm-brand-wrap{display:flex;align-items:center;gap:12px}.sm-brand-gear-icon{width:36px;height:36px;border-radius:10px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #f59e0b33}.sm-brand-meta{display:flex;flex-direction:column}.sm-brand-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:800;letter-spacing:.15em;color:#fbbf24;text-transform:uppercase}.sm-main-title{font-size:24px;font-weight:900;letter-spacing:-.03em;margin:0;line-height:1.1;color:#fff}.sm-title-accent{background:linear-gradient(135deg,#f59e0b,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sm-header-subtitle{font-size:11px;color:#94a3b8;margin:4px 0 0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-header-center{display:flex;align-items:center}.sm-mode-tabs{display:flex;align-items:center;background:#0f172ab3;padding:4px;border-radius:12px;border:1px solid rgba(51,65,85,.5);gap:4px}.sm-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;color:#94a3b8;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.sm-tab-btn:hover{color:#f1f5f9;background:#ffffff0d}.sm-tab-btn.active{background:#f59e0b29;border-color:#f59e0b80;color:#fbbf24;box-shadow:0 0 12px #f59e0b40}.sm-header-right{display:flex;align-items:center;gap:8px}.sm-action-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:8px;font-size:12px;font-weight:600;color:#cbd5e1;background:#1e293b99;border:1px solid rgba(71,85,105,.4);cursor:pointer;transition:all .2s ease}.sm-action-btn:hover{background:#334155b3;color:#fff}.sm-action-btn.active-sim{background:#f43f5e33;border-color:#f43f5e80;color:#fb7185}.sm-home-btn{width:34px;height:34px;border-radius:8px;background:#e11d48;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 0 10px #e11d4866}.sm-home-btn:hover{background:#f43f5e;transform:translateY(-1px)}.sm-main-workspace{display:grid;grid-template-columns:290px 1fr 315px;gap:14px;padding:12px 20px;min-height:400px;flex:1}.sm-left-panel{background:#0f172abf;border:1px solid rgba(51,65,85,.45);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px #00000059}.sm-panel-header{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(51,65,85,.35);padding-bottom:8px}.sm-panel-title{font-size:13px;font-weight:800;letter-spacing:.08em;color:#e2e8f0;margin:0;text-transform:uppercase}.sm-class-selector{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.sm-class-btn{padding:8px 4px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.04em;color:#94a3b8;background:#1e293b80;border:1px solid rgba(51,65,85,.4);cursor:pointer;transition:all .2s ease;text-align:center}.sm-class-btn:hover{background:#33415599;color:#f1f5f9}.sm-class-btn.active{background:#ea580c;border-color:#f97316;color:#fff;box-shadow:0 0 12px #ea580c66}.sm-sliders-group{display:flex;flex-direction:column;gap:14px}.sm-slider-block{display:flex;flex-direction:column;gap:6px}.sm-slider-header{display:flex;align-items:center;justify-content:space-between}.sm-slider-label{font-size:11px;font-weight:700;letter-spacing:.04em;color:#cbd5e1}.sm-value-pill{font-size:12px;font-weight:800;padding:2px 8px;border-radius:6px}.sm-value-pill.amber{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.sm-value-pill.cyan{background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.35)}.sm-value-pill.rose{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.35)}.sm-range-input{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:#1e293b;border-radius:4px;outline:none;cursor:pointer}.sm-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 10px #fffc;transition:transform .1s ease}.sm-range-input.amber::-webkit-slider-thumb{border:2px solid #f59e0b;box-shadow:0 0 10px #f59e0bcc}.sm-range-input.cyan::-webkit-slider-thumb{border:2px solid #06b6d4;box-shadow:0 0 10px #06b6d4cc}.sm-range-input.rose::-webkit-slider-thumb{border:2px solid #f43f5e;box-shadow:0 0 10px #f43f5ecc}.sm-range-hints{display:flex;justify-content:space-between;font-size:10px;color:#64748b;font-weight:500}.sm-object-section{display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(51,65,85,.35);padding-top:12px}.sm-section-label{font-size:11px;font-weight:700;letter-spacing:.05em;color:#94a3b8;text-transform:uppercase}.sm-object-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.sm-object-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:10px;background:#1e293b80;border:1px solid rgba(51,65,85,.4);cursor:pointer;transition:all .2s ease}.sm-object-card:hover{background:#33415599;border-color:#f59e0b66}.sm-object-card.active{background:#f59e0b29;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b59}.sm-object-icon-wrap{font-size:20px;margin-bottom:4px}.sm-object-name{font-size:10px;font-weight:700;color:#cbd5e1;text-align:center;line-height:1.1}.sm-viewport-wrapper{position:relative;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 40%,#1e293b66,#0f172acc 70%,#060a12);border:1px solid rgba(51,65,85,.4);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0006}.sm-center-viewport{position:relative;width:100%;height:100%;min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center}.sm-class-info-card{position:absolute;top:16px;left:16px;background:#0f172ad9;border:1px solid rgba(245,158,11,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 14px;border-radius:10px;z-index:10;max-width:280px;box-shadow:0 4px 16px #0006}.sm-class-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.sm-card-arrow{color:#f59e0b;font-size:12px}.sm-card-title-group{display:flex;flex-direction:column}.sm-class-super{font-size:9px;font-weight:800;color:#94a3b8;letter-spacing:.1em}.sm-class-sub{font-size:13px;font-weight:900;color:#fbbf24;letter-spacing:.05em}.sm-class-desc{font-size:11px;color:#cbd5e1;margin:0;line-height:1.35}.sm-stage-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sm-apparatus-svg{width:100%;height:auto;max-height:310px}.sm-viewport-actions{position:absolute;bottom:16px;display:flex;align-items:center;gap:8px;background:#0f172ad9;padding:6px 12px;border-radius:10px;border:1px solid rgba(51,65,85,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.sm-vp-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:600;color:#cbd5e1;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.sm-vp-btn:hover{background:#ffffff14;color:#fff}.sm-right-panel{background:#0f172abf;border:1px solid rgba(51,65,85,.45);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:0 8px 24px #00000059}.sm-metrics-table{display:flex;flex-direction:column;gap:5px}.sm-metric-row{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-radius:6px;background:#1e293b59;font-size:11px}.sm-metric-row.highlight{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3)}.sm-metric-label{color:#94a3b8;font-weight:500}.sm-status-indicator{display:inline-flex;align-items:center;gap:6px}.sm-status-dot{width:8px;height:8px;border-radius:50%}.sm-status-dot.green{background:#10b981;box-shadow:0 0 8px #10b981cc}.sm-status-dot.blue{background:#38bdf8;box-shadow:0 0 8px #38bdf8cc}.sm-status-dot.yellow{background:#eab308;box-shadow:0 0 8px #eab308cc}.sm-status-text{font-size:11px;font-weight:700;color:#f1f5f9}.sm-equilibrium-card{display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(51,65,85,.35);padding-top:10px}.sm-eq-card-header{display:flex;align-items:center}.sm-eq-card-title{font-size:11px;font-weight:800;letter-spacing:.06em;color:#cbd5e1;text-transform:uppercase}.sm-equation-banner{background:#0a101cb3;border:1px solid rgba(51,65,85,.45);border-radius:10px;padding:8px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:17px;font-weight:900;letter-spacing:.05em}.sm-eq-term.cyan{color:#22d3ee;text-shadow:0 0 10px rgba(6,182,212,.4)}.sm-eq-term.rose{color:#fb7185;text-shadow:0 0 10px rgba(244,63,94,.4)}.sm-eq-op{color:#f8fafc}.sm-calc-sub-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#94a3b8}.sm-calc-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sm-torque-box{background:#1e293b66;padding:6px 8px;border-radius:8px;border:1px solid rgba(51,65,85,.4);display:flex;flex-direction:column;gap:2px}.sm-torque-box.load{border-color:#06b6d459}.sm-torque-box.effort{border-color:#f43f5e59}.sm-torque-expr{font-size:10px;color:#94a3b8;font-weight:600}.sm-torque-result{font-size:12.5px;font-weight:800}.sm-torque-result.cyan{color:#22d3ee}.sm-torque-result.rose{color:#fb7185}.sm-equilibrium-alert{display:flex;align-items:center;padding:6px 10px;border-radius:8px;font-size:10.5px;font-weight:600;line-height:1.3}.sm-equilibrium-alert.balanced{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#34d399}.sm-equilibrium-alert.lifted{background:#06b6d426;border:1px solid rgba(6,182,212,.4);color:#38bdf8}.sm-equilibrium-alert.unbalanced{background:#eab30826;border:1px solid rgba(234,179,8,.4);color:#fbbf24}.sm-bottom-dock{display:grid;grid-template-columns:1.1fr 1.2fr .9fr;gap:14px;padding:0 20px 16px}.sm-dock-card{background:#0f172abf;border:1px solid rgba(51,65,85,.45);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 6px 20px #0000004d}.sm-dock-header{display:flex;align-items:center}.sm-dock-title{font-size:12px;font-weight:800;letter-spacing:.06em;color:#e2e8f0;text-transform:uppercase}.sm-graph-container{width:100%;display:flex;align-items:center;justify-content:center}.sm-curve-svg{width:100%;height:auto;max-height:180px}.sm-classes-comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sm-class-mini-card{background:#1e293b66;border:1px solid rgba(51,65,85,.4);border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:all .2s ease}.sm-class-mini-card:hover{background:#33415580;border-color:#f59e0b66}.sm-class-mini-card.active{border-color:#f59e0b;background:#f59e0b1f;box-shadow:0 0 10px #f59e0b40}.sm-mini-title{font-size:11px;font-weight:800;color:#fbbf24}.sm-schematic-wrap{width:100%;display:flex;align-items:center;justify-content:center}.sm-schematic-svg{width:100%;height:38px}.sm-mini-desc{font-size:10px;color:#cbd5e1;margin:0;line-height:1.25}.sm-mini-example{font-size:9px;color:#94a3b8;font-style:italic}.sm-theory-dock-content{display:flex;flex-direction:column;gap:8px}.sm-theory-diagram-row{display:flex;align-items:center;gap:10px}.sm-mini-diagram-svg{width:70px;height:30px;flex-shrink:0}.sm-theory-lead-text{font-size:10.5px;color:#cbd5e1;margin:0;line-height:1.35}.sm-km-formula-box{background:#1e293b80;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.sm-km-box-title{font-size:10px;font-weight:800;color:#fbbf24;letter-spacing:.05em}.sm-km-formula-row{display:flex;align-items:center;gap:8px}.sm-km-symbol{font-size:14px;font-weight:900;color:#fbbf24}.sm-km-equals{color:#94a3b8;font-size:12px}.sm-km-fraction{display:inline-flex;flex-direction:column;align-items:center;font-size:11px;font-weight:700;color:#fff;padding:0 4px}.sm-frac-num{border-bottom:1px solid #94a3b8;padding-bottom:1px}.sm-frac-den{padding-top:1px}.sm-km-note{font-size:9.5px;color:#94a3b8;line-height:1.25}.sm-learn-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:2px;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:700;color:#fbbf24;background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);cursor:pointer;transition:all .2s ease}.sm-learn-more-btn:hover{background:#f59e0b33;color:#fff}.sm-modal-backdrop{position:fixed;inset:0;background:#020617d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.sm-modal-container{background:#0f172a;border:1px solid rgba(51,65,85,.6);border-radius:20px;width:100%;max-width:820px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 48px #000000b3;overflow:hidden;animation:smModalFadeIn .25s cubic-bezier(.16,1,.3,1)}.sm-modal-container.practice-modal{max-width:640px}@keyframes smModalFadeIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(51,65,85,.4);background:#1e293b80}.sm-modal-title-wrap{display:flex;align-items:center}.sm-modal-title{font-size:16px;font-weight:800;color:#f8fafc;margin:0}.sm-modal-subtitle{font-size:11px;color:#94a3b8;margin:2px 0 0}.sm-modal-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease}.sm-modal-close-btn:hover{background:#ffffff1a;color:#fff}.sm-modal-body{display:flex;flex:1;overflow:hidden}.sm-modal-sidebar{width:250px;background:#0a101c80;border-right:1px solid rgba(51,65,85,.35);padding:14px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.sm-sidebar-label{font-size:10px;font-weight:800;letter-spacing:.1em;color:#64748b;margin-bottom:4px}.sm-sidebar-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:transparent;border:1px solid transparent;cursor:pointer;text-align:left;transition:all .2s ease}.sm-sidebar-item:hover{background:#ffffff0d}.sm-sidebar-item.active{background:#f59e0b26;border-color:#f59e0b66}.sm-item-num{font-size:12px;font-weight:900;color:#f59e0b}.sm-item-info{display:flex;flex-direction:column}.sm-item-title{font-size:12px;font-weight:700;color:#f1f5f9;line-height:1.2}.sm-item-badge{font-size:10px;color:#94a3b8}.sm-modal-main-content{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.sm-topic-header{display:flex;flex-direction:column;gap:4px}.sm-topic-badge{font-size:10px;font-weight:800;color:#f59e0b;text-transform:uppercase}.sm-topic-title{font-size:20px;font-weight:900;color:#fff;margin:0}.sm-topic-formula-box{background:#0a101cb3;border:1px solid rgba(245,158,11,.35);border-radius:10px;padding:12px 16px}.sm-formula-label{font-size:10px;font-weight:800;color:#f59e0b;letter-spacing:.08em}.sm-formula-code{font-size:18px;font-weight:900;color:#fef3c7;font-family:Courier New,Courier,monospace;margin-top:4px}.sm-topic-section{display:flex;flex-direction:column;gap:6px}.sm-section-heading{font-size:11px;font-weight:800;letter-spacing:.08em;color:#94a3b8;margin:0;text-transform:uppercase}.sm-section-paragraph{font-size:12.5px;color:#cbd5e1;line-height:1.5;margin:0}.sm-key-points-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.sm-point-item{display:flex;align-items:flex-start;font-size:12px;color:#cbd5e1;line-height:1.4}.sm-example-callout{background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:12px}.sm-callout-title{font-size:11px;font-weight:800;color:#fbbf24;margin-bottom:4px}.sm-callout-text{font-size:12px;color:#fef3c7;line-height:1.45;margin:0}.sm-apply-preset-wrap{margin-top:10px}.sm-preset-btn{display:inline-flex;align-items:center;padding:10px 16px;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;font-size:12px;font-weight:800;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #ea580c66}.sm-preset-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #ea580c99}.sm-quiz-body{padding:20px;display:flex;flex-direction:column;gap:14px}.sm-quiz-meta-bar{display:flex;align-items:center;justify-content:space-between}.sm-quiz-counter{font-size:12px;font-weight:700;color:#94a3b8}.sm-quiz-score-badge{font-size:12px;font-weight:800;color:#fbbf24;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);padding:3px 10px;border-radius:6px}.sm-quiz-progress-track{width:100%;height:4px;background:#1e293b;border-radius:2px;overflow:hidden}.sm-quiz-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#ea580c);transition:width .3s ease}.sm-quiz-question-box{background:#1e293b80;border:1px solid rgba(51,65,85,.4);border-radius:12px;padding:14px 16px}.sm-quiz-question-text{font-size:14px;font-weight:700;color:#f8fafc;line-height:1.45;margin:0}.sm-quiz-options-list{display:flex;flex-direction:column;gap:8px}.sm-option-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:#1e293b66;border:1px solid rgba(51,65,85,.4);color:#e2e8f0;font-size:12.5px;font-weight:600;cursor:pointer;text-align:left;transition:all .2s ease}.sm-option-btn:hover:not(:disabled){background:#33415599;border-color:#f59e0b66}.sm-option-btn.correct{background:#10b98129;border-color:#10b981;color:#34d399}.sm-option-btn.wrong{background:#f43f5e29;border-color:#f43f5e;color:#fb7185}.sm-option-letter{width:24px;height:24px;border-radius:6px;background:#0000004d;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.sm-option-text{flex:1}.sm-explanation-box{background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:12px}.sm-explanation-title{font-size:11px;font-weight:800;color:#fbbf24;margin-bottom:4px}.sm-explanation-text{font-size:12px;color:#fef3c7;line-height:1.4;margin:0}.sm-quiz-action-bar{display:flex;justify-content:flex-end}.sm-next-question-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;font-size:12px;font-weight:800;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ea580c66}.sm-next-question-btn:hover{transform:translateY(-1px)}.sm-quiz-result-view{padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.sm-result-trophy-wrap{width:72px;height:72px;border-radius:50%;background:#f59e0b26;border:2px solid rgba(245,158,11,.4);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.sm-result-headline{font-size:22px;font-weight:900;color:#f8fafc;margin:0}.sm-result-sub{font-size:13px;color:#94a3b8;max-width:440px;margin:0;line-height:1.4}.sm-final-score-display{display:flex;align-items:baseline;gap:4px;margin:10px 0}.sm-score-num{font-size:48px;font-weight:900;color:#fbbf24}.sm-score-total{font-size:18px;color:#64748b;font-weight:700}.sm-result-actions{display:flex;gap:10px}.sm-restart-quiz-btn{padding:10px 16px;border-radius:8px;background:#1e293bcc;border:1px solid rgba(71,85,105,.5);color:#e2e8f0;font-size:12px;font-weight:700;cursor:pointer}.sm-finish-quiz-btn{padding:10px 18px;border-radius:8px;background:linear-gradient(135deg,#f59e0b,#ea580c);border:none;color:#fff;font-size:12px;font-weight:800;cursor:pointer}@media(max-width:1200px){.sm-main-workspace{grid-template-columns:260px 1fr 280px}.sm-bottom-dock{grid-template-columns:1fr}}@media(max-width:900px){.sm-main-workspace{grid-template-columns:1fr}.sm-header{flex-direction:column;gap:10px;align-items:flex-start}.sm-header-left{max-width:100%}}.matter-simulation-root{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.matter-stage-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 30%,#f59e0b14,#0f172af2);border-radius:var(--sim-radius-lg, 16px);overflow:hidden}.matter-canvas-wrapper{flex:1;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:1rem}.matter-hud-overlay{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}.matter-hud-overlay>*{pointer-events:auto}.matter-badge-glass{background:#0f172abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:.375rem .875rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#e2e8f0;box-shadow:0 4px 16px #0000004d}.matter-telemetry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;width:100%}.matter-telemetry-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:var(--sim-radius-md, 12px);padding:.75rem;display:flex;flex-direction:column;gap:.25rem;transition:all .2s ease}.matter-telemetry-card:hover{border-color:#f59e0b4d;background:#1e293b99}.matter-telemetry-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:600}.matter-telemetry-value{font-size:1.15rem;font-weight:700;font-family:var(--sim-font-mono, monospace);color:#f8fafc}.matter-telemetry-sub{font-size:.68rem;color:#64748b}.matter-svg{width:100%;height:100%;max-height:480px}.matter-select-card{padding:.875rem 1rem;border-radius:var(--sim-radius-md, 12px);border:1px solid rgba(255,255,255,.08);background:#0f172a80;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;text-align:left}.matter-select-card:hover{background:#1e293bcc;border-color:#fff3}.matter-select-card.active{background:linear-gradient(135deg,#f59e0b33,#ea580c33);border-color:#fbbf2499;box-shadow:0 0 16px #f59e0b33}:root{--bio-bg: #060b14;--bio-panel-bg: rgba(13, 22, 38, .78);--bio-panel-border: rgba(56, 189, 248, .16);--bio-panel-hover: rgba(56, 189, 248, .28);--bio-text-primary: #f8fafc;--bio-text-secondary: #94a3b8;--bio-text-muted: #64748b;--bio-cyan: #00d2ff;--bio-cyan-glow: rgba(0, 210, 255, .35);--bio-red: #ff2a6d;--bio-red-glow: rgba(255, 42, 109, .4);--bio-card-bg: rgba(18, 30, 52, .65);--bio-radius-sm: 8px;--bio-radius-md: 12px;--bio-radius-lg: 16px;--bio-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.bio-lab-container{display:flex;flex-direction:column;width:100%;min-height:100vh;background:radial-gradient(circle at 50% 25%,#0b172a,#060b14 75%,#03060a);color:var(--bio-text-primary);font-family:var(--bio-font-sans);overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.bc-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#080e1ae6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--bio-panel-border);position:sticky;top:0;z-index:50;gap:16px}.bc-header-left{display:flex;flex-direction:column;gap:3px}.bc-brand-wrap{display:flex;align-items:center;gap:12px}.bc-brand-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:linear-gradient(135deg,#ff2a6d38,#00d2ff26);border:1px solid rgba(255,42,109,.45);border-radius:9999px;font-size:.7rem;font-weight:700;letter-spacing:.08em;color:#ff758f;text-transform:uppercase}.bc-main-title{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:.02em;color:#fff}.bc-title-accent{background:linear-gradient(90deg,#38bdf8,#ff2a6d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bc-header-subtitle{margin:0;font-size:.74rem;color:var(--bio-text-muted)}.bc-header-center{display:flex;justify-content:center}.bc-mode-tabs{display:flex;background:#0f172ad9;padding:4px;border-radius:var(--bio-radius-md);border:1px solid var(--bio-panel-border);gap:4px}.bc-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;background:transparent;color:var(--bio-text-secondary);font-size:.8rem;font-weight:600;border-radius:var(--bio-radius-sm);cursor:pointer;transition:all .2s ease}.bc-tab-btn:hover{color:#fff;background:#ffffff0f}.bc-tab-btn.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 0 12px var(--bio-cyan-glow)}.bc-header-right{display:flex;align-items:center;gap:8px}.bc-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#1e293bb3;border:1px solid var(--bio-panel-border);color:var(--bio-text-secondary);border-radius:var(--bio-radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.bc-action-btn:hover{background:#334155e6;color:#fff;border-color:#38bdf866}.bc-home-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--bio-radius-sm);background:linear-gradient(135deg,#e11d48,#be123c);border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;transition:all .2s}.bc-home-btn:hover{transform:translateY(-1px);box-shadow:0 0 12px #e11d4880}.bio-lab-main-arena{display:grid;grid-template-columns:460px 1fr 310px;gap:16px;padding:16px 20px;min-height:520px}.bc-left-panel{display:flex;flex-direction:column;background:var(--bio-panel-bg);border:1px solid var(--bio-panel-border);border-radius:var(--bio-radius-md);padding:14px;gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bc-panel-header{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.bc-panel-title{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.08em;color:#f1f5f9;text-transform:uppercase}.bc-left-content-split{display:grid;grid-template-columns:140px 1fr;gap:12px;height:calc(100% - 34px)}.bc-components-list{display:flex;flex-direction:column;gap:5px;overflow-y:auto;max-height:480px;padding-right:4px}.bc-comp-btn{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:#0f172aa6;border:1px solid rgba(255,255,255,.04);border-radius:var(--bio-radius-sm);color:var(--bio-text-secondary);font-size:.78rem;font-weight:600;cursor:pointer;text-align:left;transition:all .2s ease}.bc-comp-btn:hover{background:#1e304dcc;border-color:var(--bio-panel-hover);color:#fff;transform:translate(2px)}.bc-comp-btn.active{background:linear-gradient(90deg,#0ea5e940,#0f172ae6);border-color:var(--bio-cyan);color:#fff;box-shadow:inset 3px 0 0 var(--bio-cyan)}.bc-comp-icon{font-size:.95rem}.bc-comp-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-detail-card{display:flex;flex-direction:column;background:#0f172abf;border:1px solid rgba(255,255,255,.06);border-radius:var(--bio-radius-sm);padding:12px;gap:10px;overflow-y:auto;max-height:480px}.bc-detail-header{display:flex;align-items:center;gap:8px}.bc-detail-icon{font-size:1.25rem}.bc-detail-title{margin:0;font-size:.95rem;font-weight:800;color:#fff;letter-spacing:.05em}.bc-detail-subtabs{display:flex;background:#0a101cb3;padding:2px;border-radius:var(--bio-radius-sm);border:1px solid rgba(255,255,255,.05);gap:2px}.bc-subtab-btn{flex:1;padding:4px 6px;border:none;background:transparent;color:var(--bio-text-muted);font-size:.72rem;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s;text-align:center}.bc-subtab-btn.active{background:#38bdf833;color:var(--bio-cyan)}.bc-detail-body{font-size:.78rem;line-height:1.45;color:#cbd5e1}.bc-detail-text{margin:0}.bc-facts-section{background:#0a101c99;border:1px solid rgba(255,255,255,.05);border-radius:var(--bio-radius-sm);padding:10px;display:flex;flex-direction:column;gap:8px}.bc-facts-heading{font-size:.72rem;font-weight:700;text-transform:uppercase;color:#fbbf24;display:flex;align-items:center}.bc-facts-list{display:flex;flex-direction:column;gap:6px}.bc-fact-item{display:flex;align-items:flex-start;gap:8px}.bc-fact-bullet{width:18px;height:18px;min-width:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem}.bc-fact-bullet.badge-red{background:#ef444433;color:#f87171}.bc-fact-bullet.badge-cyan{background:#0ea5e933;color:#38bdf8}.bc-fact-bullet.badge-rose{background:#f43f5e33;color:#fb7185}.bc-fact-bullet.badge-blue{background:#3b82f633;color:#60a5fa}.bc-fact-text{margin:0;font-size:.72rem;line-height:1.35;color:#cbd5e1}.bio-center-viewport{position:relative;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 45%,#0f2038,#070d18 70%);border:1px solid var(--bio-panel-border);border-radius:var(--bio-radius-lg);overflow:hidden;box-shadow:inset 0 0 40px #0009;min-height:520px}.bio-viewport-header-hud{position:absolute;top:14px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;z-index:10;pointer-events:none}.hud-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#0f172ad9;border:1px solid rgba(255,42,109,.4);border-radius:9999px;font-size:.75rem;font-weight:700;color:#ff758f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pulse-icon{animation:heartPulseAnim 1.1s infinite}@keyframes heartPulseAnim{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.hud-info-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:#0f172ad9;border:1px solid var(--bio-panel-border);border-radius:9999px;font-size:.82rem;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-info-chip .dot{width:8px;height:8px;border-radius:50%}.hud-reset-cam-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#0f172ad9;border:1px solid var(--bio-panel-border);border-radius:9999px;color:var(--bio-text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.hud-reset-cam-btn:hover{background:#1e293bf2;color:#fff;border-color:var(--bio-cyan)}.bio-canvas-container{width:100%;height:100%;min-height:520px}.bio-callout-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;background:#0f172ae0;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:.72rem;font-weight:600;color:#e2e8f0;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 12px #00000080;transition:all .2s ease;-webkit-user-select:none;user-select:none}.bio-callout-badge.mini{font-size:.68rem;padding:2px 6px}.bio-callout-badge:hover,.bio-callout-badge.active{background:#1e304df2;border-color:var(--bio-cyan);color:#fff;transform:scale(1.08)}.bio-callout-badge .dot{width:7px;height:7px;border-radius:50%}.bio-callout-badge .dot.red{background:var(--bio-red);box-shadow:0 0 6px var(--bio-red)}.bio-callout-badge .dot.blue{background:var(--bio-cyan);box-shadow:0 0 6px var(--bio-cyan)}.bio-camera-perspective-dock{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;z-index:10;pointer-events:none}.pill-group{pointer-events:auto;display:flex;background:#0a101cd9;padding:4px;border-radius:9999px;border:1px solid var(--bio-panel-border);gap:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cam-perspective-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:none;background:transparent;color:var(--bio-text-secondary);font-size:.74rem;font-weight:600;border-radius:9999px;cursor:pointer;transition:all .2s ease}.cam-perspective-pill:hover{color:#fff;background:#ffffff14}.cam-perspective-pill.active{background:var(--bio-cyan);color:#030712;font-weight:700;box-shadow:0 0 10px var(--bio-cyan-glow)}.bio-control-panel{display:flex;flex-direction:column;background:var(--bio-panel-bg);border:1px solid var(--bio-panel-border);border-radius:var(--bio-radius-md);padding:16px;gap:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-title-bar{display:flex;align-items:center;justify-content:space-between}.panel-title{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.08em;color:#cbd5e1;text-transform:uppercase}.panel-status-indicator{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;color:#22c55e;padding:2px 7px;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:9999px}.action-tiles-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-tile{display:flex;flex-direction:column;align-items:flex-start;padding:10px;border-radius:var(--bio-radius-sm);border:1px solid rgba(255,255,255,.08);background:var(--bio-card-bg);color:var(--bio-text-primary);cursor:pointer;gap:6px;transition:all .2s ease;text-align:left}.action-tile:hover{transform:translateY(-2px);border-color:var(--bio-panel-hover);background:#1e304dd9}.action-tile.primary.running{background:linear-gradient(135deg,#ff2a6d33,#0f172ae6);border-color:var(--bio-red)}.action-tile.pulmonary.active{background:linear-gradient(135deg,#00d2ff33,#0f172ae6);border-color:var(--bio-cyan)}.action-tile.systemic.active{background:linear-gradient(135deg,#f43f5e40,#0f172ae6);border-color:#f43f5e}.action-tile-icon-box{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:#ffffff14;color:#38bdf8}.action-tile-icon-box.cyan{background:#00d2ff26;color:var(--bio-cyan)}.action-tile-icon-box.red{background:#ff2a6d26;color:var(--bio-red)}.action-tile-icon-box.gray{background:#94a3b826;color:#94a3b8}.action-tile-title{display:block;font-size:.78rem;font-weight:700;color:#fff}.action-tile-sub{display:block;font-size:.66rem;color:var(--bio-text-muted)}.control-section{display:flex;flex-direction:column;gap:7px}.control-section-header{display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:6px}.section-label{font-size:.76rem;font-weight:600;color:#cbd5e1}.section-icon{color:var(--bio-cyan)}.speed-badge{font-size:.72rem;font-weight:700;color:var(--bio-cyan);background:#00d2ff1f;padding:1px 7px;border-radius:4px}.slider-wrapper{display:flex;flex-direction:column;gap:4px}.bio-range-slider{-webkit-appearance:none;width:100%;height:6px;background:#1e293b;border-radius:4px;outline:none;cursor:pointer}.bio-range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--bio-cyan);box-shadow:0 0 8px var(--bio-cyan);cursor:pointer}.slider-ticks{display:flex;justify-content:space-between;font-size:.65rem;color:var(--bio-text-muted)}.viz-mode-tabs-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.viz-mode-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;background:var(--bio-card-bg);border:1px solid rgba(255,255,255,.06);border-radius:var(--bio-radius-sm);color:var(--bio-text-secondary);font-size:.74rem;font-weight:600;cursor:pointer;transition:all .2s}.viz-mode-btn:hover{background:#1e304dcc;color:#fff}.viz-mode-btn.active{background:#0ea5e933;border-color:var(--bio-cyan);color:#fff}.toggle-list{display:flex;flex-direction:column;gap:5px}.toggle-item{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#0f172a80;border-radius:var(--bio-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.toggle-item:hover{background:#1e304d99}.toggle-checkbox-btn{background:transparent;border:none;padding:0;display:flex;align-items:center;cursor:pointer}.check-icon.checked{color:var(--bio-cyan)}.check-icon.unchecked{color:var(--bio-text-muted)}.toggle-label-text{font-size:.74rem;color:#e2e8f0}.control-mini-summary-box{background:#0a101cb3;border:1px solid rgba(56,189,248,.15);border-radius:var(--bio-radius-sm);padding:9px;display:flex;flex-direction:column;gap:5px}.summary-header{display:flex;align-items:center;gap:6px}.summary-header .dot{width:6px;height:6px;border-radius:50%;background:var(--bio-cyan)}.summary-title{font-size:.7rem;font-weight:700;color:var(--bio-cyan);text-transform:uppercase}.summary-text{margin:0;font-size:.7rem;line-height:1.4;color:#cbd5e1}.bio-bottom-dock{display:grid;grid-template-columns:380px 1fr 380px;gap:16px;padding:0 20px 24px}.bottom-card{display:flex;flex-direction:column;background:var(--bio-panel-bg);border:1px solid var(--bio-panel-border);border-radius:var(--bio-radius-md);padding:12px 14px;gap:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-card-header{display:flex;align-items:center;justify-content:space-between}.header-icon-title{display:flex;align-items:center;gap:6px}.card-title{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.05em;color:#fff;text-transform:uppercase}.card-header-icon.red{color:var(--bio-red)}.card-header-icon.cyan{color:var(--bio-cyan)}.card-header-icon.purple{color:#c084fc}.card-badge{font-size:.68rem;font-weight:600;padding:2px 7px;background:#ffffff14;border-radius:9999px;color:var(--bio-text-secondary)}.card-badge.cyan{background:#00d2ff26;color:var(--bio-cyan)}.cells-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cell-item-card{display:flex;flex-direction:column;padding:7px 9px;background:#0f172ab3;border:1px solid rgba(255,255,255,.05);border-radius:var(--bio-radius-sm);cursor:pointer;gap:3px;transition:all .2s}.cell-item-card:hover{background:#1e304dd9;border-color:var(--bio-panel-hover)}.cell-item-card.active{border-color:var(--bio-red);background:linear-gradient(135deg,#ff2a6d2e,#0f172ae6)}.cell-top-row{display:flex;justify-content:space-between;align-items:center}.cell-name{font-size:.76rem;font-weight:700;color:#f1f5f9}.cell-vol{font-size:.66rem;font-weight:600;color:#38bdf8}.cell-role{font-size:.68rem;color:var(--bio-text-muted);line-height:1.25}.cell-count-tag{display:flex;justify-content:space-between;font-size:.65rem;color:#94a3b8;margin-top:2px}.lumen-tags{display:flex;gap:4px}.lumen-tags .tag{font-size:.62rem;font-weight:600;padding:1px 6px;border-radius:4px}.lumen-tags .tag.rbc{background:#ff174433;color:#ff4d6d}.lumen-tags .tag.wbc{background:#38bdf833;color:#7dd3fc}.lumen-tags .tag.plt{background:#fbbf2433;color:#fde047}.vessel-canvas-wrapper{position:relative;width:100%;height:110px;border-radius:var(--bio-radius-sm);overflow:hidden;border:1px solid rgba(255,255,255,.08)}.vessel-canvas{width:100%;height:100%;display:block}.vessel-overlay-labels{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:4px 8px}.vessel-overlay-labels .label-item{font-size:.62rem;font-weight:600;color:#ffffffb3;text-shadow:0 1px 3px rgba(0,0,0,.9)}.cycle-schematic-grid{display:flex;flex-direction:column;gap:8px}.circuit-box{display:flex;flex-direction:column;padding:8px 10px;background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:var(--bio-radius-sm);gap:5px;transition:all .2s ease}.circuit-box.highlight{border-color:var(--bio-cyan);background:#0ea5e926}.circuit-tag{font-size:.7rem;font-weight:700}.circuit-tag.cyan{color:var(--bio-cyan)}.circuit-tag.red{color:var(--bio-red)}.circuit-flow-chain{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:.67rem}.node{padding:2px 6px;border-radius:4px;font-weight:600}.node.blue{background:#00d2ff2e;color:#7dd3fc}.node.red{background:#ff2a6d2e;color:#fda4af}.node.lung{background:#a855f733;color:#d8b4fe}.node.body{background:#eab30833;color:#fef08a}.arrow{color:var(--bio-text-muted)}.bio-modal-backdrop{position:fixed;inset:0;background:#000000d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px}.bio-modal-card{width:100%;max-width:680px;background:#0b1526;border:1px solid var(--bio-panel-border);border-radius:var(--bio-radius-lg);box-shadow:0 25px 50px -12px #000c,0 0 30px #00d2ff33;display:flex;flex-direction:column;overflow:hidden}.bio-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#0f172ad9;border-bottom:1px solid var(--bio-panel-border)}.bio-modal-title-group{display:flex;align-items:center;gap:12px}.bio-modal-icon-badge{font-size:1.5rem}.bio-modal-title{margin:0;font-size:1.15rem;font-weight:700;color:#fff}.bio-modal-sub{font-size:.75rem;color:var(--bio-text-muted)}.bio-modal-close-btn{background:transparent;border:none;color:var(--bio-text-muted);cursor:pointer;padding:4px;border-radius:4px}.bio-modal-close-btn:hover{color:#fff;background:#ffffff1a}.bio-modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow-y:auto}.challenge-step-container{display:flex;flex-direction:column;gap:14px}.challenge-progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-text{font-size:.75rem;font-weight:600;color:var(--bio-cyan)}.progress-bar-bg{flex:1;height:6px;background:#ffffff1a;border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--bio-cyan),var(--bio-red));border-radius:9999px;transition:width .3s ease}.challenge-question-text{margin:0;font-size:1.05rem;font-weight:600;line-height:1.45;color:#f8fafc}.challenge-options-list{display:flex;flex-direction:column;gap:8px}.challenge-option-btn{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:var(--bio-radius-sm);color:#e2e8f0;font-size:.85rem;text-align:left;cursor:pointer;transition:all .2s ease}.challenge-option-btn:hover:not(:disabled){background:#1e304dcc;border-color:var(--bio-cyan)}.challenge-option-btn.selected{background:#0ea5e933;border-color:var(--bio-cyan)}.challenge-option-btn.correct{background:#22c55e33;border-color:#22c55e;color:#86efac}.challenge-option-btn.wrong{background:#ef444433;border-color:#ef4444;color:#fca5a5}.option-letter{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:#ffffff14;border-radius:50%;font-weight:700;font-size:.8rem}.option-label{flex:1}.challenge-explanation-card{padding:12px 14px;border-radius:var(--bio-radius-sm);display:flex;flex-direction:column;gap:4px}.challenge-explanation-card.success{background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.challenge-explanation-card.alert{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.explanation-title{font-weight:700;font-size:.85rem}.explanation-desc{margin:0;font-size:.8rem;line-height:1.4;color:#e2e8f0}.challenge-results-screen{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:20px 0}.results-badge-ring{width:80px;height:80px;border-radius:50%;background:#f59e0b26;border:2px solid #f59e0b;display:flex;align-items:center;justify-content:center}.gold-trophy{color:#f59e0b}.results-title{margin:0;font-size:1.4rem;font-weight:800;color:#fff}.results-subtitle{margin:0;font-size:1rem;color:#cbd5e1}.results-feedback-box{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:var(--bio-radius-sm);padding:12px 18px;font-size:.85rem;line-height:1.45;color:#e2e8f0}.refleksi-body{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:16px}.refleksi-tabs-sidebar{display:flex;flex-direction:column;gap:6px}.refleksi-tab-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:var(--bio-radius-sm);color:var(--bio-text-secondary);cursor:pointer;text-align:left;transition:all .2s}.refleksi-tab-btn:hover{background:#1e304dcc;color:#fff}.refleksi-tab-btn.active{background:linear-gradient(90deg,#0ea5e940,#0f172ae6);border-color:var(--bio-cyan);color:#fff}.tab-badge{font-size:.65rem;font-weight:700;color:var(--bio-cyan);display:block}.tab-title{font-size:.75rem;font-weight:600;display:block}.refleksi-content-panel{display:flex;flex-direction:column;gap:12px}.topic-header-bar{display:flex;flex-direction:column;gap:4px}.topic-badge{font-size:.7rem;font-weight:700;color:var(--bio-cyan)}.topic-title{margin:0;font-size:1.15rem;font-weight:700;color:#fff}.topic-desc{margin:0;font-size:.85rem;line-height:1.5;color:#cbd5e1}.topic-insights-box{background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:var(--bio-radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.insights-title{margin:0;font-size:.78rem;font-weight:700;color:#fde047;text-transform:uppercase}.insights-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.insight-item{display:flex;align-items:flex-start;gap:8px;font-size:.78rem;color:#e2e8f0;line-height:1.4}.insight-item .bullet{color:var(--bio-cyan);font-weight:700}.clinical-significance-box{background:#ff2a6d1f;border:1px solid rgba(255,42,109,.35);border-radius:var(--bio-radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:4px}.clinical-header{display:flex;align-items:center;gap:6px}.clinical-header .dot{width:7px;height:7px;border-radius:50%;background:var(--bio-red)}.clinical-title{font-size:.78rem;font-weight:700;color:#fda4af;text-transform:uppercase}.clinical-text{margin:0;font-size:.78rem;line-height:1.45;color:#fce7f3}.bio-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:14px 20px;background:#0f172acc;border-top:1px solid var(--bio-panel-border);gap:10px}.bio-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:var(--bio-radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.bio-btn.primary{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 0 12px var(--bio-cyan-glow)}.bio-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#0ea5e9,#0284c7);transform:translateY(-1px)}.bio-btn.primary:disabled{opacity:.5;cursor:not-allowed}.bio-btn.secondary{background:#1e293bcc;color:var(--bio-text-secondary);border:1px solid var(--bio-panel-border)}.bio-btn.secondary:hover{background:#334155e6;color:#fff}.bc-components-list::-webkit-scrollbar,.bc-detail-card::-webkit-scrollbar,.bio-modal-body::-webkit-scrollbar{width:5px}.bc-components-list::-webkit-scrollbar-thumb,.bc-detail-card::-webkit-scrollbar-thumb,.bio-modal-body::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:4px}@media(max-width:1400px){.bio-lab-main-arena{grid-template-columns:420px 1fr 290px}.bio-bottom-dock{grid-template-columns:340px 1fr 340px}}@media(max-width:1200px){.bio-lab-main-arena{grid-template-columns:380px 1fr 270px}.bio-bottom-dock{grid-template-columns:1fr}}@media(max-width:992px){.bio-lab-main-arena,.refleksi-body{grid-template-columns:1fr}.bc-header{flex-direction:column;align-items:stretch}.bc-header-center{justify-content:flex-start;overflow-x:auto}}.adaptive-panel .bc-left-panel,.adaptive-panel .bc-right-panel{background:transparent!important;border:none!important;padding:0!important;width:100%!important;height:100%!important;box-shadow:none!important}.adaptive-panel .bc-panel-header{display:none!important}.adaptive-canvas-stage .bio-center-viewport{width:100%!important;height:100%!important;min-height:100%!important;background:transparent!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;flex:1 1 100%!important}.adaptive-canvas-stage .bio-canvas-container{width:100%!important;height:100%!important;flex:1 1 auto!important}.adaptive-bottom-drawer .bio-bottom-dock{width:100%!important;padding:12px 18px!important;margin:0!important;box-sizing:border-box!important}.energy-simulation-root{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.energy-stage-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 30%,#06b6d414,#0f172af2);border-radius:var(--sim-radius-lg, 16px);overflow:hidden}.energy-canvas-wrapper{flex:1;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:1rem}.energy-hud-overlay{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}.energy-hud-overlay>*{pointer-events:auto}.energy-badge-glass{background:#0f172abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:.375rem .875rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#e2e8f0;box-shadow:0 4px 16px #0000004d}.energy-telemetry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;width:100%}.energy-telemetry-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:var(--sim-radius-md, 12px);padding:.75rem;display:flex;flex-direction:column;gap:.25rem;transition:all .2s ease}.energy-telemetry-card:hover{border-color:#06b6d44d;background:#1e293b99}.energy-telemetry-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:600}.energy-telemetry-value{font-size:1.15rem;font-weight:700;font-family:var(--sim-font-mono, monospace);color:#f8fafc}.energy-telemetry-sub{font-size:.68rem;color:#64748b}.energy-svg{width:100%;height:100%;max-height:480px}.appliance-chip-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-radius:var(--sim-radius-md, 12px);font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.08);background:#0f172a80;color:#94a3b8;cursor:pointer;transition:all .2s ease}.appliance-chip-btn:hover{color:#f8fafc;background:#1e293bcc;border-color:#fff3}.appliance-chip-btn.active{background:linear-gradient(135deg,#06b6d440,#3b82f640);border-color:#22d3ee99;color:#f8fafc;box-shadow:0 0 16px #06b6d440}.reaction-simulation-root{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.reaction-stage-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 30%,#ec489914,#0f172af2);border-radius:var(--sim-radius-lg, 16px);overflow:hidden}.reaction-canvas-wrapper{flex:1;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:1rem}.reaction-hud-overlay{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}.reaction-hud-overlay>*{pointer-events:auto}.reaction-badge-glass{background:#0f172abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:.375rem .875rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#e2e8f0;box-shadow:0 4px 16px #0000004d}.reaction-telemetry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;width:100%}.reaction-telemetry-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:var(--sim-radius-md, 12px);padding:.75rem;display:flex;flex-direction:column;gap:.25rem;transition:all .2s ease}.reaction-telemetry-card:hover{border-color:#ec48994d;background:#1e293b99}.reaction-telemetry-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:600}.reaction-telemetry-value{font-size:1.15rem;font-weight:700;font-family:var(--sim-font-mono, monospace);color:#f8fafc}.reaction-telemetry-sub{font-size:.68rem;color:#64748b}.reaction-svg{width:100%;height:100%;max-height:480px}.reaction-type-btn{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:var(--sim-radius-md, 12px);font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.08);background:#0f172a80;color:#94a3b8;cursor:pointer;transition:all .2s ease}.reaction-type-btn:hover{color:#f8fafc;background:#1e293bcc;border-color:#fff3}.reaction-type-btn.active{background:linear-gradient(135deg,#ec489940,#a855f740);border-color:#f472b699;color:#f8fafc;box-shadow:0 0 16px #ec489940}:root{--zat-bg-deep: #060b17;--zat-bg-card: rgba(13, 23, 44, .75);--zat-bg-card-hover: rgba(22, 38, 70, .85);--zat-border: rgba(255, 255, 255, .08);--zat-border-bright: rgba(56, 189, 248, .35);--zat-cyan-primary: #06b6d4;--zat-cyan-glow: rgba(6, 182, 212, .25);--zat-emerald-accent: #10b981;--zat-amber-accent: #f59e0b;--zat-rose-accent: #f43f5e;--zat-text-main: #f8fafc;--zat-text-muted: #94a3b8;--zat-text-dim: #64748b;--zat-radius-lg: 16px;--zat-radius-md: 12px;--zat-radius-sm: 8px;--zat-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.zat-aditif-adiktif-smp{min-height:100vh;width:100%;background-color:var(--zat-bg-deep);background-image:radial-gradient(circle at 15% 15%,rgba(6,182,212,.08) 0%,transparent 40%),radial-gradient(circle at 85% 20%,rgba(16,185,129,.06) 0%,transparent 40%),radial-gradient(circle at 50% 85%,rgba(244,63,94,.05) 0%,transparent 50%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,36px 36px,36px 36px;color:var(--zat-text-main);font-family:var(--zat-font-sans);padding:16px 24px 40px;box-sizing:border-box;display:flex;flex-direction:column}.zat-navbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 96px 12px 20px;background:#0b1426d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--zat-border);border-radius:var(--zat-radius-lg);margin-bottom:20px;box-shadow:0 8px 32px #0006}.zat-nav-brand{display:flex;align-items:center;gap:16px}.zat-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--zat-radius-md);background:#ffffff0f;border:1px solid var(--zat-border);color:#e2e8f0;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.zat-back-btn:hover{background:#38bdf826;border-color:#38bdf866;color:#38bdf8;transform:translate(-2px)}.flask-logo-wrapper{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#06b6d433,#0ea5e914);border:1px solid rgba(6,182,212,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #06b6d44d}.flask-logo-icon{color:#38bdf8;filter:drop-shadow(0 0 8px #38bdf8)}.brand-titles{display:flex;flex-direction:column;gap:2px}.version-pill{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.08em;color:#38bdf8;background:#06b6d41f;border:1px solid rgba(6,182,212,.25);padding:2px 8px;border-radius:20px;width:fit-content}.main-title{margin:0;font-size:1.45rem;font-weight:800;letter-spacing:-.01em;background:linear-gradient(90deg,#38bdf8,#67e8f9,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 24px rgba(56,189,248,.35)}.main-subtitle{margin:0;font-size:.8rem;color:var(--zat-text-muted)}.zat-nav-actions{display:flex;align-items:center;gap:16px}.nav-tab-group{display:flex;align-items:center;gap:6px;background:#060d1a99;border:1px solid var(--zat-border);padding:4px;border-radius:10px}.nav-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--zat-text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.nav-tab-btn:hover{color:var(--zat-text-main);background:#ffffff0a}.nav-tab-btn.active{background:#06b6d42e;border-color:#06b6d480;color:#38bdf8;box-shadow:0 0 16px #06b6d440}.header-action-buttons{display:flex;align-items:center;gap:8px}.icon-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0a;border:1px solid var(--zat-border);border-radius:9px;color:var(--zat-text-muted);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease}.icon-action-btn:hover{background:#ffffff14;color:var(--zat-text-main);border-color:#fff3}.category-switcher-banner{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.cat-switch-pill{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);background:#0e193099;border:1px solid var(--zat-border);color:var(--zat-text-muted)}.cat-switch-pill:hover{background:#142444cc;color:var(--zat-text-main)}.cat-switch-pill.active-aditif{background:linear-gradient(135deg,#059669,#10b981);border-color:#10b981cc;color:#fff;box-shadow:0 4px 20px #10b98159}.cat-switch-pill.active-adiktif{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#ef4444cc;color:#fff;box-shadow:0 4px 20px #ef444459}.simulation-two-columns{display:grid;grid-template-columns:1fr 340px;gap:20px;margin-bottom:24px}.left-simulation-showcase{background:#0b1426b3;border:1px solid var(--zat-border);border-radius:var(--zat-radius-lg);padding:20px;display:flex;flex-direction:column;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.section-title-left h2{margin:0;font-size:1.15rem;font-weight:700;color:var(--zat-text-main)}.cards-scrollable-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:14px;width:100%}.adiktif-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.additive-card-interactive{background:#0e1930a6;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);position:relative;-webkit-user-select:none;user-select:none}.additive-card-interactive:hover{background:#162646d9;border-color:#38bdf84d;transform:translateY(-3px);box-shadow:0 8px 24px #00000059}.additive-card-interactive.is-selected{background:#112240f2;border-color:#38bdf8;box-shadow:0 0 20px #38bdf84d,inset 0 0 12px #38bdf81a}.additive-card-interactive.is-selected-adiktif{background:#2d0e14f2;border-color:#ef4444;box-shadow:0 0 20px #ef44444d,inset 0 0 12px #ef44441a}.card-visual-frame{height:110px;border-radius:10px;background:#080f1e;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.adiktif-visual-frame{background:#1e090e;border-color:#ef444433}.card-top-image{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.16,1,.3,1)}.additive-card-interactive:hover .card-top-image{transform:scale(1.08)}.card-badge-status{position:absolute;top:6px;right:6px;font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:10px;background:#10b981d9;border:1px solid rgba(16,185,129,.9);color:#fff;box-shadow:0 2px 6px #0006;z-index:3}.card-badge-status.danger-badge{background:#ef4444d9;border-color:#ef4444e6;color:#fff}.card-meta{display:flex;flex-direction:column;gap:3px;flex-grow:1}.card-item-title{margin:0;font-size:.92rem;font-weight:700;color:var(--zat-text-main);line-height:1.25}.card-item-tagline{margin:0;font-size:.72rem;color:var(--zat-text-muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-bottom-examples{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#060d1ab3;border:1px solid rgba(255,255,255,.05);border-radius:7px;font-size:.68rem;color:var(--zat-text-muted);line-height:1.25}.examples-icon-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.examples-label-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.examples-label-text strong{color:#cbd5e1}.danger-bottom{background:#ef444414;border-color:#ef444433}.right-panel-controls{display:flex;flex-direction:column;gap:16px}.control-card-widget,.products-showcase-widget{background:#0b1426bf;border:1px solid var(--zat-border);border-radius:var(--zat-radius-lg);padding:18px;display:flex;flex-direction:column;gap:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.panel-header-title{display:flex;align-items:center;justify-content:space-between}.panel-title-with-icon{display:flex;align-items:center;gap:10px}.icon-badge-round{width:30px;height:30px;border-radius:8px;background:#06b6d426;border:1px solid rgba(6,182,212,.3);color:#38bdf8;display:flex;align-items:center;justify-content:center}.panel-title-with-icon h3{margin:0;font-size:.95rem;font-weight:700;color:var(--zat-text-main)}.control-field-group{display:flex;flex-direction:column;gap:8px}.field-group-label{font-size:.78rem;font-weight:600;color:var(--zat-text-muted)}.category-control-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ctrl-tab-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:8px;font-size:.78rem;font-weight:600;background:#060d1a99;border:1px solid var(--zat-border);color:var(--zat-text-muted);cursor:pointer;transition:all .2s ease}.ctrl-tab-btn:hover{color:var(--zat-text-main);background:#ffffff0d}.ctrl-tab-btn.ctrl-active-aditif{background:#10b98133;border-color:#10b98199;color:#34d399}.ctrl-tab-btn.ctrl-active-adiktif{background:#ef444433;border-color:#ef444499;color:#f87171}.custom-select-wrapper{position:relative;width:100%}.custom-styled-select{width:100%;padding:10px 36px 10px 12px;background:#060d1acc;border:1px solid var(--zat-border);border-radius:8px;color:var(--zat-text-main);font-size:.82rem;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;transition:border-color .2s}.custom-styled-select:focus{border-color:var(--zat-cyan-primary)}.select-arrow-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--zat-text-dim)}.panel-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.primary-glow-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#0284c7,#06b6d4);border:1px solid rgba(56,189,248,.5);border-radius:8px;color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #06b6d44d}.primary-glow-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #06b6d473}.secondary-outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:#ffffff0a;border:1px solid var(--zat-border);border-radius:8px;color:var(--zat-text-muted);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease}.secondary-outline-btn:hover{background:#ffffff14;color:var(--zat-text-main);border-color:#fff3}.learn-more-outline-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#10b98114;border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#34d399;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.learn-more-outline-btn:hover{background:#10b98129;border-color:#10b98199}.products-horizontal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.product-thumb-card{display:flex;flex-direction:column;align-items:center;gap:6px;background:#060d1a99;border:1px solid var(--zat-border);border-radius:10px;padding:6px 6px 10px;transition:transform .2s,border-color .2s;cursor:pointer}.product-thumb-card:hover{transform:translateY(-2px);border-color:#38bdf866}.product-thumb-img-wrapper{width:100%;height:68px;border-radius:8px;overflow:hidden;background:#091020;display:flex;align-items:center;justify-content:center}.prod-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.product-thumb-card:hover .prod-thumb-img{transform:scale(1.06)}.prod-thumb-title{font-size:.68rem;font-weight:600;color:#e2e8f0;text-align:center;line-height:1.25}.bottom-tri-cards-container{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.tri-card{background:#0b1426bf;border:1px solid var(--zat-border);border-radius:var(--zat-radius-lg);padding:20px;display:flex;flex-direction:column;gap:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tri-card-header{display:flex;align-items:center;gap:10px}.tri-icon-pill{width:32px;height:32px;border-radius:8px;background:#06b6d426;border:1px solid rgba(6,182,212,.3);color:#38bdf8;display:flex;align-items:center;justify-content:center}.tri-icon-pill.green-pill{background:#10b98126;border-color:#10b9814d;color:#34d399}.tri-icon-pill.amber-pill{background:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}.tri-icon-pill.red-pill{background:#ef444426;border-color:#ef44444d;color:#f87171}.tri-card-header h3{margin:0;font-size:.98rem;font-weight:700;color:var(--zat-text-main)}.tri-card-body{display:flex;flex-direction:column;gap:12px}.info-main-top{display:flex;align-items:center;gap:14px}.info-preview-box{width:130px;height:85px;border-radius:10px;background:#091020;border:1px solid rgba(56,189,248,.3);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-preview-box.danger-box{background:#1e090e;border-color:#ef444466}.info-preview-img{width:100%;height:100%;object-fit:cover}.info-preview-title{display:flex;flex-direction:column;gap:2px}.info-preview-title h4{margin:0;font-size:1.05rem;font-weight:700;color:#fff}.info-full-desc-inline{margin:4px 0 0;font-size:.78rem;color:var(--zat-text-muted);line-height:1.45}.info-examples-box{padding:10px 12px;background:#060d1a99;border:1px solid rgba(6,182,212,.25);border-radius:8px;display:flex;align-items:center;gap:8px}.info-examples-box.danger-border{border-color:#ef44444d;background:#230c1080}.examples-header-label{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:#e2e8f0;white-space:nowrap}.examples-body-text{margin:0;font-size:.78rem;color:#cbd5e1;font-weight:500}.tri-bullet-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.tri-bullet-item{display:flex;align-items:flex-start;gap:10px;font-size:.78rem;color:#cbd5e1;line-height:1.45}.bullet-check-icon{color:#10b981;flex-shrink:0;margin-top:2px}.bullet-amber-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 8px #f59e0b;flex-shrink:0;margin-top:6px}.status-hukum-badge{padding:8px 12px;border-radius:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.75rem}.challenge-mode-container{max-width:840px;margin:0 auto;width:100%}.challenge-box-card{background:#0b1426d9;border:1px solid var(--zat-border);border-radius:var(--zat-radius-lg);padding:28px;display:flex;flex-direction:column;gap:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 40px #0006}.quiz-top-bar{display:flex;align-items:center;justify-content:space-between}.quiz-badge-step{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--zat-text-muted);font-weight:600}.quiz-score-pill{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fbbf24;font-weight:700;font-size:.82rem}.quiz-progress-track{width:100%;height:6px;background:#ffffff14;border-radius:4px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#10b981);transition:width .3s cubic-bezier(.16,1,.3,1)}.quiz-question-wrapper{display:flex;flex-direction:column;gap:14px}.question-topic-pill{font-size:.7rem;font-weight:700;color:#38bdf8;background:#06b6d426;padding:3px 10px;border-radius:6px;width:fit-content}.quiz-question-text{margin:0;font-size:1.15rem;font-weight:700;color:var(--zat-text-main);line-height:1.45}.quiz-options-grid{display:grid;grid-template-columns:1fr;gap:10px}.quiz-opt-btn{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#0e1930b3;border:1px solid var(--zat-border);border-radius:10px;color:#e2e8f0;font-size:.88rem;text-align:left;cursor:pointer;transition:all .2s ease}.quiz-opt-btn:hover:not(:disabled){background:#162646e6;border-color:#38bdf866;transform:translate(4px)}.opt-letter{width:28px;height:28px;border-radius:7px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#cbd5e1;flex-shrink:0}.opt-text{flex-grow:1}.opt-correct{background:#10b98133!important;border-color:#10b981!important;color:#34d399!important}.opt-wrong{background:#ef444433!important;border-color:#ef4444!important;color:#f87171!important}.quiz-explanation-banner{padding:14px 16px;background:#0e1930e6;border:1px solid rgba(245,158,11,.3);border-radius:10px;display:flex;flex-direction:column;gap:6px}.explanation-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:#fbbf24}.explanation-desc{margin:0;font-size:.82rem;color:#cbd5e1;line-height:1.5}.quiz-footer-actions{display:flex;justify-content:flex-end}.next-quiz-btn{padding:12px 28px;font-size:.9rem}.reflect-mode-container{max-width:1100px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:20px}.reflect-hero-header{text-align:center;margin-bottom:6px}.reflect-hero-header h2{margin:0 0 6px;font-size:1.35rem;font-weight:800;color:var(--zat-text-main)}.reflect-hero-header p{margin:0;font-size:.85rem;color:var(--zat-text-muted)}.study-selector-tabs{display:flex;gap:10px;justify-content:center}.study-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:#0b142699;border:1px solid var(--zat-border);color:var(--zat-text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.study-tab-btn.active{background:#06b6d42e;border-color:#06b6d4;color:#38bdf8;box-shadow:0 0 16px #06b6d433}.reflect-dual-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.packaging-simulation-card,.reflection-questions-card{background:#0b1426bf;border:1px solid var(--zat-border);border-radius:var(--zat-radius-lg);padding:22px;display:flex;flex-direction:column;gap:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.packaging-top-header{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--zat-border);padding-bottom:12px}.package-tag{font-size:.7rem;font-weight:700;color:#38bdf8;text-transform:uppercase}.package-title{margin:0;font-size:1.15rem;font-weight:700;color:#fff}.ingredients-box-simulation h4{margin:0 0 4px;font-size:.85rem;font-weight:700;color:#cbd5e1}.ingredients-lead-note{margin:0 0 12px;font-size:.75rem;color:var(--zat-text-dim)}.ingredients-chips-container{display:flex;flex-wrap:wrap;gap:8px}.ing-chip{padding:7px 12px;border-radius:8px;font-size:.78rem;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#060d1ab3;color:#cbd5e1;display:flex;align-items:center;gap:6px;transition:all .2s ease}.ing-chip:hover{border-color:#38bdf8;color:#fff;transform:translateY(-2px)}.ing-chip.is-active-ing{background:#06b6d440;border-color:#38bdf8;color:#38bdf8;box-shadow:0 0 14px #06b6d44d}.chip-badge-indicator{font-size:.6rem;padding:1px 5px;border-radius:4px;background:#f59e0b40;color:#fbbf24;font-weight:700}.active-ingredient-card{padding:14px;border-radius:10px;background:#0e1930e6;border:1px solid rgba(6,182,212,.4);display:flex;flex-direction:column;gap:6px}.active-ing-header{display:flex;align-items:center;gap:8px}.active-ing-header h5{margin:0;font-size:.88rem;font-weight:700;color:#38bdf8}.active-ing-desc{margin:0;font-size:.8rem;color:#cbd5e1;line-height:1.45}.reflection-questions-card h3{margin:0;font-size:1.05rem;font-weight:700;color:#fff}.reflect-sub{margin:0;font-size:.78rem;color:var(--zat-text-muted)}.questions-list-stacked{display:flex;flex-direction:column;gap:12px}.reflect-q-item{display:flex;gap:12px;padding:12px;border-radius:10px;background:#060d1a99;border:1px solid var(--zat-border)}.q-badge-num{width:26px;height:26px;border-radius:6px;background:#06b6d433;border:1px solid rgba(6,182,212,.4);color:#38bdf8;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0}.q-content{display:flex;flex-direction:column;gap:6px}.q-text{margin:0;font-size:.82rem;color:#e2e8f0;line-height:1.4}.tips-badge{display:flex;align-items:center;gap:6px;font-size:.68rem;color:var(--zat-text-dim)}.safe-consumer-pledge{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:10px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#6ee7b7;font-size:.78rem;line-height:1.45}.safe-consumer-pledge strong{color:#34d399}.safe-consumer-pledge p{margin:2px 0 0}.modal-backdrop-overlay{position:fixed;inset:0;background:#030712cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-surface-container{background:#0b1426f2;border:1px solid rgba(56,189,248,.3);border-radius:var(--zat-radius-lg);width:100%;max-width:620px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0009;overflow:hidden}.modal-header-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--zat-border)}.modal-title-group h3{margin:0;font-size:1.05rem;font-weight:700;color:#fff}.modal-close-icon-btn{background:transparent;border:none;color:var(--zat-text-dim);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close-icon-btn:hover{color:var(--zat-text-main);background:#ffffff14}.modal-scroll-content{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.modal-hero-image-box{width:100%;height:180px;border-radius:12px;overflow:hidden;border:1px solid rgba(56,189,248,.3);background:#070c18}.modal-hero-img{width:100%;height:100%;object-fit:cover}.modal-summary-box{padding:14px;background:#060d1ab3;border:1px solid var(--zat-border);border-radius:10px;font-size:.85rem}.modal-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-grid-box{padding:12px;border-radius:8px;background:#060d1a99;border:1px solid var(--zat-border)}.modal-detail-section{display:flex;flex-direction:column;gap:6px}.modal-footer-bar{padding:14px 20px;border-top:1px solid var(--zat-border);display:flex;justify-content:flex-end}.prose-content{font-size:.85rem;color:#cbd5e1;line-height:1.6}.prose-content h4{margin:0 0 4px;color:#38bdf8;font-size:.95rem}@media(max-width:1200px){.bottom-tri-cards-container{grid-template-columns:1fr}}@media(max-width:1024px){.simulation-two-columns,.reflect-dual-grid{grid-template-columns:1fr}}@media(max-width:768px){.zat-navbar{flex-direction:column;align-items:stretch;gap:14px;padding-right:20px}.zat-nav-brand{justify-content:center;text-align:center}.zat-nav-actions{flex-direction:column;width:100%}.nav-tab-group{width:100%;justify-content:center}.category-switcher-banner{grid-template-columns:1fr}.cards-scrollable-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.products-horizontal-grid{grid-template-columns:repeat(3,1fr)}.modal-info-grid{grid-template-columns:1fr}}.pemisahan-campuran-smp{min-height:100dvh;background:linear-gradient(135deg,#0a0f1c,#1a2540);color:#f8fafc;padding:20px}.method-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:32px}.method-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .3s;font-size:.875rem}.method-button:hover{background:#ffffff1a;color:#f8fafc}.method-button.active{border-color:transparent;color:#fff}.method-visualization{display:flex;flex-direction:column;gap:24px}.method-header{display:flex;align-items:center;gap:20px;padding:24px;background:#ffffff0d;border:2px solid transparent;border-radius:12px}.method-icon{flex-shrink:0}.method-header h2{font-size:1.5rem;font-weight:600;margin:0;color:#f8fafc}.method-diagram{background:#ffffff0d;border-radius:12px;padding:32px;min-height:300px}.diagram-container{display:flex;align-items:center;justify-content:center;gap:40px;height:100%}.mixture,.separation{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.mixture-particles,.component-particles,.separated-components{position:relative;width:150px;height:150px;background:#ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:8px}.separated-components{display:flex;flex-direction:row;gap:12px;background:transparent}.component{display:flex;flex-direction:column;align-items:center;gap:8px}.component.solid .component-particles,.component.liquid .component-particles{width:70px;height:70px;background:#ffffff1a;border-radius:8px}.particle{position:absolute;width:12px;height:12px;background:#06b6d4;border-radius:50%}.particle.separated{position:relative;background:#10b981}.particle.separated.liquid{background:#3b82f6}.mixture-label,.separation-label,.component-label{font-size:.875rem;color:#94a3b8;text-align:center}.process-arrow{font-size:2rem;color:#06b6d4}.method-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.description-box,.example-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px}.description-box h3,.example-box h3{font-size:1.125rem;font-weight:600;margin:0 0 12px;color:#f8fafc}.description-box p,.example-box p{font-size:.875rem;color:#94a3b8;line-height:1.6;margin:0}.method-options{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.method-option{display:flex;align-items:center;gap:8px;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .3s;font-size:.875rem}.method-option:hover{background:#ffffff1a;color:#f8fafc}.method-option.active{border-color:transparent;color:#fff}.sistem-pernapasan-smp{min-height:100dvh;background:linear-gradient(135deg,#0a0f1c,#1a2540);color:#f8fafc;padding:20px}.simulation-container{max-width:1400px;margin:0 auto}.title{font-size:2rem;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mode-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .3s;font-size:.875rem}.mode-button:hover{background:#ffffff1a;color:#f8fafc}.visual-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.respiratory-diagram{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.air-path{position:absolute;inset:0;z-index:1}.air-flow{position:absolute;top:0;left:0;width:100%;height:100%}.air-particle{position:absolute;width:8px;height:8px;background:#06b6d4;border-radius:50%;box-shadow:0 0 8px #06b6d480}.organs{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:2}.nose-cavity,.trachea,.bronchi,.lungs,.alveoli,.diaphragm{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.label{font-size:.75rem;color:#94a3b8;text-align:center}.nose-cavity svg{color:#06b6d4}.trachea{display:flex;flex-direction:column;align-items:center}.trachea-tube{width:30px;height:60px;background:linear-gradient(to bottom,#06b6d44d,#06b6d480);border-radius:15px}.bronchi{display:flex;gap:40px}.bronchus{display:flex;flex-direction:column;align-items:center;gap:8px}.bronchus-tube{width:25px;height:50px;background:linear-gradient(to bottom,#06b6d44d,#06b6d480);border-radius:12px}.lungs{display:flex;gap:30px}.lung{display:flex;flex-direction:column;align-items:center;gap:8px}.lung svg{color:#ef4444}.alveoli{display:flex;flex-direction:column;align-items:center;gap:12px}.alveoli-group{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.alveolus{width:16px;height:16px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%}.diaphragm{margin-top:20px}.diaphragm-muscle{width:200px;height:30px;background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:15px;display:flex;align-items:center;justify-content:center}.diaphragm-muscle svg{color:#fff}.breathing-phase{margin-top:24px}.phase-indicator{background:#06b6d41a;border:2px solid rgba(6,182,212,.3);border-radius:12px;padding:16px;text-align:center}.phase-text{font-size:1.25rem;font-weight:600;color:#06b6d4}.control-panel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;position:sticky;top:20px}.control-panel h3{font-size:1.25rem;font-weight:600;margin:0 0 20px;color:#f8fafc}.control-section h4{font-size:.9rem;font-weight:600;margin:0 0 12px;color:#94a3b8}.breathing-info{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.info-item{display:flex;align-items:center;gap:8px;padding:12px;background:#ffffff0d;border-radius:8px;font-size:.875rem;color:#94a3b8}.info-item svg{color:#06b6d4;flex-shrink:0}.button-group{display:flex;gap:8px;margin-bottom:16px}.control-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s;flex:1}.control-btn.secondary{background:#ffffff1a;color:#f8fafc;border:1px solid rgba(255,255,255,.2)}.control-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.info-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:10px;color:#f59e0b;cursor:pointer;font-size:.875rem;width:100%;transition:all .3s}.info-btn:hover{background:#f59e0b33;transform:translateY(-2px)}.quiz-section{display:flex;flex-direction:column;gap:16px}.quiz-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.quiz-level{font-weight:600;color:#f59e0b}.quiz-score{font-weight:600;color:#10b981}.quiz-question{font-size:1rem;line-height:1.6;color:#f8fafc;margin:0;padding:16px;background:#ffffff0d;border-radius:12px}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-option{padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#f8fafc;cursor:pointer;font-size:.875rem;transition:all .3s;text-align:left}.quiz-option:hover{background:#06b6d433;border-color:#06b6d44d;transform:translate(4px)}.info-panel-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.info-panel{background:#1a2540;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;max-width:600px;position:relative}.info-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:8px;transition:color .3s}.info-panel h3{font-size:1.5rem;font-weight:700;margin:0 0 16px;color:#f8fafc}.info-panel p{font-size:.9rem;line-height:1.8;color:#94a3b8;margin:0 0 20px}.info-panel h4{font-size:1.1rem;font-weight:600;margin:16px 0 8px;color:#f8fafc}.complete-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:300}.complete-content{background:#1a2540;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:48px;text-align:center;max-width:400px}.complete-content svg{color:#10b981;margin-bottom:24px}.complete-content h2{font-size:2rem;font-weight:700;margin:0 0 12px;color:#f8fafc}.complete-content p{font-size:1rem;color:#94a3b8;margin:0 0 8px}.final-score{font-size:1.5rem;font-weight:700;color:#10b981;margin:20px 0 32px}.btn-primary,.btn-secondary{padding:12px 32px;border-radius:10px;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s}.btn-secondary{background:#ffffff1a;color:#f8fafc;border:1px solid rgba(255,255,255,.2)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}#simulation-root:has(.pythagoras-app-container) .sim-floating-controls,.universal-sim-container:has(.pythagoras-app-container) .sim-floating-controls,.pythagoras-app-container~.sim-floating-controls{display:none!important}.pythagoras-app-container{--bg-main: #070b14;--bg-card: rgba(13, 20, 36, .85);--bg-card-hover: rgba(20, 30, 52, .95);--border-card: rgba(56, 189, 248, .16);--border-subtle: rgba(255, 255, 255, .08);--color-cyan: #06b6d4;--color-cyan-glow: #38bdf8;--color-green: #22c55e;--color-green-glow: #4ade80;--color-red: #ef4444;--color-red-glow: #f87171;--color-amber: #f59e0b;--color-amber-glow: #fbbf24;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--bg-main);background-image:radial-gradient(ellipse at 15% 15%,rgba(6,182,212,.07) 0%,transparent 45%),radial-gradient(ellipse at 85% 20%,rgba(245,158,11,.05) 0%,transparent 40%),radial-gradient(ellipse at 50% 90%,rgba(239,68,68,.05) 0%,transparent 50%);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-sizing:border-box;padding:12px 16px;gap:10px;-webkit-user-select:none;user-select:none}@media(min-height:720px){.pythagoras-app-container{height:100vh;max-height:100vh;overflow:hidden}}.pythagoras-app-container.fullscreen{padding:8px 12px;height:100vh;max-height:100vh;overflow:hidden}.pythagoras-header{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-card);border-radius:12px;padding:10px 18px;box-shadow:0 4px 20px #0006}.brand-logo-container{width:44px;height:44px;background:#06b6d41a;border:1px solid rgba(6,182,212,.35);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #06b6d433}.pythagoras-logo-svg{width:32px;height:32px}.title-highlight{background:linear-gradient(135deg,#f59e0b,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 25px rgba(245,158,11,.4)}.header-title.italic-title{font-style:italic}.header-title.italic-title .title-white,.header-title.italic-title .title-highlight{font-weight:900;letter-spacing:.5px}.mode-tab-btn.active{color:#0f172a;background:#06b6d4;border-color:#38bdf8;box-shadow:0 0 16px #06b6d480;font-weight:700}.header-right-actions{display:flex;align-items:center;gap:8px;margin-right:0}.pythagoras-main-workspace{display:grid;grid-template-columns:310px 1fr 290px;gap:10px;flex:1;min-height:380px}@media(max-width:1200px){.pythagoras-main-workspace{grid-template-columns:280px 1fr 260px}}.pythagoras-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-card);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 24px #00000073}.pythagoras-app-container .concept-tab-btn.active,.concept-tab-btn.active{color:#0f172a!important;background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-color:#f59e0be6!important;box-shadow:0 0 14px #f59e0b80!important;font-weight:700!important}.concept-content-body{padding:14px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.concept-subheading{display:flex;align-items:center;gap:6px}.subheading-text{margin:0;font-size:13px;font-weight:700;color:#fff}.concept-description{margin:0;font-size:12px;line-height:1.5;color:var(--text-muted)}.formula-highlight-card{display:flex;align-items:center;justify-content:center;padding:12px 10px;background:#e11d481f;border:1.5px solid rgba(244,63,94,.4);border-radius:10px;box-shadow:0 0 20px #f43f5e26}.formula-part{font-size:24px;font-weight:800;letter-spacing:.5px}.formula-part.a-part,.formula-part.b-part,.formula-part.c-part{color:#fb7185}.formula-part.op-part{color:#fff;margin:0 6px}.side-legend-list{display:flex;flex-direction:column;gap:7px;padding:8px 12px;background:#0f172a99;border-radius:8px;border:1px solid var(--border-subtle)}.legend-item{display:flex;align-items:center;gap:9px;font-size:12px}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-cyan{background:var(--color-cyan-glow);box-shadow:0 0 6px var(--color-cyan)}.dot-green{background:var(--color-green-glow);box-shadow:0 0 6px var(--color-green)}.dot-red{background:var(--color-red-glow);box-shadow:0 0 6px var(--color-red)}.concept-section-box{display:flex;flex-direction:column;gap:8px}.features-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.checklist-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#e2e8f0}.formula-variant-card{padding:10px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:#0f172a99;display:flex;flex-direction:column;gap:4px}.variant-label{font-size:11px;color:var(--text-muted)}.variant-math{font-size:14px;font-weight:700;color:#38bdf8;font-family:monospace}.note-capsule{display:flex;align-items:flex-start;gap:6px;padding:8px 10px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:6px;font-size:11px;color:#fde68a;line-height:1.4}.triples-grid{display:flex;flex-direction:column;gap:6px}.triple-item-btn{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .2s ease}.triple-item-btn:hover{background:#1e293bcc;border-color:var(--color-cyan)}.triple-item-btn.active{background:#06b6d42e;border-color:var(--color-cyan)}.triple-numbers{font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px}.num-a{color:var(--color-cyan-glow)}.num-b{color:var(--color-green-glow)}.num-c{color:var(--color-red-glow)}.num-sep{color:var(--text-dim)}.triple-name{font-size:11px;color:var(--text-muted)}.property-item{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;background:#0f172a80;border-radius:8px;border:1px solid var(--border-subtle)}.badge-triangle{font-size:10.5px;font-weight:700;padding:3px 6px;border-radius:4px;flex-shrink:0}.badge-right{background:#06b6d433;color:#38bdf8;border:1px solid rgba(6,182,212,.4)}.badge-acute{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.4)}.badge-obtuse{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}.prop-detail strong{font-size:12.5px;color:#fff}.prop-detail p{margin:2px 0 0;font-size:11px;color:var(--text-muted)}.pythagoras-viewport-container{position:relative;background:radial-gradient(circle at center,#0f172a,#050811 85%);border:1px solid var(--border-card);border-radius:12px;overflow:hidden;box-shadow:inset 0 0 50px #000c,0 4px 24px #00000080}.pythagoras-canvas{width:100%!important;height:100%!important;outline:none}.square-area-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 14px;border-radius:10px;background:#090e1ce0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;white-space:nowrap;box-shadow:0 4px 18px #000000a6;border:1.5px solid;transition:transform .2s ease}.badge-main-text{font-size:15px;font-weight:800;letter-spacing:.3px;color:#fff}.badge-sub-text{font-size:11px;font-weight:600;color:#cbd5e1;margin-top:1px}.badge-square-a{border-color:#06b6d4;box-shadow:0 0 16px #06b6d480}.badge-square-b{border-color:#22c55e;box-shadow:0 0 16px #22c55e80}.badge-square-c{border-color:#ef4444;box-shadow:0 0 18px #ef444499}.clean-edge-label{font-size:13px;font-weight:800;padding:2px 7px;border-radius:6px;background:#0a101eb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);white-space:nowrap;box-shadow:0 2px 8px #00000080}.clean-edge-label.text-cyan{color:#38bdf8;border-color:#38bdf866;text-shadow:0 0 8px rgba(6,182,212,.85)}.clean-edge-label.text-green{color:#4ade80;border-color:#4ade8066;text-shadow:0 0 8px rgba(34,197,94,.85)}.clean-edge-label.text-red{color:#f87171;border-color:#f8717166;text-shadow:0 0 8px rgba(239,68,68,.85)}.clean-90-label{font-size:11.5px;font-weight:800;color:#38bdf8;text-shadow:0 0 8px rgba(56,189,248,.9)}.camera-presets-overlay{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:10}.camera-btn{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:8px;font-size:11.5px;font-weight:600;color:#cbd5e1;background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0006}.camera-btn:hover{color:#fff;background:#1e293bf2;border-color:var(--color-cyan)}.camera-btn.active{color:#fff;background:#06b6d440;border-color:var(--color-cyan-glow);box-shadow:0 0 12px #06b6d466}.camera-btn.reset-btn{color:var(--text-muted)}.instruction-pills-bar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:10;pointer-events:none}.inst-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:500;color:#cbd5e1;background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px #00000080}.panel-scroll-body{padding:14px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.slider-control-group{display:flex;flex-direction:column;gap:6px}.slider-label-text{color:#e2e8f0}.slider-input-wrapper{display:flex;flex-direction:column;gap:2px}.pythagoras-range-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:4px;outline:none;background:#1e293bcc;cursor:pointer;transition:all .2s ease}.pythagoras-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 10px #fffc;border:2px solid;transition:transform .15s ease}.pythagoras-range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-cyan::-webkit-slider-thumb{border-color:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan)}.slider-green::-webkit-slider-thumb{border-color:var(--color-green);box-shadow:0 0 10px var(--color-green)}.calculated-result-box{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:10px;background:#0f172ab3;border:1px solid rgba(239,68,68,.25);box-shadow:0 0 16px #ef444414}.result-label{font-size:11.5px;color:var(--text-muted)}.result-main-value{font-size:38px;font-weight:800;line-height:1.1;margin:4px 0;color:#ef4444;text-shadow:0 0 20px rgba(239,68,68,.6)}.result-formula-breakdown{font-size:11.5px;color:#e2e8f0;font-family:monospace}.toggles-section{display:flex;flex-direction:column;gap:10px}.toggles-header-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding-bottom:2px}.toggles-heading{margin:0;font-size:12px;font-weight:600;color:var(--text-muted)}.toggle-row-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#0f172a80;border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;transition:all .2s ease}.toggle-row-item:hover{background:#1e293bb3}.toggle-label-with-icon{display:flex;align-items:center;gap:8px}.custom-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid var(--border-card);display:flex;align-items:center;justify-content:center;color:#fff;background:#0f172acc}.custom-checkbox.checked{background:var(--color-cyan);border-color:var(--color-cyan-glow)}.toggle-text{font-size:12px;color:#e2e8f0}.switch-pill{width:34px;height:18px;border-radius:12px;background:#33415599;position:relative;transition:all .25s ease}.switch-thumb{width:14px;height:14px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .25s ease}.switch-pill.active{background:var(--color-cyan);box-shadow:0 0 10px #06b6d480}.switch-pill.active .switch-thumb{transform:translate(16px)}.pythagoras-bottom-dock{display:grid;grid-template-columns:1.15fr 1fr 1.3fr 1.45fr;gap:10px;height:185px;min-height:175px;flex-shrink:0}@media(max-width:1200px){.pythagoras-bottom-dock{grid-template-columns:1fr 1fr;height:auto}}.dock-card{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-card);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 20px #0006;overflow:hidden}.step-number-circle{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.num-1,.num-2,.num-3,.num-4{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 0 8px #0284c766}.step-math-result{font-family:monospace;font-size:12px}.formula-dock-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.main-equation-banner{width:100%;display:flex;align-items:center;justify-content:center;background:#06b6d41f;border:1.5px solid rgba(6,182,212,.45);border-radius:10px;padding:8px 16px;font-size:24px;font-weight:800;color:#38bdf8;letter-spacing:1px;text-shadow:0 0 16px rgba(56,189,248,.5)}.numeric-equation-lines{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:20px;font-weight:700}.num-eq-line{display:flex;align-items:center;gap:6px}.eq-part-cyan{color:#38bdf8}.eq-part-green{color:#4ade80}.eq-part-red{color:#f87171}.eq-op-sym{color:#fff}.examples-body{display:flex;flex-direction:column;gap:8px}.example-subtabs{display:flex;gap:5px}.example-tab-pill{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;color:var(--text-muted);background:#1e293b99;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.example-problem-text{font-size:11.5px;color:#e2e8f0;line-height:1.4}.example-content-layout{display:flex;align-items:center;justify-content:space-between;gap:10px}.example-solution-steps{font-size:11px;font-family:monospace;color:#94a3b8;display:flex;flex-direction:column;gap:1px}.sol-label{font-family:sans-serif;color:#38bdf8;font-weight:600}.golden-answer-badge{display:flex;flex-direction:column;align-items:center;padding:6px 14px;border-radius:8px;background:#f59e0b1f;border:1.5px solid #f59e0b;box-shadow:0 0 16px #f59e0b4d}.ans-label{font-size:10px;color:#fde68a;font-weight:600}.ans-val{font-size:18px;font-weight:800;color:#fbbf24}.apply-example-btn{margin-top:4px;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:10.5px;font-weight:600;color:var(--color-cyan-glow);background:#06b6d41f;border:1px solid rgba(6,182,212,.3);cursor:pointer}.apply-example-btn:hover{background:#06b6d440}.applications-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.app-card-item{display:flex;flex-direction:column;gap:6px}.app-svg-wrapper{background:#0f172ad9;border:1px solid var(--border-subtle);border-radius:8px;padding:4px;height:80px;display:flex;align-items:center;justify-content:center}.app-diagram-svg{width:100%;height:100%}.app-meta{display:flex;flex-direction:column;gap:2px}.app-scenario-label{font-size:10.5px;color:var(--text-muted)}.app-formula-code{font-size:11px;font-family:monospace;color:#e2e8f0}.app-formula-code strong{color:#38bdf8}.pythagoras-modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.pythagoras-modal-card{background:#0b1120;border:1px solid var(--border-card);border-radius:16px;width:100%;max-width:680px;box-shadow:0 10px 40px #000000b3;display:flex;flex-direction:column;overflow:hidden}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.question-given-pill{font-size:12px;color:var(--color-amber-glow);font-family:monospace}.text-red{color:var(--color-red)}.text-red-glow{color:var(--color-red-glow)}.text-yellow{color:#facc15}.adaptive-panel .pythagoras-panel{background:transparent!important;border:none!important;padding:0!important;width:100%!important;height:100%!important;box-shadow:none!important}.adaptive-panel .pythagoras-panel .panel-header{display:none!important}.adaptive-canvas-stage .pythagoras-viewport-container{width:100%!important;height:100%!important;position:absolute!important;inset:0!important;min-height:100%!important;background:transparent!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important}.adaptive-canvas-stage .pythagoras-canvas{width:100%!important;height:100%!important;flex:1 1 auto!important}.adaptive-bottom-drawer .pythagoras-bottom-dock{width:100%!important;padding:12px 18px!important;margin:0!important;box-sizing:border-box!important;border:none!important;background:transparent!important}.bangun-ruang-app-container{--bg-main: #070b14;--bg-card: rgba(13, 20, 36, .85);--bg-card-hover: rgba(20, 30, 52, .95);--border-card: rgba(56, 189, 248, .16);--border-subtle: rgba(255, 255, 255, .08);--color-cyan: #06b6d4;--color-cyan-glow: #38bdf8;--color-green: #22c55e;--color-green-glow: #4ade80;--color-red: #ef4444;--color-rose: #f43f5e;--color-amber: #f59e0b;--color-amber-glow: #fbbf24;--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--bg-main);background-image:radial-gradient(ellipse at 15% 15%,rgba(6,182,212,.07) 0%,transparent 45%),radial-gradient(ellipse at 85% 20%,rgba(244,63,94,.05) 0%,transparent 40%),radial-gradient(ellipse at 50% 90%,rgba(245,158,11,.05) 0%,transparent 50%);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-sizing:border-box;padding:14px 18px;gap:12px;-webkit-user-select:none;user-select:none}.bangun-ruang-app-container.fullscreen{padding:8px 12px}.bangun-ruang-header{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-card);border-radius:12px;padding:10px 18px;box-shadow:0 4px 20px #0006}.header-left{display:flex;align-items:center;gap:14px}.brand-logo-container{width:44px;height:44px;background:#06b6d41a;border:1px solid rgba(6,182,212,.35);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 15px #06b6d433}.cube-wireframe-svg{width:26px;height:26px}.brand-subtext{font-size:7.5px;font-weight:800;letter-spacing:.8px;color:var(--color-cyan-glow);line-height:1;margin-top:1px}.header-title-box{display:flex;flex-direction:column;gap:2px}.badge-row{display:flex;align-items:center;gap:6px}.version-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.8px;color:var(--color-cyan-glow);background:#06b6d426;border:1px solid rgba(6,182,212,.3);padding:2px 7px;border-radius:4px}.badge-dot{width:5px;height:5px;border-radius:50%;background:var(--color-cyan-glow);box-shadow:0 0 6px var(--color-cyan)}.header-title{margin:0;font-size:19px;font-weight:800;letter-spacing:.5px;line-height:1.2}.title-white{color:#fff}.title-highlight{background:linear-gradient(135deg,#38bdf8,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 25px rgba(56,189,248,.4)}.header-subtitle{margin:0;font-size:11.5px;color:var(--text-muted)}.header-center-modes{display:flex;align-items:center;gap:8px;background:#0a101ed9;border:1px solid var(--border-subtle);border-radius:10px;padding:4px}.mode-tab-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.mode-tab-btn:hover{color:var(--text-main);background:#ffffff0d}.mode-tab-btn.active{color:#fff;background:#06b6d438;border-color:#06b6d499;box-shadow:0 0 16px #06b6d459}.header-right-actions{display:flex;align-items:center;gap:8px;margin-right:84px}.utility-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--text-main);background:#1e293b99;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}.utility-btn:hover{background:#334155cc;border-color:var(--color-cyan)}.home-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#e11d48,#be123c);border:1px solid rgba(244,63,94,.5);cursor:pointer;box-shadow:0 0 12px #e11d4866;transition:all .2s ease}.home-btn:hover{transform:translateY(-1px);box-shadow:0 0 18px #e11d48b3}.bangun-ruang-main-workspace{display:grid;grid-template-columns:310px 1fr 290px;gap:12px;height:485px;min-height:450px}@media(max-width:1200px){.bangun-ruang-main-workspace{grid-template-columns:280px 1fr 260px;height:450px}}.bangun-ruang-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-card);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 24px #00000073}.panel-header{padding:12px 16px 8px;border-bottom:1px solid var(--border-subtle)}.panel-title-group{display:flex;align-items:center;gap:8px}.panel-title{margin:0;font-size:13.5px;font-weight:700;letter-spacing:.7px;color:#fff}.concept-subtabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px 14px;background:#090e1a99;border-bottom:1px solid var(--border-subtle)}.concept-tab-btn{padding:7px 4px;font-size:11.5px;font-weight:600;text-align:center;border-radius:6px;background:#1e293b80;border:1px solid transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.concept-tab-btn:hover{color:var(--text-main);background:#33415599}.concept-tab-btn.active{color:#fff;background:var(--color-cyan);border-color:var(--color-cyan-glow);box-shadow:0 0 12px #06b6d466}.concept-content-body{padding:14px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.concept-card{background:#0f172a99;border:1px solid var(--border-subtle);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.concept-card-title-row{display:flex;align-items:center;gap:10px}.concept-icon-box{width:36px;height:36px;border-radius:8px;background:#06b6d426;border:1px solid rgba(6,182,212,.3);display:flex;align-items:center;justify-content:center}.concept-card-heading{margin:0;font-size:15px;font-weight:700;color:#fff}.concept-card-desc{margin:0;font-size:11.5px;color:#cbd5e1;line-height:1.45}.concept-formula-box.formula-gold{background:#78350f26;border:1px solid rgba(245,158,11,.4);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.formula-line{font-size:13.5px;font-weight:700;color:#fbbf24;display:flex;align-items:center;gap:5px}.formula-fraction{display:inline-flex;flex-direction:column;align-items:center;font-size:10px;vertical-align:middle;line-height:1}.frac-num{border-bottom:1px solid #fbbf24;padding-bottom:1px}.detail-section-card{background:#0f172a99;border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.detail-card-title{margin:0;font-size:12.5px;font-weight:700}.detail-card-text{margin:0;font-size:11.5px;color:var(--text-muted);line-height:1.5}.euler-card{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:10px;text-align:center}.euler-title-row{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#fbbf24}.euler-equation{font-size:18px;font-weight:800;color:#fff;margin:4px 0;font-family:monospace}.euler-desc{margin:0;font-size:10.5px;color:var(--text-muted)}.properties-mini-table{display:flex;flex-direction:column;background:#0f172ab3;border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;font-size:11px}.table-row-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:6px 10px;background:#1e293b99;font-weight:700;color:#38bdf8}.table-row-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:6px 10px;border-top:1px solid rgba(255,255,255,.05);color:#cbd5e1}.shape-shortcuts-grid{display:flex;flex-direction:column;gap:8px}.shortcut-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;background:#0f172a99;border:1px solid var(--border-subtle);color:#fff;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.shortcut-btn:hover{background:#1e293bcc;border-color:var(--color-cyan)}.bangun-ruang-viewport-container{position:relative;background:radial-gradient(circle at center,#0f172a,#050811 85%);border:1px solid var(--border-card);border-radius:12px;overflow:hidden;box-shadow:inset 0 0 50px #000c,0 4px 24px #00000080;display:flex;flex-direction:column}.shape-top-tabs-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:8px 12px;background:#0f172ad9;border-bottom:1px solid var(--border-subtle);z-index:10}.shape-top-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;border-radius:8px;background:#1e293b80;border:1px solid transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.shape-top-tab-btn:hover{background:#33415599;color:var(--text-main)}.shape-top-tab-btn.active{background:#f59e0b1f;border-color:#f59e0bcc;box-shadow:0 0 14px #f59e0b59;color:#fff}.tab-icon-wrapper{display:flex;align-items:center;justify-content:center}.tab-shape-title{font-size:10.5px;font-weight:600;white-space:nowrap}.bangun-ruang-canvas{width:100%!important;height:100%!important;flex:1;outline:none}.no-select{pointer-events:none;-webkit-user-select:none;user-select:none}.dimension-badge{background:#0f172ad9;border:1px solid #ffffff;color:#fff;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;box-shadow:0 2px 8px #0009}.badge-white{border-color:#fff9}.shape-showcase-pill{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0009}.pill-prisma{background:#06b6d440;border:1.5px solid #38bdf8;color:#fff;box-shadow:0 0 16px #06b6d466}.pill-limas{background:#e11d4840;border:1.5px solid #f43f5e;color:#fff;box-shadow:0 0 16px #e11d4866}.viewport-legend-bar{position:absolute;bottom:42px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;padding:6px 16px;border-radius:10px;background:#0f172ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);box-shadow:0 4px 15px #00000080;z-index:10;pointer-events:none}.legend-group{display:flex;align-items:center;gap:12px}.legend-entry{display:flex;align-items:center;gap:6px;font-size:11px;color:#cbd5e1}.legend-square{width:10px;height:10px;border-radius:2px}.square-orange{background:#f59e0b}.square-blue{background:#0284c7}.square-cyan{background:#06b6d4}.square-red{background:#e11d48}.legend-circle.circle-pink{width:9px;height:9px;border-radius:50%;background:#f43f5e;box-shadow:0 0 6px #f43f5e}.viewport-controls-bottom-bar{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:10}.vp-ctrl-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:600;color:#cbd5e1;background:#0f172ad9;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}.vp-ctrl-btn:hover{background:#1e293bf2;border-color:var(--color-cyan);color:#fff}.panel-scroll-body{padding:14px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.selector-title{display:block;font-size:11.5px;font-weight:700;color:#fff;margin-bottom:6px}.category-toggle-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cat-toggle-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:700;background:#0f172ab3;border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.cat-toggle-btn:hover{color:#fff;background:#1e293be6}.cat-toggle-btn.active{background:var(--color-cyan);border-color:var(--color-cyan-glow);color:#fff;box-shadow:0 0 14px #06b6d466}.dimensions-section{display:flex;flex-direction:column;gap:10px}.slider-control-group{display:flex;flex-direction:column;gap:4px}.slider-label-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}.slider-label-text{color:#cbd5e1}.slider-value-display{font-size:14px;font-weight:700;font-family:monospace}.bangun-ruang-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:4px;outline:none;background:#1e293bcc;cursor:pointer;transition:all .2s ease}.bangun-ruang-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 10px #06b6d4cc;border:2px solid var(--color-cyan);transition:transform .15s ease}.bangun-ruang-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-ticks-row{display:flex;justify-content:space-between;font-size:10px;color:var(--text-dim)}.calculation-results-card{background:#0f172ab3;border:1px solid var(--border-subtle);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.calc-card-header{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--border-subtle);padding-bottom:6px}.calc-card-indicator{width:4px;height:14px;border-radius:2px;background:var(--color-cyan)}.calc-card-title{margin:0;font-size:12px;font-weight:700;color:#fff}.calc-rows-list{display:flex;flex-direction:column;gap:6px}.calc-row-item{display:flex;align-items:center;justify-content:space-between;font-size:12px}.calc-label{color:#cbd5e1}.calc-val{font-size:13px;font-family:monospace}.panel-reset-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px;border-radius:8px;background:#06b6d426;border:1px solid rgba(6,182,212,.4);color:#38bdf8;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease}.panel-reset-btn:hover{background:#06b6d44d;box-shadow:0 0 14px #06b6d466}.bangun-ruang-bottom-dock{display:grid;grid-template-columns:1.2fr .95fr 1.15fr 1.6fr;gap:12px;min-height:200px}@media(max-width:1200px){.bangun-ruang-bottom-dock{grid-template-columns:1fr 1fr}}.dock-card{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-card);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 20px #0006}.dock-card-header{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border-subtle);padding-bottom:6px}.dock-card-title{margin:0;font-size:11.5px;font-weight:700;letter-spacing:.6px;color:#fff}.steps-list{display:flex;flex-direction:column;gap:6px;justify-content:space-around}.step-row{display:flex;align-items:center;justify-content:space-between;font-size:11.5px}.step-number-circle{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 0 8px #0284c766}.step-desc{flex:1;margin-left:8px;color:#cbd5e1}.step-math-result{font-size:11.5px;font-family:monospace}.formula-toggle-pills{display:flex;gap:6px;margin-bottom:8px}.formula-toggle-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;background:#1e293b99;border:1px solid transparent;color:var(--text-muted);cursor:pointer}.formula-toggle-btn.active{background:var(--color-cyan);color:#fff;box-shadow:0 0 10px #06b6d466}.formula-subcards-stack{display:flex;flex-direction:column;gap:8px}.formula-mini-box{background:#0f172a99;border:1px solid var(--border-subtle);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.mini-box-label{font-size:11px;font-weight:700}.formula-equation{font-size:14px}.formula-param-hint{font-size:9.5px;color:var(--text-dim)}.example-subtabs{display:flex;gap:5px;margin-bottom:6px}.example-tab-pill{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;color:var(--text-muted);background:#1e293b99;border:1px solid transparent;cursor:pointer}.example-tab-pill.active{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 10px #f59e0b59}.example-problem-text{font-size:11.5px;color:#e2e8f0;line-height:1.4;margin-bottom:6px}.example-solution-box{background:#0f172a99;border:1px solid var(--border-subtle);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.sol-steps-list{display:flex;flex-direction:column;gap:2px;max-height:72px;overflow-y:auto;font-size:10.5px;font-family:monospace;color:#cbd5e1;scrollbar-width:thin;scrollbar-color:rgba(6,182,212,.4) transparent}.apply-example-btn{align-self:flex-end;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:10.5px;font-weight:600;color:var(--color-cyan-glow);background:#06b6d41f;border:1px solid rgba(6,182,212,.3);cursor:pointer;margin-top:4px}.applications-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.app-card-item{display:flex;flex-direction:column;gap:6px;background:#0f172a99;border:1px solid var(--border-subtle);border-radius:8px;padding:6px}.app-preview-visual{height:60px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#090e1a;border:1px solid rgba(255,255,255,.05)}.app-svg-art{width:70px;height:50px}.app-meta{display:flex;flex-direction:column}.app-item-title{font-size:11px;font-weight:700;color:#fff}.app-item-cat{font-size:9.5px;color:var(--color-cyan)}.app-item-desc{margin:2px 0 0;font-size:9.5px;color:var(--text-muted);line-height:1.3}.bangun-ruang-modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.bangun-ruang-modal-card{background:#0b1120;border:1px solid var(--border-card);border-radius:16px;width:100%;max-width:680px;box-shadow:0 10px 40px #000000b3;display:flex;flex-direction:column;overflow:hidden}.refleksi-modal-card{max-width:820px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle);background:#0f172ad9}.modal-title-row{display:flex;align-items:center;gap:10px}.modal-title{margin:0;font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px}.modal-close-btn:hover{color:#fff;background:#ffffff1a}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px;max-height:75vh;overflow-y:auto}.quiz-progress-bar-container{display:flex;flex-direction:column;gap:6px}.quiz-progress-meta{display:flex;justify-content:space-between;font-size:12px}.quiz-level-pill{color:var(--color-cyan-glow);font-weight:600}.progress-track{width:100%;height:6px;background:#1e293bcc;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-cyan),var(--color-amber));transition:width .3s ease}.quiz-question-box{background:#0f172a99;border:1px solid var(--border-subtle);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.question-topic-badge{align-self:flex-start;font-size:11px;font-weight:700;color:#38bdf8;background:#06b6d426;border:1px solid rgba(6,182,212,.3);padding:2px 8px;border-radius:4px}.question-main-text{margin:0;font-size:14px;font-weight:600;color:#fff;line-height:1.5}.quiz-options-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-option-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:#0f172acc;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;cursor:pointer;text-align:left;transition:all .2s ease}.quiz-option-btn:hover:not(:disabled){background:#1e293bf2;border-color:var(--color-cyan)}.option-index{width:24px;height:24px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.quiz-option-btn.correct{background:#22c55e33;border-color:var(--color-green);color:#fff}.quiz-option-btn.wrong{background:#ef444433;border-color:var(--color-red);color:#fff}.quiz-feedback-card{padding:14px;border-radius:10px;border:1px solid;display:flex;flex-direction:column;gap:10px}.quiz-feedback-card.correct{background:#22c55e1f;border-color:#22c55e66}.quiz-feedback-card.wrong{background:#ef44441f;border-color:#ef444466}.feedback-status-row{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px}.feedback-explanation-text{margin:0;font-size:12.5px;color:#cbd5e1;line-height:1.5}.feedback-actions-row{display:flex;justify-content:flex-end;gap:8px}.modal-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.view-preset-btn{background:#1e293bcc;border:1px solid var(--border-card);color:#38bdf8}.next-question-btn,.primary-done-btn{background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid #38bdf8;color:#fff}.quiz-completed-screen{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;gap:12px}.trophy-halo{width:90px;height:90px;border-radius:50%;background:#f59e0b26;border:2px solid rgba(245,158,11,.4);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #f59e0b4d}.final-score-capsule{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#0f172acc;border:1px solid var(--border-card);border-radius:10px}.score-number{font-size:20px;font-weight:800}.refleksi-grid-body{display:grid;grid-template-columns:280px 1fr;gap:18px}.refleksi-sidebar{display:flex;flex-direction:column;gap:10px;border-right:1px solid var(--border-subtle);padding-right:14px}.sidebar-topic-label{font-size:11.5px;font-weight:700;color:var(--text-muted)}.refleksi-topics-nav{display:flex;flex-direction:column;gap:8px}.refleksi-topic-pill{display:flex;align-items:flex-start;gap:8px;padding:10px;border-radius:10px;background:#0f172a99;border:1px solid var(--border-subtle);color:#cbd5e1;text-align:left;cursor:pointer;transition:all .2s ease}.refleksi-topic-pill:hover{background:#1e293bcc}.refleksi-topic-pill.active{background:#06b6d42e;border-color:var(--color-cyan);color:#fff}.topic-pill-num{width:22px;height:22px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.topic-badge-tag{display:block;font-size:9.5px;color:var(--color-amber-glow)}.topic-title-snippet{font-size:11.5px;font-weight:600;line-height:1.3}.refleksi-main-content{display:flex;flex-direction:column;gap:14px}.refleksi-q-title{margin:4px 0 0;font-size:16px;font-weight:700;color:#fff}.refleksi-quick-card{padding:12px;border-radius:10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.quick-title-row{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#4ade80}.quick-answer-body{margin:4px 0 0;font-size:12px;color:#e2e8f0;line-height:1.4}.refleksi-detail-section{display:flex;flex-direction:column;gap:6px}.detail-heading,.proof-heading{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#fff}.detail-paragraph{margin:0;font-size:12px;line-height:1.6;color:#cbd5e1}.refleksi-math-proof-box{background:#0f172ab3;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.proof-code-block{margin:0;font-family:monospace;font-size:12px;color:#fbbf24;white-space:pre-wrap;line-height:1.4}.modal-footer{padding:12px 20px;border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;background:#0f172ad9}.animate-fade-in{animation:fadeIn .25s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.text-cyan{color:var(--color-cyan)}.text-cyan-glow{color:var(--color-cyan-glow)}.text-green{color:var(--color-green)}.text-green-glow{color:var(--color-green-glow)}.text-amber{color:var(--color-amber)}.text-amber-glow{color:var(--color-amber-glow)}.text-rose{color:var(--color-rose)}.text-emerald{color:#10b981}.adaptive-panel .bangun-ruang-panel{background:transparent!important;border:none!important;padding:0!important;width:100%!important;height:100%!important;box-shadow:none!important}.adaptive-panel .bangun-ruang-panel .panel-header{display:none!important}.adaptive-canvas-stage .bangun-ruang-viewport-container{width:100%!important;height:100%!important;position:absolute!important;inset:0!important;min-height:100%!important;background:transparent!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important}.adaptive-bottom-drawer .bangun-ruang-bottom-dock{width:100%!important;padding:12px 18px!important;margin:0!important;box-sizing:border-box!important;border:none!important;background:transparent!important}:root{--curved-bg-main: #060b14;--curved-bg-panel: rgba(13, 23, 42, .75);--curved-bg-card: rgba(18, 30, 54, .65);--curved-border-glow: rgba(6, 182, 212, .3);--curved-border-subtle: rgba(255, 255, 255, .08);--curved-cyan: #06b6d4;--curved-cyan-glow: #38bdf8;--curved-blue: #3b82f6;--curved-orange: #f97316;--curved-teal: #14b8a6;--curved-amber: #f59e0b;--curved-rose: #f43f5e;--curved-green: #10b981;--curved-text-main: #f8fafc;--curved-text-muted: #94a3b8;--curved-text-dim: #64748b;--curved-radius-sm: 6px;--curved-radius-md: 10px;--curved-radius-lg: 14px}.curved-math-lab-root{display:flex;flex-direction:column;min-height:100vh;width:100%;background:radial-gradient(circle at 50% 20%,#0c1a32,#060b14 70%,#03060a);color:var(--curved-text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;box-sizing:border-box;padding:12px 18px 16px;gap:12px}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#06b6d440;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#06b6d480}.curved-lab-header{display:flex;align-items:center;justify-content:space-between;background:var(--curved-bg-panel);border:1px solid var(--curved-border-glow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--curved-radius-lg);padding:10px 18px;box-shadow:0 4px 20px #0006}.curved-brand-section{display:flex;align-items:center;gap:14px}.curved-logo-container{width:42px;height:42px;display:flex;align-items:center;justify-content:center}.curved-logo-svg{width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(6,182,212,.5))}.curved-title-box{display:flex;flex-direction:column}.curved-badge-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.curved-version-badge{display:inline-flex;align-items:center;font-size:9.5px;font-weight:700;letter-spacing:.8px;color:var(--curved-cyan-glow);background:#06b6d426;border:1px solid rgba(6,182,212,.35);border-radius:20px;padding:2px 8px}.curved-main-title{margin:0;font-size:19px;font-weight:800;letter-spacing:.5px;color:#fff;line-height:1.2}.text-cyan-gradient{background:linear-gradient(135deg,#38bdf8,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px rgba(6,182,212,.3)}.curved-subtitle{margin:2px 0 0;font-size:11.5px;color:var(--curved-text-muted)}.curved-mode-nav{display:flex;align-items:center;gap:6px;background:#0a101c99;border:1px solid var(--curved-border-subtle);border-radius:24px;padding:4px}.curved-mode-tab{display:flex;align-items:center;gap:7px;padding:6px 14px;background:transparent;border:1px solid transparent;border-radius:20px;color:var(--curved-text-muted);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.curved-mode-tab:hover{color:var(--curved-text-main);background:#ffffff0d}.curved-mode-tab.active{color:#0369a1;background:#38bdf8;border-color:#38bdf8;color:#0c1a32;box-shadow:0 0 12px #38bdf880;font-weight:700}.curved-header-actions{display:flex;align-items:center;gap:8px;margin-right:84px}.curved-action-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;background:#0f172acc;border:1px solid var(--curved-border-subtle);border-radius:var(--curved-radius-md);color:var(--curved-text-main);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.curved-action-btn:hover{background:#1e293be6;border-color:var(--curved-border-glow);color:var(--curved-cyan-glow)}.curved-action-btn.btn-home{background:#f43f5e26;border-color:#f43f5e59;color:#fb7185}.curved-action-btn.btn-home:hover{background:#f43f5e40;border-color:#f43f5e99;color:#fff}.curved-lab-main-layout{display:grid;grid-template-columns:280px 1fr 310px;gap:12px;min-height:520px;flex:1}.curved-panel-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.curved-panel-title{margin:0;font-size:14px;font-weight:700;letter-spacing:.5px;color:#fff}.curved-left-panel{background:var(--curved-bg-panel);border:1px solid var(--curved-border-glow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--curved-radius-lg);padding:14px 12px;display:flex;flex-direction:column}.curved-subtabs-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#0a101c99;border:1px solid var(--curved-border-subtle);border-radius:var(--curved-radius-md);padding:3px;margin-bottom:12px}.curved-subtab-btn{background:transparent;border:none;padding:5px 0;font-size:11px;font-weight:600;color:var(--curved-text-muted);border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:center}.curved-subtab-btn:hover{color:#fff}.curved-subtab-btn.active{background:#0284c7;color:#fff;box-shadow:0 0 10px #0284c780}.curved-concept-body{flex:1;overflow-y:auto;max-height:440px;padding-right:4px}.concept-cards-stack{display:flex;flex-direction:column;gap:10px}.curved-shape-card{background:var(--curved-bg-card);border:1px solid var(--curved-border-subtle);border-radius:var(--curved-radius-md);padding:10px 12px;cursor:pointer;transition:all .2s ease}.curved-shape-card:hover{background:#162646cc;border-color:#06b6d466}.curved-shape-card.focused{border-color:var(--curved-cyan-glow);box-shadow:0 0 12px #06b6d440;background:#122648e6}.card-top-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.shape-mini-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.shape-svg-badge{width:100%;height:100%}.card-title-group{display:flex;flex-direction:column}.card-shape-name{margin:0;font-size:14px;font-weight:700;color:#fff}.card-shape-tag{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tag-blue{color:#38bdf8}.tag-orange{color:#fb923c}.tag-teal{color:#2dd4bf}.card-shape-desc{margin:0;font-size:11px;line-height:1.45;color:#cbd5e1}.concept-formula-cards{display:flex;flex-direction:column;gap:10px}.formula-summary-card{background:var(--curved-bg-card);border:1px solid rgba(245,158,11,.3);border-radius:var(--curved-radius-md);padding:10px 12px}.formula-card-title{display:block;font-size:12px;font-weight:700;margin-bottom:6px}.formula-eq-line{font-family:monospace;font-size:13px;font-weight:600;color:#facc15;margin-bottom:4px}.math-frac{display:inline-block;vertical-align:middle;font-size:11px}.quick-example-box,.property-item{background:var(--curved-bg-card);border:1px solid var(--curved-border-subtle);border-radius:var(--curved-radius-md);padding:10px;margin-bottom:8px;font-size:11.5px}.quick-ex-title{display:block;font-weight:700;margin-bottom:4px}.quick-ex-text{margin:2px 0;color:#cbd5e1;font-family:monospace}.property-item ul{margin:4px 0 0;padding-left:16px;color:#94a3b8;font-size:11px}.curved-viewport-container{position:relative;background:radial-gradient(circle at 50% 50%,#0d1e3d,#081122 60%,#050a14);border:1px solid var(--curved-border-glow);border-radius:var(--curved-radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:inset 0 0 30px #0009}.curved-shape-tabs{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10;background:#0a1220bf;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;padding:4px}.shape-tab-pill{display:flex;align-items:center;gap:8px;padding:6px 18px;background:transparent;border:1px solid transparent;border-radius:24px;color:var(--curved-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s ease}.shape-tab-pill:hover{color:#fff;background:#ffffff0d}.shape-tab-dot{width:8px;height:8px;border-radius:50%}.dot-blue{background:#38bdf8;box-shadow:0 0 6px #38bdf8}.dot-orange{background:#fb923c;box-shadow:0 0 6px #fb923c}.dot-teal{background:#2dd4bf;box-shadow:0 0 6px #2dd4bf}.shape-tab-pill.tab-bola.active{background:linear-gradient(135deg,#0284c7,#0369a1);border-color:#38bdf8;color:#fff;box-shadow:0 0 16px #38bdf880}.shape-tab-pill.tab-kerucut.active{background:linear-gradient(135deg,#ea580c,#c2410c);border-color:#fb923c;color:#fff;box-shadow:0 0 16px #fb923c80}.shape-tab-pill.tab-tabung.active{background:linear-gradient(135deg,#0d9488,#0f766e);border-color:#2dd4bf;color:#fff;box-shadow:0 0 16px #2dd4bf80}.curved-canvas-mount{width:100%;height:100%;flex:1;display:block}.viewport-overlay-labels{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.overlay-badge{position:absolute;background:#0a1222d9;border:1px solid var(--curved-border-glow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--curved-radius-sm);padding:4px 8px;font-size:11px;font-weight:600;color:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 12px #00000080}.badge-apex{top:19%;left:50%;transform:translate(-50%);border-color:#f43f5e}.badge-apex .badge-title{color:#f43f5e;font-size:11px}.badge-apex .badge-subtitle{color:var(--curved-text-dim);font-size:9.5px}.badge-center{top:48%;left:50%;transform:translate(-50%,-50%);border-color:#facc15;color:#facc15}.badge-radius{top:41%;left:54%;border-color:#ef4444;color:#fca5a5;font-family:monospace}.badge-diameter{top:40%;left:20%;border-color:#a855f7;color:#d8b4fe;font-family:monospace}.badge-diameter .diam-title{font-size:10px;color:#c084fc}.badge-diameter .diam-val{font-size:11.5px;font-weight:700}.badge-height-cone,.badge-height-cyl{top:36%;left:45%;border-color:#38bdf8;color:#38bdf8;font-family:monospace}.badge-slant{top:42%;left:58%;border-color:#fb923c;color:#fed7aa;font-family:monospace}.badge-top-circle{top:24%;left:50%;transform:translate(-50%);border-color:#2dd4bf;color:#2dd4bf}.floating-view-panel{position:absolute;top:14px;right:14px;background:#0a1222e0;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--curved-radius-md);padding:8px;display:flex;flex-direction:column;gap:5px;z-index:10;width:140px;box-shadow:0 8px 24px #00000080}.view-panel-header{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:var(--curved-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:2px 4px 4px}.view-mode-btn,.view-toggle-btn{display:flex;align-items:center;gap:6px;padding:5px 8px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--curved-text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.view-mode-btn:hover,.view-toggle-btn:hover{background:#ffffff0f;color:#fff}.view-mode-btn.active{background:#0284c7;color:#fff;border-color:#38bdf8;box-shadow:0 0 10px #38bdf866}.view-toggle-btn.active{color:var(--curved-cyan-glow);background:#06b6d426;border-color:#06b6d44d}.view-panel-divider{height:1px;background:#ffffff1a;margin:3px 0}.curved-bottom-camera-bar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#0a1222d9;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:30px;padding:4px 10px;z-index:10}.camera-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;background:transparent;border:none;border-radius:20px;color:var(--curved-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.camera-btn:hover{color:#fff;background:#ffffff14}.camera-btn.active{color:var(--curved-cyan-glow);background:#06b6d433}.curved-right-panel{background:var(--curved-bg-panel);border:1px solid var(--curved-border-glow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--curved-radius-lg);padding:14px 12px;display:flex;flex-direction:column;gap:14px}.control-section-block{display:flex;flex-direction:column;gap:8px}.control-section-label{font-size:11.5px;font-weight:700;color:var(--curved-text-muted);text-transform:uppercase;letter-spacing:.5px}.shape-toggle-triad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.shape-toggle-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 4px;background:var(--curved-bg-card);border:1px solid var(--curved-border-subtle);border-radius:var(--curved-radius-md);color:var(--curved-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.shape-toggle-btn:hover{background:#ffffff0f;color:#fff}.shape-toggle-btn.btn-bola.active{background:#0284c7;border-color:#38bdf8;color:#fff;box-shadow:0 0 12px #38bdf866}.shape-toggle-btn.btn-kerucut.active{background:#ea580c;border-color:#fb923c;color:#fff;box-shadow:0 0 12px #fb923c66}.shape-toggle-btn.btn-tabung.active{background:#0d9488;border-color:#2dd4bf;color:#fff;box-shadow:0 0 12px #2dd4bf66}.shape-mini-dot{width:7px;height:7px;border-radius:50%}.slider-item-box{background:var(--curved-bg-card);border:1px solid var(--curved-border-subtle);border-radius:var(--curved-radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.slider-header-row{display:flex;align-items:center;justify-content:space-between}.slider-label{font-size:12px;font-weight:600;color:#fff}.slider-val-badge{font-size:13px}.curved-slider{-webkit-appearance:none;width:100%;height:6px;background:#1e293bcc;border-radius:4px;outline:none}.curved-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#38bdf8;border:2px solid #ffffff;cursor:pointer;box-shadow:0 0 10px #38bdf8cc}.slider-ticks-row{display:flex;justify-content:space-between;font-size:10px;font-family:monospace;color:var(--curved-text-dim)}.slant-info-pill{display:flex;align-items:center;justify-content:space-between;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:var(--curved-radius-md);padding:6px 10px;font-size:11px}.calculation-results-card{background:var(--curved-bg-card);border:1px solid var(--curved-border-glow);border-radius:var(--curved-radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.calc-card-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.calc-card-title{margin:0;font-size:11px;font-weight:700;letter-spacing:.5px;color:#38bdf8;text-transform:uppercase}.calc-metrics-list{display:flex;flex-direction:column;gap:4px;font-size:12px}.calc-metric-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0;border-bottom:1px dashed rgba(255,255,255,.05)}.calc-metric-row.highlight-green{border-bottom:none;padding-top:4px}.text-blue{color:#38bdf8}.text-green{color:#10b981}.text-amber{color:#f59e0b}.text-rose{color:#f43f5e}.text-dim{color:#94a3b8}.curved-big-reset-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 0;background:#0284c7;border:1px solid #38bdf8;border-radius:var(--curved-radius-md);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 0 15px #0284c766}.curved-big-reset-btn:hover{background:#0369a1;box-shadow:0 0 20px #38bdf899}.curved-bottom-dock{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.curved-dock-card{background:var(--curved-bg-panel);border:1px solid var(--curved-border-glow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--curved-radius-lg);padding:12px 14px;display:flex;flex-direction:column}.dock-card-header{display:flex;align-items:center;gap:7px;margin-bottom:10px}.dock-card-title{margin:0;font-size:12px;font-weight:700;letter-spacing:.5px;color:#fff;text-transform:uppercase}.dock-card-body{flex:1;display:flex;flex-direction:column}.formula-dock-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px;background:#0a122099;border-radius:var(--curved-radius-sm);padding:2px}.formula-dock-btn{display:flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:none;border-radius:4px;color:var(--curved-text-muted);font-size:11px;font-weight:600;padding:4px 0;cursor:pointer;transition:all .2s ease}.formula-dock-btn.active{background:#0284c7;color:#fff}.formula-dock-content{display:flex;align-items:center;gap:12px}.formula-wire-art{width:50px;height:50px;flex-shrink:0}.wire-svg{width:100%;height:100%}.formula-equations-stack{display:flex;flex-direction:column;gap:2px}.formula-title{font-size:11px;font-weight:700;margin-bottom:2px}.formula-gold-line{font-family:monospace;font-size:14px;font-weight:700;color:#facc15}.formula-sub-line{font-family:monospace;font-size:11px}.steps-body{display:flex;flex-direction:column;gap:6px;font-size:11px}.calc-step-row{display:flex;align-items:flex-start;gap:8px;background:#121e3680;border:1px solid var(--curved-border-subtle);border-radius:var(--curved-radius-sm);padding:5px 8px}.step-num-badge{width:18px;height:18px;border-radius:50%;background:#0284c7;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.step-content{display:flex;flex-direction:column;gap:1px}.step-action{color:var(--curved-text-muted);font-size:10px}.example-subtabs-row{display:flex;gap:5px;margin-bottom:6px}.example-tab-btn{flex:1;padding:4px 0;background:#121e3699;border:1px solid var(--curved-border-subtle);border-radius:4px;color:var(--curved-text-muted);font-size:10.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.example-tab-btn.active{background:#0284c7;border-color:#38bdf8;color:#fff}.example-dock-question{margin:0 0 6px;font-size:10.5px;line-height:1.35;color:#cbd5e1}.example-dock-solution{background:#121e36b3;border:1px solid var(--curved-border-subtle);border-radius:var(--curved-radius-sm);padding:6px 8px;display:flex;flex-direction:column;gap:4px}.sol-label{font-size:10.5px}.sol-steps-scroll{max-height:52px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;font-size:10px;color:#cbd5e1}.apply-dock-example-btn{align-self:flex-end;display:flex;align-items:center;gap:4px;padding:3px 8px;background:#06b6d426;border:1px solid rgba(6,182,212,.35);border-radius:4px;color:var(--curved-cyan-glow);font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.apply-dock-example-btn:hover{background:#06b6d44d;color:#fff}.apps-dock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.app-dock-item{background:var(--curved-bg-card);border:1px solid var(--curved-border-subtle);border-radius:var(--curved-radius-sm);padding:6px 4px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.app-icon-visual{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.app-svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.app-meta-box{display:flex;flex-direction:column}.app-name{font-size:10.5px;font-weight:700;color:#fff}.app-desc{font-size:9px;color:var(--curved-text-dim);line-height:1.25}.curved-modal-backdrop{position:fixed;inset:0;background:#030712d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.curved-modal-window{background:radial-gradient(circle at 50% 20%,#0d1e3d,#081122 70%);border:1px solid var(--curved-border-glow);border-radius:var(--curved-radius-lg);box-shadow:0 10px 40px #000000b3;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.curved-modal-window.reflection-window{max-width:780px}.modal-top-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--curved-border-subtle);padding-bottom:12px}.modal-title-group{display:flex;align-items:center;gap:10px}.modal-title-text{margin:0;font-size:16px;font-weight:700;color:#fff}.modal-close-icon-btn{background:transparent;border:none;color:var(--curved-text-muted);cursor:pointer;padding:4px;border-radius:4px}.modal-close-icon-btn:hover{color:#fff;background:#ffffff1a}.modal-quiz-body{display:flex;flex-direction:column;gap:14px}.quiz-meta-row{display:flex;align-items:center;justify-content:space-between}.quiz-level-indicator{font-size:12px;font-weight:600;color:var(--curved-cyan-glow)}.quiz-score-pill{background:#f59e0b26;border:1px solid rgba(245,158,11,.35);border-radius:14px;padding:2px 10px;font-size:12px}.quiz-progress-track{width:100%;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#38bdf8,#06b6d4);transition:width .3s ease}.quiz-question-card{background:var(--curved-bg-card);border:1px solid var(--curved-border-subtle);border-radius:var(--curved-radius-md);padding:14px}.quiz-category-tag{display:inline-block;font-size:10.5px;font-weight:700;color:#38bdf8;background:#06b6d41f;border-radius:4px;padding:2px 6px;margin-bottom:8px}.quiz-question-text{margin:0;font-size:14px;font-weight:600;line-height:1.5;color:#fff}.quiz-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-option-button{display:flex;align-items:center;gap:10px;background:#121e36b3;border:1px solid var(--curved-border-subtle);border-radius:var(--curved-radius-md);padding:12px 14px;color:var(--curved-text-main);font-size:13px;cursor:pointer;transition:all .2s ease;text-align:left}.quiz-option-button:hover:not(:disabled){background:#1e3056d9;border-color:var(--curved-cyan-glow)}.opt-letter{width:22px;height:22px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.quiz-option-button.correct-opt{background:#10b98140;border-color:#10b981;color:#a7f3d0}.quiz-option-button.correct-opt .opt-letter{background:#10b981;color:#064e3b}.quiz-option-button.wrong-opt{background:#f43f5e40;border-color:#f43f5e;color:#fecdd3}.quiz-option-button.wrong-opt .opt-letter{background:#f43f5e;color:#881337}.quiz-option-button.faded-opt{opacity:.4}.quiz-feedback-box{border-radius:var(--curved-radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.quiz-feedback-box.fb-correct{background:#10b98126;border:1px solid rgba(16,185,129,.35)}.quiz-feedback-box.fb-wrong{background:#f43f5e26;border:1px solid rgba(244,63,94,.35)}.fb-header{display:flex;align-items:center;gap:8px}.fb-title{font-size:13.5px;font-weight:700}.fb-explanation{margin:0;font-size:12px;line-height:1.45;color:#e2e8f0}.fb-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:4px}.quiz-preset-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#38bdf826;border:1px solid rgba(56,189,248,.35);border-radius:var(--curved-radius-md);color:#38bdf8;font-size:12px;font-weight:600;cursor:pointer}.quiz-next-btn{display:flex;align-items:center;gap:6px;padding:6px 16px;background:#0284c7;border:1px solid #38bdf8;border-radius:var(--curved-radius-md);color:#fff;font-size:12.5px;font-weight:700;cursor:pointer}.quiz-complete-screen{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:20px 10px}.complete-title{margin:0;font-size:18px;font-weight:700;color:#fff}.complete-desc{margin:0;font-size:12.5px;color:var(--curved-text-muted);max-width:440px}.complete-score-show{font-size:15px;margin:8px 0}.complete-buttons-row{display:flex;gap:12px}.complete-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--curved-radius-md);font-size:13px;font-weight:700;cursor:pointer}.btn-restart{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-finish{background:#0284c7;border:1px solid #38bdf8;color:#fff}.modal-reflection-layout{display:grid;grid-template-columns:260px 1fr;gap:16px;max-height:480px}.reflection-topics-sidebar{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:6px}.sidebar-group-label{font-size:11px;font-weight:700;color:var(--curved-text-dim);text-transform:uppercase}.topic-select-card{display:flex;align-items:flex-start;gap:8px;background:var(--curved-bg-card);border:1px solid var(--curved-border-subtle);border-radius:var(--curved-radius-md);padding:8px 10px;cursor:pointer;text-align:left;transition:all .2s ease}.topic-select-card:hover{background:#1e3056cc}.topic-select-card.active{border-color:#38bdf8;background:#0e74904d}.topic-num-badge{width:20px;height:20px;border-radius:50%;background:#38bdf833;border:1px solid rgba(56,189,248,.5);color:#38bdf8;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.topic-card-category{display:block;font-size:9.5px;font-weight:700;color:#f59e0b}.topic-card-title{margin:2px 0 0;font-size:11.5px;font-weight:600;color:#fff;line-height:1.35}.reflection-details-panel{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:6px}.details-header-meta .category-pill{font-size:10.5px;font-weight:700;color:#38bdf8;background:#06b6d426;border-radius:4px;padding:2px 8px}.details-question-title{margin:6px 0 0;font-size:16px;font-weight:700;color:#fff;line-height:1.4}.quick-answer-card,.deep-explanation-card,.math-proof-block{background:var(--curved-bg-card);border:1px solid var(--curved-border-subtle);border-radius:var(--curved-radius-md);padding:10px 14px}.quick-answer-card{border-color:#10b98159;background:#10b98114}.qa-title-row,.deep-title-row,.proof-header-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.qa-text,.deep-text{margin:0;font-size:12px;line-height:1.5;color:#e2e8f0}.proof-code-snippet{margin:6px 0 0;background:#0006;border-radius:4px;padding:8px 10px;font-size:11.5px;color:#facc15;white-space:pre-wrap}.reflection-modal-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--curved-border-subtle);padding-top:12px}.footer-close-btn{padding:8px 18px;background:#0284c7;border:1px solid #38bdf8;border-radius:var(--curved-radius-md);color:#fff;font-size:13px;font-weight:700;cursor:pointer}@media(max-width:1200px){.curved-lab-main-layout{grid-template-columns:240px 1fr 260px}.curved-bottom-dock{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.curved-lab-main-layout{grid-template-columns:1fr}.curved-left-panel,.curved-right-panel{max-height:380px}.curved-bottom-dock{grid-template-columns:1fr}}.statistik-dasar-smp{min-height:100dvh;background-color:#070c18;background-image:radial-gradient(circle at 15% 15%,rgba(6,182,212,.08) 0%,transparent 40%),radial-gradient(circle at 85% 20%,rgba(59,130,246,.06) 0%,transparent 45%),radial-gradient(circle at 50% 85%,rgba(168,85,247,.05) 0%,transparent 50%),linear-gradient(180deg,#060b16,#080f20,#050914);color:#f1f5f9;padding:20px 28px 40px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;box-sizing:border-box;position:relative;overflow-x:hidden}.sd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.sd-header-left{display:flex;align-items:center;gap:16px}.sd-brand-badge{display:flex;align-items:center;gap:14px}.sd-logo-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#06b6d440,#0284c726);border:1px solid rgba(6,182,212,.5);box-shadow:0 0 20px #06b6d459;display:flex;align-items:center;justify-content:center}.sd-titles{display:flex;flex-direction:column}.sd-tag{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c084fc;background:#a855f726;border:1px solid rgba(168,85,247,.35);padding:2px 8px;border-radius:999px;width:fit-content;margin-bottom:2px}.sd-main-title{font-size:2rem;font-weight:900;font-style:italic;letter-spacing:-.01em;margin:0;line-height:1.15;color:#fff}.text-muted{color:#64748b}.sd-subtitle{font-size:.875rem;color:#94a3b8;margin:4px 0 0}.sd-header-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sd-nav-tabs{display:flex;background:#0f172acc;border:1px solid rgba(56,189,248,.15);border-radius:12px;padding:4px;gap:4px}.sd-tab-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:transparent;border:none;color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s ease}.sd-tab-btn:hover{color:#f1f5f9;background:#ffffff0d}.sd-tab-btn.active{background:linear-gradient(135deg,#06b6d4,#0284c7);color:#fff;box-shadow:0 2px 10px #06b6d466}.sd-actions{display:flex;align-items:center;gap:8px}.sd-action-btn{display:flex;align-items:center;gap:8px;padding:9px 14px;background:#0f172ad9;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#cbd5e1;font-size:.825rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sd-action-btn:hover{background:#ffffff14;border-color:#38bdf84d;color:#fff;transform:translateY(-1px)}.sd-home-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid rgba(239,68,68,.5);color:#fff;padding:9px 12px;box-shadow:0 2px 10px #ef444459}.sd-home-btn:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 14px #ef444480}.sd-layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.sd-col-left,.sd-col-right{display:flex;flex-direction:column;gap:20px}.sd-col-bottom{grid-column:1 / -1;display:grid;grid-template-columns:2fr 1.1fr 1.1fr;gap:20px;margin-top:4px}.sd-panel{background:#0b1324cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.2);border-radius:16px;padding:20px 22px;box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff0a;position:relative}.sd-panel-title-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sd-panel-title-bar h2{font-size:.95rem;font-weight:800;letter-spacing:.05em;color:#fff;margin:0;display:flex;align-items:center;gap:8px}.sd-title-left{display:flex;align-items:center;gap:8px}.sd-icon-cyan{color:#06b6d4;filter:drop-shadow(0 0 6px rgba(6,182,212,.4))}.sd-input-row{display:flex;gap:12px;align-items:stretch}.sd-input-wrapper{flex:1;display:flex;flex-direction:column;position:relative}.sd-text-input{width:100%;padding:13px 18px;background:#060c18d9;border:1px solid rgba(56,189,248,.25);border-radius:10px;color:#fff;font-size:.9rem;box-sizing:border-box;transition:all .2s ease}.sd-text-input:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 14px #06b6d44d}.sd-text-input.error{border-color:#ef4444}.sd-error-msg{color:#f87171;font-size:.75rem;margin-top:4px}.sd-btn-add{display:flex;align-items:center;gap:8px;padding:0 28px;background:linear-gradient(135deg,#06b6d4,#0284c7);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #06b6d459;transition:all .2s ease}.sd-btn-add:hover{background:linear-gradient(135deg,#22d3ee,#0284c7);transform:translateY(-1px);box-shadow:0 6px 18px #06b6d480}.sd-input-actions{display:flex;justify-content:space-between;align-items:center;margin-top:14px;flex-wrap:wrap;gap:12px}.sd-btn-danger{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#f87171;font-size:.825rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sd-btn-danger:hover{background:#ef444433;border-color:#ef4444;color:#fff}.sd-preset-hints{display:flex;align-items:center;gap:8px;font-size:.8rem}.sd-chip-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#94a3b8;font-size:.75rem;padding:4px 8px;cursor:pointer;transition:all .15s ease}.sd-chip-btn:hover{color:#38bdf8;border-color:#38bdf8;background:#38bdf81a}.sd-chart-view-toggle{display:flex;background:#060c18cc;border:1px solid rgba(56,189,248,.2);border-radius:8px;padding:2px;gap:2px}.sd-view-toggle-btn{background:transparent;border:none;color:#94a3b8;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease}.sd-view-toggle-btn.active{background:#06b6d433;color:#06b6d4;border:1px solid rgba(6,182,212,.4)}.sd-graph-content-wrapper{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:stretch}.sd-data-summary-box{background:#070e1ccc;border:1px solid rgba(56,189,248,.15);border-radius:12px;padding:16px;display:flex;flex-direction:column;justify-content:center;gap:8px}.sd-data-list-title{font-size:1.05rem;font-weight:700;color:#fff;line-height:1.4;word-break:break-word}.sd-data-highlight{color:#06b6d4;font-weight:800}.sd-data-count-sub{font-size:.875rem;color:#94a3b8}.sd-data-count-sub span{color:#38bdf8;font-weight:700}.sd-data-mini-info{font-size:.78rem;color:#64748b;border-top:1px dashed rgba(255,255,255,.1);padding-top:8px;display:flex;flex-direction:column;gap:2px}.sd-chart-container{background:#060c1ae6;border:1px solid rgba(56,189,248,.2);border-radius:14px;padding:18px 20px 12px;position:relative;display:flex;flex-direction:column}.sd-y-axis-label{position:absolute;left:8px;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:.72rem;color:#64748b;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sd-chart-inner{position:relative;height:160px;margin-left:36px;display:flex;align-items:flex-end}.sd-chart-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.sd-grid-line-row{display:flex;align-items:center;width:100%;gap:8px}.sd-grid-val{font-size:.7rem;color:#64748b;width:20px;text-align:right;font-family:monospace}.sd-grid-dash{flex:1;height:1px;border-bottom:1px dashed rgba(56,189,248,.15)}.sd-bars-area{position:relative;z-index:2;display:flex;justify-content:space-around;align-items:flex-end;width:100%;height:100%;padding:0 10px}.sd-chart-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#64748b;font-size:.85rem}.sd-bar-column{display:flex;flex-direction:column;align-items:center;flex:1;max-width:50px;height:100%;justify-content:flex-end}.sd-bar-wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.sd-bar-top-value{font-size:.75rem;font-weight:800;color:#fff;margin-bottom:4px;text-shadow:0 0 8px rgba(0,0,0,.8)}.sd-bar-glow{width:28px;background:linear-gradient(180deg,#38bdf8,#0284c7);border-radius:6px 6px 0 0;box-shadow:0 0 16px #38bdf866;border:1px solid rgba(56,189,248,.6);border-bottom:none;transition:filter .2s ease,transform .2s ease}.sd-bar-glow.frequency-mode{background:linear-gradient(180deg,#a855f7,#7e22ce);box-shadow:0 0 16px #a855f766;border-color:#a855f799}.sd-bar-glow.hovered{filter:brightness(1.25);transform:scaleX(1.1)}.sd-bar-bottom-label{font-size:.75rem;color:#94a3b8;margin-top:8px;font-weight:600}.sd-x-axis-label{text-align:center;font-size:.75rem;color:#64748b;font-weight:600;letter-spacing:.05em;margin-top:4px}.sd-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sd-stat-card{background:#0b1324d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;cursor:default;box-shadow:0 4px 16px #00000059}.sd-stat-card.card-mean{border:1px solid rgba(6,182,212,.4);box-shadow:0 4px 20px #06b6d426}.sd-stat-card.card-median{border:1px solid rgba(245,158,11,.4);box-shadow:0 4px 20px #f59e0b26}.sd-stat-card.card-mode{border:1px solid rgba(168,85,247,.4);box-shadow:0 4px 20px #a855f726}.sd-stat-card-inner{display:flex;align-items:center;gap:14px}.sd-stat-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.sd-stat-icon-wrapper.mean-icon{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.sd-stat-icon-wrapper.median-icon{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.sd-stat-icon-wrapper.mode-icon{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.sd-stat-info{display:flex;flex-direction:column}.sd-stat-title{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#94a3b8;text-transform:uppercase}.sd-stat-numeric{font-size:1.85rem;font-weight:900;line-height:1.1;margin:2px 0}.sd-stat-desc{font-size:.78rem;color:#94a3b8;margin:0}.sd-stat-chevron{opacity:.7}.sd-control-panel{height:100%}.sd-control-body{display:flex;flex-direction:column;gap:16px}.sd-sub-heading{font-size:.875rem;font-weight:700;color:#cbd5e1;margin:0}.sd-callout-info{display:flex;align-items:flex-start;gap:12px;background:#06b6d40f;border:1px solid rgba(6,182,212,.25);border-radius:10px;padding:12px 14px}.sd-callout-icon{flex-shrink:0;margin-top:2px}.sd-callout-info p{font-size:.8rem;color:#94a3b8;line-height:1.45;margin:0}.sd-summary-list{display:flex;flex-direction:column;gap:8px}.sd-summary-item{display:flex;justify-content:space-between;align-items:center;background:#060c18b3;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 14px}.sd-summary-label{font-size:.825rem;color:#cbd5e1}.sd-summary-badge{font-size:.95rem;font-weight:800}.text-white{color:#fff}.sd-control-buttons{display:flex;flex-direction:column;gap:10px;margin-top:8px}.sd-btn-reset-large{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:linear-gradient(135deg,#06b6d4,#0284c7);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #06b6d459;transition:all .2s ease}.sd-btn-reset-large:hover{filter:brightness(1.1);transform:translateY(-1px)}.sd-btn-outline-info{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;background:#060c18cc;border:1px solid rgba(6,182,212,.35);border-radius:10px;color:#38bdf8;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sd-btn-outline-info:hover{background:#06b6d41a;border-color:#06b6d4;color:#fff}.sd-bottom-panel{height:100%}.sd-calc-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sd-calc-box{background:#060c1899;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column}.sd-calc-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sd-step-num{width:22px;height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#fff}.sd-step-num.cyan{background:#06b6d4;box-shadow:0 0 8px #06b6d466}.sd-step-num.amber{background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.sd-step-num.purple{background:#a855f7;box-shadow:0 0 8px #a855f766}.sd-calc-header h3{font-size:.85rem;font-weight:800;margin:0;color:#fff}.sd-formula-card{background:#040812e6;border:1px solid rgba(6,182,212,.3);border-radius:8px;padding:10px 14px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.sd-math-equation{display:flex;align-items:center;gap:8px;font-family:"Cambria Math",Times New Roman,serif;font-size:1.1rem;color:#fff}.sd-eq-var{font-style:italic;font-weight:700}.sd-eq-equal{color:#94a3b8}.sd-fraction{display:flex;flex-direction:column;align-items:center;line-height:1.1}.sd-numerator{display:flex;align-items:center;position:relative;padding-bottom:2px;font-size:.95rem}.sd-sigma{font-size:1.4rem;margin-right:2px;color:#38bdf8}.sd-sigma-sub{font-size:.6rem;position:absolute;bottom:-4px;left:2px;color:#94a3b8}.sd-sigma-sup{font-size:.6rem;position:absolute;top:-6px;left:4px;color:#94a3b8}.sd-fraction-line{width:100%;height:1.5px;background:#38bdf8;margin:1px 0}.sd-denominator{font-size:.95rem;font-style:italic}.sd-calc-bullets{margin:0;padding-left:18px;font-size:.775rem;color:#94a3b8;display:flex;flex-direction:column;gap:4px}.sd-calc-bullets.space-top{margin-top:4px}.sd-calc-bullets li{line-height:1.4}.sd-calc-mini-note{margin-top:10px;font-size:.75rem;color:#38bdf8;background:#38bdf814;border-radius:6px;padding:6px 10px}.sd-example-body{display:flex;flex-direction:column;gap:12px}.sd-example-prompt{font-size:.8rem;color:#94a3b8;margin:0}.sd-example-dataset-box{background:#040812e6;border:1px solid rgba(6,182,212,.35);border-radius:10px;padding:10px 14px;font-size:1.1rem;font-weight:800;color:#06b6d4;text-align:center;letter-spacing:.05em;box-shadow:inset 0 0 12px #06b6d426}.sd-answer-toggle-row{display:flex;gap:8px}.sd-btn-view-answer{flex:1;padding:8px;background:#06b6d426;border:1px solid rgba(6,182,212,.4);border-radius:8px;color:#38bdf8;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease}.sd-btn-view-answer:hover{background:#06b6d440;color:#fff}.sd-btn-switch-sample{display:flex;align-items:center;gap:4px;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:.75rem;cursor:pointer;transition:all .15s ease}.sd-btn-switch-sample:hover{color:#fff;background:#ffffff1a}.sd-example-results{background:#060c18cc;border:1px solid rgba(34,197,94,.3);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px}.sd-answer-header{display:flex;align-items:center;gap:6px;color:#4ade80;font-size:.85rem;font-weight:800}.sd-answer-list{display:flex;flex-direction:column;gap:4px}.sd-ans-row{display:flex;align-items:center;gap:6px;font-size:.8rem}.sd-bullet{font-size:1.1rem;line-height:1}.sd-bullet.cyan{color:#06b6d4}.sd-bullet.amber{color:#f59e0b}.sd-bullet.purple{color:#a855f7}.sd-ans-label{color:#cbd5e1;min-width:50px}.sd-ans-val{font-weight:700}.sd-ans-explanation{font-size:.72rem;color:#64748b;margin:4px 0 0;border-top:1px dashed rgba(255,255,255,.08);padding-top:6px;line-height:1.35}.sd-sorted-body{display:flex;flex-direction:column;gap:12px}.sd-sorted-subtitle{font-size:.8rem;color:#94a3b8;margin:0}.sd-chips-scroll-wrapper{overflow-x:auto;padding-bottom:4px}.sd-sorted-chips{display:flex;gap:6px;flex-wrap:wrap}.sd-number-chip{min-width:34px;height:38px;padding:0 8px;display:flex;align-items:center;justify-content:center;background:#060c18e6;border:1px solid rgba(56,189,248,.3);border-radius:8px;color:#fff;font-size:.95rem;font-weight:800;box-shadow:0 2px 6px #0000004d}.sd-number-chip.median-active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#fbbf24;color:#fff;box-shadow:0 0 16px #f59e0b99;transform:scale(1.05)}.sd-sorted-explanation{font-size:.775rem;color:#cbd5e1;line-height:1.45;background:#060c1899;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px 12px}.sd-sorted-explanation p{margin:0}.sd-challenge-layout,.sd-reflect-layout{max-width:900px;margin:20px auto}.sd-challenge-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap}.sd-c-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#0f172acc;border:1px solid rgba(56,189,248,.2);border-radius:10px;color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sd-c-tab.active{background:linear-gradient(135deg,#06b6d4,#0284c7);color:#fff;border-color:transparent}.sd-xp-badge{display:flex;align-items:center;gap:6px;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:800;color:#fbbf24}.sd-challenge-card,.sd-quiz-card,.sd-reflect-card{background:#0b1324d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.25);border-radius:16px;padding:28px;box-shadow:0 10px 30px #0006}.sd-c-header h2{font-size:1.35rem;font-weight:800;margin:0 0 6px;color:#fff}.sd-c-header p{color:#94a3b8;margin:0 0 18px;font-size:.9rem}.sd-challenge-data-box{background:#060c18e6;border:1px solid rgba(6,182,212,.35);border-radius:12px;padding:16px;font-size:1.4rem;font-weight:900;color:#06b6d4;text-align:center;letter-spacing:.05em;margin-bottom:24px}.sd-c-inputs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.sd-c-input-col{display:flex;flex-direction:column;gap:8px}.sd-c-input-col label{font-size:.8rem;font-weight:700;color:#cbd5e1}.sd-c-input-col input{padding:12px 14px;background:#060c18d9;border:1px solid rgba(56,189,248,.25);border-radius:10px;color:#fff;font-size:.95rem;font-weight:600}.sd-c-input-col input:focus{outline:none;border-color:#06b6d4}.sd-c-feedback{display:flex;align-items:center;gap:6px;font-size:.775rem;font-weight:700;padding:6px 8px;border-radius:6px}.sd-c-feedback.ok{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.sd-c-feedback.err{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.sd-c-btn-row{display:flex;justify-content:flex-end}.sd-btn-submit-challenge{padding:12px 28px;background:linear-gradient(135deg,#06b6d4,#0284c7);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #06b6d459}.sd-btn-next-challenge{padding:12px 28px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #10b98159}.sd-quiz-header{display:flex;justify-content:space-between;font-size:.85rem;color:#94a3b8;margin-bottom:12px}.sd-quiz-q{font-size:1.25rem;color:#fff;margin:0 0 20px}.sd-quiz-options{display:grid;grid-template-columns:1fr;gap:12px}.sd-quiz-opt{padding:14px 18px;background:#060c18b3;border:1px solid rgba(56,189,248,.2);border-radius:10px;color:#cbd5e1;text-align:left;font-size:.9rem;cursor:pointer;transition:all .2s ease}.sd-quiz-opt:hover{background:#06b6d41a;border-color:#06b6d4;color:#fff}.sd-quiz-opt.selected{background:#06b6d440;border-color:#06b6d4;color:#fff}.sd-quiz-result{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:20px 0}.sd-reflect-question{font-size:1.15rem;color:#fff;margin:0 0 20px;line-height:1.45}.sd-reflect-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.sd-reflect-choice{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#060c18bf;border:1px solid rgba(56,189,248,.2);border-radius:12px;color:#cbd5e1;font-size:.875rem;text-align:left;cursor:pointer;line-height:1.5;transition:all .2s ease}.sd-reflect-choice:hover{border-color:#06b6d4;background:#06b6d414}.sd-reflect-choice.active{border-color:#06b6d4;background:#06b6d426;color:#fff}.sd-reflect-indicator{width:28px;height:28px;border-radius:999px;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;color:#38bdf8}.sd-reflect-feedback{border-radius:12px;padding:16px}.sd-feedback-success,.sd-feedback-retry{display:flex;gap:14px;align-items:flex-start}.sd-feedback-success{background:#22c55e1f;border:1px solid rgba(34,197,94,.35);border-radius:12px;padding:14px}.sd-feedback-success h4{color:#4ade80;margin:0 0 4px;font-size:.95rem}.sd-feedback-success p{color:#cbd5e1;margin:0;font-size:.85rem;line-height:1.45}.sd-feedback-retry{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:12px;padding:14px}.sd-feedback-retry h4{color:#fbbf24;margin:0 0 4px;font-size:.95rem}.sd-feedback-retry p{color:#cbd5e1;margin:0;font-size:.85rem;line-height:1.45}.sd-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;display:flex;align-items:center;justify-content:center;padding:20px}.sd-modal-content{background:#0b1426;border:1px solid rgba(56,189,248,.3);border-radius:18px;max-width:650px;width:100%;max-height:85vh;overflow-y:auto;padding:28px;position:relative;box-shadow:0 20px 40px #0009}.sd-modal-close-btn{position:absolute;top:18px;right:18px;background:#ffffff14;border:none;border-radius:999px;width:34px;height:34px;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sd-modal-close-btn:hover{background:#ffffff26;color:#fff}.sd-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.sd-modal-header h2{font-size:1.3rem;font-weight:800;margin:0;color:#fff}.sd-modal-body{display:flex;flex-direction:column;gap:18px;color:#cbd5e1;font-size:.875rem;line-height:1.55}.sd-modal-body h3{font-size:1rem;color:#38bdf8;margin:0 0 6px}.sd-modal-formula-box{background:#040812e6;border:1px solid rgba(6,182,212,.3);border-radius:8px;padding:8px 14px;font-family:monospace;font-size:1rem;color:#06b6d4;width:fit-content;margin:6px 0}.sd-modal-body ul{margin:4px 0 8px;padding-left:20px}@media(max-width:1280px){.sd-layout-grid,.sd-col-bottom,.sd-graph-content-wrapper{grid-template-columns:1fr}}@media(max-width:860px){.statistik-dasar-smp{padding:16px}.sd-header{flex-direction:column;align-items:flex-start}.sd-header-right{width:100%;justify-content:space-between}.sd-metrics-row,.sd-calc-steps-grid,.sd-c-inputs-grid{grid-template-columns:1fr}}.header-center-modes{display:flex;align-items:center;background:#0f172acc;border:1px solid rgba(56,189,248,.2);border-radius:8px;padding:3px;gap:4px}.mode-tab-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:#94a3b8;padding:5px 12px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mode-tab-btn:hover{color:#38bdf8;background:#38bdf81a}.mode-tab-btn.active{color:#0ff;background:#06b6d440;border:1px solid rgba(6,182,212,.4);box-shadow:0 0 10px #06b6d44d}.sd-left-panel-content,.sd-right-panel-content{display:flex;flex-direction:column;gap:14px;padding:14px;box-sizing:border-box;height:100%;overflow-y:auto}.sd-panel-subcard{background:#0f172aa6;border:1px solid rgba(56,189,248,.15);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.sd-field-label{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.sd-preset-row{display:flex;flex-wrap:wrap;gap:6px}.sd-summary-grid{display:flex;flex-direction:column;gap:7px}.sd-canvas-content{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;padding:14px 18px!important;box-sizing:border-box!important;overflow-y:auto!important;gap:14px!important}.sd-viewport-header-bar{display:flex;justify-content:space-between;align-items:center;background:#0a1224d9;border:1px solid rgba(56,189,248,.2);border-radius:10px;padding:8px 14px;flex-shrink:0}.sd-viewport-title-area{display:flex;align-items:center;gap:8px}.sd-viewport-heading{font-size:.82rem;font-weight:800;letter-spacing:.06em;color:#f1f5f9;text-transform:uppercase}.sd-chart-viewport-box{flex:1 1 auto;min-height:260px;display:flex;flex-direction:column}.sd-chart-viewport-box .sd-chart-container{flex:1;height:100%;min-height:240px}.sd-prop-list{display:flex;flex-direction:column;gap:6px}.sd-prop-item{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.sd-prop-label{color:#94a3b8}.sd-prop-val{font-weight:700}.sd-drawer-content-box{padding:14px 18px;overflow-y:auto;height:100%;box-sizing:border-box}.sd-freq-table-wrapper{overflow-x:auto;background:#0a122499;border:1px solid rgba(56,189,248,.15);border-radius:8px}.sd-freq-table{width:100%;border-collapse:collapse;font-size:.825rem;text-align:left}.sd-freq-table th{background:#0f172ae6;color:#38bdf8;padding:10px 14px;font-weight:700;border-bottom:1px solid rgba(56,189,248,.2)}.sd-freq-table td{padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.sd-freq-total-row td{background:#06b6d41a;border-top:2px solid rgba(6,182,212,.4)}.peluang-dasar-smp{min-height:100dvh;background-color:#070c18;background-image:radial-gradient(circle at 15% 15%,rgba(6,182,212,.08) 0%,transparent 40%),radial-gradient(circle at 85% 20%,rgba(59,130,246,.06) 0%,transparent 45%),radial-gradient(circle at 50% 85%,rgba(168,85,247,.05) 0%,transparent 50%),linear-gradient(180deg,#060b16,#080f20,#050914);color:#f1f5f9;padding:20px 28px 40px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;box-sizing:border-box;position:relative;overflow-x:hidden}.pd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;flex-wrap:wrap;gap:16px}.pd-header-left{display:flex;align-items:center;gap:16px}.pd-brand-badge{display:flex;align-items:center;gap:14px}.pd-logo-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#06b6d440,#0284c726);border:1px solid rgba(6,182,212,.5);box-shadow:0 0 20px #06b6d459;display:flex;align-items:center;justify-content:center}.pd-logo-dice{font-size:1.6rem}.pd-titles{display:flex;flex-direction:column}.pd-tag{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c084fc;background:#a855f726;border:1px solid rgba(168,85,247,.35);padding:2px 8px;border-radius:999px;width:fit-content;margin-bottom:2px}.pd-main-title{font-size:2rem;font-weight:900;font-style:italic;letter-spacing:-.01em;margin:0;line-height:1.15;color:#fff}.text-cyan{color:#06b6d4;text-shadow:0 0 16px rgba(6,182,212,.5);background:linear-gradient(135deg,#22d3ee,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-amber{color:#f59e0b;text-shadow:0 0 16px rgba(245,158,11,.4)}.text-purple{color:#c084fc;text-shadow:0 0 16px rgba(192,132,252,.4)}.text-green{color:#4ade80;text-shadow:0 0 16px rgba(74,222,128,.4)}.pd-subtitle{font-size:.875rem;color:#94a3b8;margin:4px 0 0}.pd-header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pd-nav-tabs{display:flex;background:#0f172acc;border:1px solid rgba(56,189,248,.15);border-radius:12px;padding:4px;gap:4px}.pd-tab-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:transparent;border:none;color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s ease}.pd-tab-btn:hover{color:#f1f5f9;background:#ffffff0d}.pd-tab-btn.active{background:linear-gradient(135deg,#06b6d4,#0284c7);color:#fff;box-shadow:0 2px 10px #06b6d466}.pd-actions{display:flex;align-items:center;gap:8px}.pd-action-btn{display:flex;align-items:center;gap:8px;padding:9px 14px;background:#0f172ad9;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#cbd5e1;font-size:.825rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pd-action-btn:hover{background:#ffffff14;border-color:#38bdf84d;color:#fff;transform:translateY(-1px)}.pd-home-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid rgba(239,68,68,.5);color:#fff;padding:9px 12px;box-shadow:0 2px 10px #ef444459}.pd-home-btn:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 14px #ef444480}.pd-layout-grid{display:grid;grid-template-columns:290px minmax(0,1fr) 320px;gap:18px;align-items:start}.pd-col-left,.pd-col-center,.pd-col-right{display:flex;flex-direction:column;gap:16px}.pd-panel{background:#0b1324d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.2);border-radius:16px;padding:16px 18px;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff0a;position:relative}.pd-panel-title-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pd-title-left{display:flex;align-items:center;gap:8px}.pd-panel-title-bar h2{font-size:.875rem;font-weight:800;letter-spacing:.05em;color:#fff;margin:0}.pd-icon-cyan{color:#06b6d4;filter:drop-shadow(0 0 6px rgba(6,182,212,.4))}.pd-title-emoji{font-size:1rem}.pd-subtabs{display:flex;background:#060c18d9;border:1px solid rgba(56,189,248,.2);border-radius:8px;padding:2px;gap:2px;margin-bottom:12px}.pd-subtab-btn{flex:1;background:transparent;border:none;color:#94a3b8;font-size:.75rem;font-weight:600;padding:5px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease;text-align:center}.pd-subtab-btn:hover{color:#f1f5f9}.pd-subtab-btn.active{background:#06b6d438;color:#06b6d4;border:1px solid rgba(6,182,212,.4)}.pd-concept-card{background:#060c18b3;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 14px}.pd-concept-header-icon{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pd-concept-mini-dice{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(6,182,212,.4))}.pd-concept-header-icon h4{margin:0 0 2px;font-size:.95rem;color:#fff}.pd-concept-header-icon p{margin:0;font-size:.775rem;color:#94a3b8;line-height:1.35}.pd-formula-box{background:#040812e6;border:1px solid rgba(6,182,212,.35);border-radius:10px;padding:10px 12px;margin-top:8px;text-align:center}.pd-math-eq{display:flex;align-items:center;justify-content:center;gap:8px;font-family:"Cambria Math",Times New Roman,serif;font-size:1.25rem;color:#fff;margin-bottom:8px}.pd-var{font-style:italic;font-weight:700;color:#38bdf8}.pd-frac{display:flex;flex-direction:column;align-items:center;line-height:1.1}.pd-num{color:#22d3ee;font-size:1.05rem}.pd-frac-line{width:100%;height:1.5px;background:#38bdf8;margin:2px 0}.pd-den{color:#f59e0b;font-size:1.05rem}.pd-formula-legend{font-size:.72rem;color:#94a3b8;text-align:left;border-top:1px dashed rgba(255,255,255,.08);padding-top:6px;line-height:1.4}.pd-bullets{margin:0;padding-left:16px;font-size:.75rem;color:#94a3b8;line-height:1.45}.pd-sample-text{font-size:.78rem;color:#94a3b8;margin:0 0 6px}.pd-sample-notation{font-size:.95rem;color:#fff;font-family:monospace;margin-bottom:12px}.pd-coins-row{display:flex;justify-content:space-around;align-items:center;margin-bottom:12px}.pd-coin-item{display:flex;flex-direction:column;align-items:center;gap:6px}.pd-coin-disc{width:52px;height:52px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;box-shadow:0 4px 12px #0006;position:relative}.pd-coin-disc.gold{background:radial-gradient(circle at 35% 35%,#fef08a,#eab308 60%,#ca8a04);border:2px solid #facc15;color:#713f12;box-shadow:0 0 16px #eab30866}.pd-coin-disc.silver{background:radial-gradient(circle at 35% 35%,#f1f5f9,#cbd5e1 60%,#94a3b8);border:2px solid #e2e8f0;color:#1e293b;box-shadow:0 0 16px #cbd5e14d}.pd-coin-emblem{font-size:.75rem;line-height:1}.pd-coin-val{font-size:.65rem;line-height:1}.pd-coin-label{font-size:.75rem;color:#cbd5e1;text-align:center}.pd-badge-ns{background:#040812d9;border:1px solid rgba(245,158,11,.35);border-radius:8px;padding:6px 10px;text-align:center;font-size:.825rem;color:#cbd5e1}.pd-dice-dots-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:12px}.pd-mini-dice-pip{height:32px;background:#060c18e6;border:1px solid rgba(56,189,248,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#06b6d4;font-size:.85rem}.pd-theor-desc{font-size:.775rem;color:#94a3b8;line-height:1.4;margin:0 0 8px}.pd-theor-formula-row{font-size:.775rem;color:#cbd5e1;font-family:monospace;background:#060c18b3;padding:6px 8px;border-radius:6px;margin-bottom:8px;text-align:center}.pd-theor-box{background:#040812e6;border:1px solid rgba(245,158,11,.35);border-radius:8px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem}.pd-theor-frac{color:#f59e0b;font-weight:800}.pd-theor-approx{color:#cbd5e1}.pd-exp-type-toggle{display:flex;background:#060c18cc;border:1px solid rgba(56,189,248,.2);border-radius:12px;padding:4px;gap:4px;margin-bottom:14px}.pd-exp-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:8px;color:#94a3b8;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease}.pd-exp-toggle-btn:hover{color:#fff}.pd-exp-toggle-btn.active{background:linear-gradient(135deg,#06b6d4,#0284c7);color:#fff;box-shadow:0 4px 14px #06b6d466}.pd-stage-scene{height:250px;background:radial-gradient(circle at 50% 50%,#0e1e38,#081124 60%,#040814);border:1px solid rgba(56,189,248,.25);border-radius:16px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;perspective:800px;box-shadow:inset 0 0 40px #0009}.pd-pedestal-light{position:absolute;width:280px;height:120px;bottom:20px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.35) 0%,rgba(2,132,199,.1) 60%,transparent 80%);filter:blur(8px);pointer-events:none}.pd-pedestal-rings{position:absolute;bottom:30px;width:240px;height:80px;transform:rotateX(65deg);display:flex;align-items:center;justify-content:center;pointer-events:none}.pd-ring{border-radius:50%;position:absolute}.pd-ring.ring-outer{width:220px;height:220px;border:2px solid rgba(6,182,212,.6);box-shadow:0 0 20px #06b6d480,inset 0 0 15px #06b6d44d}.pd-ring.ring-inner{width:140px;height:140px;border:1.5px solid rgba(56,189,248,.5);box-shadow:0 0 12px #38bdf866}.pd-hud-result-box{position:absolute;right:20px;top:24px;background:#060c18d9;border:1px solid rgba(6,182,212,.4);border-radius:12px;padding:12px 18px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000080,0 0 14px #06b6d433;z-index:10}.pd-hud-title{font-size:.72rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.pd-hud-val{font-size:2.2rem;font-weight:900;line-height:1.1;margin:2px 0}.pd-hud-sub{font-size:.72rem;color:#64748b}.pd-3d-viewport{width:90px;height:90px;position:relative;transform-style:preserve-3d;cursor:pointer;z-index:5;margin-bottom:20px}.pd-dice-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.18,.89,.32,1.28)}.pd-dice-cube:hover{filter:drop-shadow(0 0 18px rgba(6,182,212,.6))}.pd-cube-face{position:absolute;width:90px;height:90px;background:radial-gradient(circle at 35% 35%,#fff,#f1f5f9 65%,#cbd5e1);border-radius:16px;border:1.5px solid rgba(255,255,255,.8);box-shadow:inset 0 0 10px #00000026,0 4px 16px #0006;box-sizing:border-box;padding:12px}.pd-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#334155,#0f172a 70%,#000);box-shadow:inset 0 2px 4px #000000e6,0 1px 1px #fff9}.pd-dot.center{top:50%;left:50%;transform:translate(-50%,-50%)}.pd-dot.top-left{top:14px;left:14px}.pd-dot.top-right{top:14px;right:14px}.pd-dot.middle-left{top:50%;left:14px;transform:translateY(-50%)}.pd-dot.middle-right{top:50%;right:14px;transform:translateY(-50%)}.pd-dot.bottom-left{bottom:14px;left:14px}.pd-dot.bottom-right{bottom:14px;right:14px}.face-1{transform:rotateY(0) translateZ(45px)}.face-2{transform:rotateX(90deg) translateZ(45px)}.face-3{transform:rotateY(90deg) translateZ(45px)}.face-4{transform:rotateY(-90deg) translateZ(45px)}.face-5{transform:rotateX(-90deg) translateZ(45px)}.face-6{transform:rotateX(180deg) translateZ(45px)}.pd-coin-3d{width:90px;height:90px;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.18,.89,.32,1.28)}.pd-coin-3d.flipping{animation:coinSpin .6s linear infinite}@keyframes coinSpin{0%{transform:rotateY(0)}to{transform:rotateY(720deg)}}.pd-coin-3d.show-tails{transform:rotateY(180deg)}.pd-coin-3d-side{position:absolute;width:100%;height:100%;border-radius:50%;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 18px #0009}.coin-heads{background:radial-gradient(circle at 35% 35%,#fef08a,#eab308 60%,#ca8a04);border:3px solid #fde047;color:#713f12;transform:rotateY(0)}.coin-tails{background:radial-gradient(circle at 35% 35%,#f8fafc,#cbd5e1 60%,#94a3b8);border:3px solid #f1f5f9;color:#1e293b;transform:rotateY(180deg)}.pd-c-val{font-size:.85rem;font-weight:800;line-height:1}.pd-c-num{font-size:1.3rem;font-weight:900;line-height:1}.pd-c-desc{font-size:.65rem;font-weight:800;letter-spacing:.05em}.pd-c-bird{font-size:2rem;line-height:1}.pd-stage-actions{display:flex;gap:12px;margin-top:14px}.pd-btn-roll-primary{flex:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#06b6d4,#0284c7);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #06b6d466;transition:all .2s ease}.pd-btn-roll-primary:hover{background:linear-gradient(135deg,#22d3ee,#0284c7);transform:translateY(-1px)}.pd-btn-roll-multi{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 14px;background:#0f172ad9;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#cbd5e1;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pd-btn-roll-multi:hover{background:#ffffff1a;color:#fff;border-color:#38bdf866}.pd-middle-subgrid{display:grid;grid-template-columns:240px 1fr;gap:16px}.pd-dice-outcomes-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.pd-outcome-card{background:#060c18cc;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:6px}.pd-outcome-num{font-size:.85rem;font-weight:800;color:#cbd5e1}.pd-outcome-icon-box{width:28px;height:28px;background:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:3px;box-sizing:border-box}.pd-mini-pip-face{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-items:center;gap:2px}.p-dot{width:4px;height:4px;background:#0f172a;border-radius:50%}.pd-outcome-count-badge{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff}.pd-coin-outcomes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:10px 0}.pd-outcome-card.coin-card{padding:12px}.pd-coin-mini-disc{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:800}.pd-coin-mini-disc.gold{background:#eab308;color:#713f12}.pd-coin-mini-disc.silver{background:#cbd5e1;color:#0f172a}.bg-amber{background:#f59e0b}.bg-cyan{background:#06b6d4}.pd-chart-view-toggle{display:flex;background:#060c18cc;border:1px solid rgba(56,189,248,.2);border-radius:8px;padding:2px;gap:2px}.pd-view-toggle-btn{background:transparent;border:none;color:#94a3b8;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease}.pd-view-toggle-btn.active{background:#06b6d433;color:#06b6d4;border:1px solid rgba(6,182,212,.4)}.pd-chart-wrapper{position:relative;padding-left:28px}.pd-y-axis-label{position:absolute;left:-12px;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:.68rem;color:#64748b;font-weight:600;text-transform:uppercase}.pd-chart-grid-area{position:relative;height:120px;display:flex;align-items:flex-end}.pd-chart-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.pd-grid-line{display:flex;align-items:center;width:100%;gap:8px}.pd-grid-line span{font-size:.68rem;color:#64748b;width:14px;text-align:right;font-family:monospace}.pd-dash{flex:1;height:1px;border-bottom:1px dashed rgba(56,189,248,.15)}.pd-chart-bars{position:relative;z-index:2;display:flex;justify-content:space-around;align-items:flex-end;width:100%;height:100%;padding:0 10px}.pd-chart-bar-col{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;justify-content:flex-end}.pd-bar-val-top{font-size:.72rem;font-weight:800;color:#fff;margin-bottom:3px;text-shadow:0 0 6px rgba(0,0,0,.8)}.pd-bar-body{width:24px;border-radius:4px 4px 0 0;box-shadow:0 0 10px #0006}.pd-bar-label-bottom{font-size:.72rem;color:#94a3b8;margin-top:6px;font-weight:600}.pd-x-axis-label{text-align:center;font-size:.72rem;color:#64748b;font-weight:600;margin-top:4px}.pd-bottom-comparison-grid{display:grid;grid-template-columns:1.2fr 1.5fr 1.1fr;gap:16px}.pd-emp-selector-row{display:flex;justify-content:space-between;align-items:center;font-size:.775rem;color:#cbd5e1;margin-bottom:8px}.pd-select{background:#060c18d9;border:1px solid rgba(56,189,248,.3);border-radius:6px;color:#fff;padding:3px 8px;font-size:.8rem;outline:none}.pd-emp-calc-box{background:#060c18cc;border:1px solid rgba(34,197,94,.25);border-radius:10px;padding:10px;text-align:center}.pd-emp-math{font-family:monospace;font-size:.85rem;color:#94a3b8}.pd-emp-frac{color:#4ade80;font-weight:800}.pd-emp-large-pct{font-size:1.7rem;font-weight:900;margin-top:4px}.pd-vs-container{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.pd-vs-box{flex:1;background:#060c18cc;border-radius:10px;padding:8px 10px;text-align:center;display:flex;flex-direction:column}.pd-vs-box.teoritis{border:1px solid rgba(245,158,11,.35)}.pd-vs-box.empiris{border:1px solid rgba(168,85,247,.35)}.pd-vs-label{font-size:.7rem;color:#94a3b8;margin-bottom:2px}.pd-vs-frac{font-size:.85rem;font-weight:800;color:#fff}.pd-vs-val{font-size:1.2rem;font-weight:900;line-height:1.1;margin-top:2px}.pd-vs-divider{font-size:.8rem;font-weight:900;color:#06b6d4;background:#06b6d426;border:1px solid rgba(6,182,212,.3);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pd-vs-law-callout{display:flex;align-items:flex-start;gap:8px;background:#06b6d40f;border:1px solid rgba(6,182,212,.25);border-radius:8px;padding:8px 10px}.pd-vs-law-callout p{font-size:.72rem;color:#94a3b8;margin:0;line-height:1.35}.pd-history-scroll-list{max-height:100px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:4px;margin-bottom:8px}.pd-history-item{display:flex;justify-content:space-between;align-items:center;background:#060c18b3;border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:4px 8px;font-size:.75rem}.pd-h-id{color:#94a3b8}.pd-h-val{font-weight:800}.pd-h-val.green{color:#4ade80}.pd-h-val.amber{color:#fbbf24}.pd-btn-clear-history{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:6px;background:#ef444426;border:1px solid rgba(239,68,68,.35);border-radius:8px;color:#f87171;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s ease}.pd-btn-clear-history:hover{background:#ef444440;color:#fff}.pd-ctrl-section{margin-bottom:14px}.pd-ctrl-label{font-size:.78rem;font-weight:700;color:#cbd5e1;margin-bottom:8px;display:block}.pd-ctrl-exp-buttons{display:flex;gap:8px}.pd-ctrl-exp-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:#060c18d9;border:1px solid rgba(56,189,248,.2);border-radius:8px;color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.pd-ctrl-exp-btn.active{background:linear-gradient(135deg,#06b6d4,#0284c7);border-color:transparent;color:#fff}.pd-quick-trials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pd-quick-btn{padding:8px 4px;background:#060c18d9;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#cbd5e1;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s ease;text-align:center}.pd-quick-btn:hover{border-color:#06b6d4;color:#06b6d4;background:#06b6d41a}.pd-btn-reset-large{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px;background:linear-gradient(135deg,#06b6d4,#0284c7);border:none;border-radius:10px;color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #06b6d459;transition:all .2s ease}.pd-btn-reset-large:hover{filter:brightness(1.1);transform:translateY(-1px)}.pd-stats-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.pd-stat-row{display:flex;justify-content:space-between;align-items:center;background:#060c18b3;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 12px}.pd-sr-left{display:flex;align-items:center;gap:8px;font-size:.78rem;color:#cbd5e1}.pd-sr-icon,.pd-sr-val{font-size:.9rem}.pd-btn-outline-info{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:#060c18cc;border:1px solid rgba(6,182,212,.35);border-radius:10px;color:#38bdf8;font-size:.825rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pd-btn-outline-info:hover{background:#06b6d41a;border-color:#06b6d4;color:#fff}.pd-btn-switch-q{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:#94a3b8;font-size:.72rem;cursor:pointer}.pd-btn-switch-q:hover{color:#fff}.pd-question-body{display:flex;flex-direction:column;gap:10px}.pd-q-text{font-size:.8rem;color:#fff;line-height:1.4;margin:0}.pd-q-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pd-q-opt-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#060c18b3;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#cbd5e1;font-size:.8rem;cursor:pointer;transition:all .15s ease}.pd-q-opt-btn:hover{border-color:#06b6d4;background:#06b6d41a}.pd-q-opt-btn.correct{border-color:#22c55e;background:#22c55e26;color:#4ade80}.pd-q-opt-btn.wrong{border-color:#ef4444;background:#ef444426;color:#f87171}.pd-opt-letter{font-weight:800}.pd-btn-view-explanation{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #10b98159}.pd-btn-view-explanation:hover{filter:brightness(1.1)}.pd-explanation-box{background:#060c18e6;border:1px solid rgba(34,197,94,.35);border-radius:8px;padding:10px;font-size:.75rem;color:#cbd5e1;line-height:1.4}.pd-exp-header{display:flex;align-items:center;gap:6px;color:#4ade80;font-weight:800;margin-bottom:4px}.pd-challenge-layout,.pd-reflect-layout{max-width:900px;margin:20px auto}.pd-challenge-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap}.pd-c-tab{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#0f172acc;border:1px solid rgba(56,189,248,.2);border-radius:10px;color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pd-c-tab.active{background:linear-gradient(135deg,#06b6d4,#0284c7);color:#fff;border-color:transparent}.pd-xp-badge{display:flex;align-items:center;gap:6px;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:800;color:#fbbf24}.pd-challenge-card,.pd-quiz-card,.pd-reflect-card{background:#0b1324d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(56,189,248,.25);border-radius:16px;padding:28px;box-shadow:0 10px 30px #0006}.pd-c-prompt-box{background:#060c18e6;border:1px solid rgba(6,182,212,.35);border-radius:12px;padding:16px;font-size:1.25rem;font-weight:800;color:#06b6d4;text-align:center;margin-bottom:20px}.pd-c-input-row{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.pd-c-input-row label{font-size:.85rem;color:#cbd5e1}.pd-c-input{padding:12px 14px;background:#060c18d9;border:1px solid rgba(56,189,248,.25);border-radius:10px;color:#fff;font-size:.95rem;font-weight:600}.pd-c-input:focus{outline:none;border-color:#06b6d4}.pd-c-feedback-box{display:flex;align-items:flex-start;gap:12px;border-radius:10px;padding:14px;margin-bottom:20px}.pd-c-feedback-box.ok{background:#22c55e26;border:1px solid rgba(34,197,94,.35)}.pd-c-feedback-box h4{margin:0 0 4px;color:#4ade80;font-size:.95rem}.pd-c-feedback-box p{margin:0;color:#cbd5e1;font-size:.85rem}.pd-c-btn-row{display:flex;justify-content:flex-end}.pd-btn-submit-challenge{padding:12px 28px;background:linear-gradient(135deg,#06b6d4,#0284c7);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #06b6d459}.pd-btn-next-challenge{padding:12px 28px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #10b98159}.pd-quiz-header{display:flex;justify-content:space-between;font-size:.85rem;color:#94a3b8;margin-bottom:12px}.pd-quiz-q{font-size:1.25rem;color:#fff;margin:0 0 20px}.pd-quiz-options{display:grid;grid-template-columns:1fr;gap:12px}.pd-quiz-opt{padding:14px 18px;background:#060c18b3;border:1px solid rgba(56,189,248,.2);border-radius:10px;color:#cbd5e1;text-align:left;font-size:.9rem;cursor:pointer;transition:all .2s ease}.pd-quiz-opt:hover{background:#06b6d41a;border-color:#06b6d4;color:#fff}.pd-quiz-opt.selected{background:#06b6d440;border-color:#06b6d4;color:#fff}.pd-quiz-result{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:20px 0}.pd-reflect-q{font-size:1.15rem;color:#fff;margin:0 0 20px;line-height:1.45}.pd-reflect-choices{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.pd-reflect-opt{display:flex;align-items:flex-start;gap:14px;padding:16px;background:#060c18bf;border:1px solid rgba(56,189,248,.2);border-radius:12px;color:#cbd5e1;font-size:.875rem;text-align:left;cursor:pointer;line-height:1.5;transition:all .2s ease}.pd-reflect-opt:hover{border-color:#06b6d4;background:#06b6d414}.pd-reflect-opt.active{border-color:#06b6d4;background:#06b6d426;color:#fff}.pd-opt-num{width:28px;height:28px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;color:#38bdf8}.pd-reflect-feedback{border-radius:12px;padding:16px}.pd-feedback-success,.pd-feedback-retry{display:flex;gap:14px;align-items:flex-start}.pd-feedback-success{background:#22c55e1f;border:1px solid rgba(34,197,94,.35);border-radius:12px;padding:14px}.pd-feedback-success h4{color:#4ade80;margin:0 0 4px;font-size:.95rem}.pd-feedback-success p{color:#cbd5e1;margin:0;font-size:.85rem;line-height:1.45}.pd-feedback-retry{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:12px;padding:14px}.pd-feedback-retry h4{color:#fbbf24;margin:0 0 4px;font-size:.95rem}.pd-feedback-retry p{color:#cbd5e1;margin:0;font-size:.85rem;line-height:1.45}.pd-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;display:flex;align-items:center;justify-content:center;padding:20px}.pd-modal-content{background:#0b1426;border:1px solid rgba(56,189,248,.3);border-radius:18px;max-width:650px;width:100%;max-height:85vh;overflow-y:auto;padding:28px;position:relative;box-shadow:0 20px 40px #0009}.pd-modal-close-btn{position:absolute;top:18px;right:18px;background:#ffffff14;border:none;border-radius:50%;width:34px;height:34px;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pd-modal-close-btn:hover{background:#ffffff26;color:#fff}.pd-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.pd-modal-header h2{font-size:1.3rem;font-weight:800;margin:0;color:#fff}.pd-modal-body{display:flex;flex-direction:column;gap:18px;color:#cbd5e1;font-size:.875rem;line-height:1.55}.pd-modal-body h3{font-size:1rem;color:#38bdf8;margin:0 0 6px}.pd-modal-body ul{margin:4px 0 8px;padding-left:20px}@media(max-width:1280px){.pd-layout-grid,.pd-middle-subgrid,.pd-bottom-comparison-grid{grid-template-columns:1fr}}@media(max-width:860px){.peluang-dasar-smp{padding:16px}.pd-header{flex-direction:column;align-items:flex-start}.pd-header-right{width:100%;justify-content:space-between}.pd-q-options-grid{grid-template-columns:1fr}}.digest-simulation-root{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.digest-stage-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 30%,#f43f5e14,#0f172af2);border-radius:var(--sim-radius-lg, 16px);overflow:hidden}.digest-canvas-wrapper{flex:1;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:1rem}.digest-hud-overlay{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:10}.digest-hud-overlay>*{pointer-events:auto}.digest-badge-glass{background:#0f172abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:9999px;padding:.375rem .875rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#e2e8f0;box-shadow:0 4px 16px #0000004d}.digest-telemetry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;width:100%}.digest-telemetry-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:var(--sim-radius-md, 12px);padding:.75rem;display:flex;flex-direction:column;gap:.25rem;transition:all .2s ease}.digest-telemetry-card:hover{border-color:#f43f5e4d;background:#1e293b99}.digest-telemetry-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:600}.digest-telemetry-value{font-size:1.15rem;font-weight:700;font-family:var(--sim-font-mono, monospace);color:#f8fafc}.digest-telemetry-sub{font-size:.68rem;color:#64748b}.digest-svg{width:100%;height:100%;max-height:480px}.organ-node{cursor:pointer;transition:all .2s ease}.organ-node:hover circle{filter:drop-shadow(0 0 10px rgba(244,63,94,.6))}.nutrient-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:var(--sim-radius-md, 12px);font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.08);background:#0f172a80;color:#94a3b8;cursor:pointer;transition:all .2s ease}.nutrient-btn:hover{color:#f8fafc;background:#1e293bcc;border-color:#fff3}.nutrient-btn.active{background:linear-gradient(135deg,#f43f5e40,#db277740);border-color:#fb718599;color:#f8fafc;box-shadow:0 0 16px #f43f5e40}.persamaan-kuadrat-smp{min-height:100dvh;background:linear-gradient(135deg,#070c17,#121c32);color:#f8fafc;padding:20px}.back-button{position:fixed;top:20px;left:20px;display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f8fafc;cursor:pointer;z-index:100;transition:all .3s}.back-button:hover{background:#ffffff1a;transform:translate(-4px)}.simulation-container{max-width:1400px;margin:0 auto;padding-top:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.title-section{flex:1}.title{font-size:2rem;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1rem;color:#94a3b8;margin:0}.mode-selector{display:flex;gap:8px;flex-wrap:wrap}.mode-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .3s;font-size:.875rem}.mode-button:hover{background:#ffffff14;color:#f8fafc}.mode-button.active{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:transparent;color:#fff}.main-content{display:grid;grid-template-columns:1fr 400px;gap:24px}@media(max-width:1024px){.main-content{grid-template-columns:1fr}}.visual-section{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px}.graph-workspace{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:30px;min-height:400px}.cartesian-container{background:#00000040;border-radius:16px;padding:12px;border:1px solid rgba(255,255,255,.05)}.cartesian-svg{max-width:100%;height:auto}.parabola-path{stroke-dasharray:1000;stroke-dashoffset:0;transition:d .15s ease-out}.math-status-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.math-header{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:12px}.equation-text{color:#06b6d4;font-size:1.05rem}.math-metrics{display:flex;flex-direction:column;gap:12px}.metric-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#94a3b8}.metric-val{color:#f8fafc;font-family:monospace;font-size:.95rem}.nature-explanation{background:#06b6d40f;border-left:3px solid #06b6d4;padding:12px;border-radius:4px;font-size:.85rem;color:#a5f3fc;line-height:1.5}.reflect-showcase{width:100%}.reflect-showcase h3{font-size:1.25rem;margin:0 0 20px;font-weight:700}.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.app-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.app-card h4{margin:0;font-size:1.1rem;font-weight:700;color:#06b6d4}.app-desc{font-size:.875rem;color:#cbd5e1;line-height:1.6;margin:0}.control-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:20px}.control-panel h3{font-size:1.25rem;margin:0;font-weight:700;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:12px}.slider-group{display:flex;flex-direction:column;gap:20px}.slider-container{display:flex;flex-direction:column;gap:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);padding:14px;border-radius:10px}.slider-header{display:flex;justify-content:space-between;align-items:center}.slider-header label{font-size:.875rem;font-weight:600;color:#94a3b8}.slider-val{font-family:monospace;font-size:1.1rem;font-weight:700}.slider{width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#06b6d4;cursor:pointer;transition:transform .1s}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.a-slider::-webkit-slider-thumb{background:#06b6d4}.b-slider::-webkit-slider-thumb{background:#f59e0b}.c-slider::-webkit-slider-thumb{background:#10b981}.slider-desc{font-size:.775rem;color:#64748b;margin:0;line-height:1.4}.control-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;border:none;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s;width:100%}.control-btn.primary{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.control-btn.secondary{background:#ffffff0f;color:#f8fafc;border:1px solid rgba(255,255,255,.1)}.control-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d433}.info-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:10px;color:#10b981;cursor:pointer;font-size:.875rem;width:100%;transition:all .3s;font-weight:600}.info-btn:hover{background:#10b98126;transform:translateY(-2px)}.quiz-section{display:flex;flex-direction:column;gap:20px}.quiz-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:12px}.quiz-level{font-weight:700;color:#fb7185}.quiz-score{font-weight:700;color:#10b981}.quiz-question{font-size:1rem;line-height:1.6;color:#cbd5e1;background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:20px;border-radius:12px}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-option{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#f8fafc;cursor:pointer;font-size:.875rem;text-align:left;transition:all .2s ease}.quiz-option:hover{background:#06b6d41a;border-color:#06b6d44d;transform:translate(4px)}.reflect-panel .reflect-card{background:#ffffff0a;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.reflect-panel .reflect-card p{font-size:.9rem;line-height:1.6;color:#cbd5e1;margin:0}.reflect-question-box{background:#06b6d40f;border-left:3px solid #06b6d4;padding:16px;border-radius:6px}.reflect-question-box strong{font-size:.875rem;color:#22d3ee;display:block;margin-bottom:8px}.reflect-question-box ol{margin:0;padding-left:20px;color:#f8fafc;font-size:.875rem}.reflect-question-box li{margin-bottom:8px;line-height:1.5}.reflect-question-box li:last-child{margin-bottom:0}.info-panel-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.info-panel{background:#0d1527;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;max-width:600px;width:90%;position:relative;box-shadow:0 10px 30px #00000080;max-height:90vh;overflow-y:auto}.info-close{position:absolute;top:20px;right:20px;background:transparent;border:none;color:#64748b;cursor:pointer;padding:8px;transition:color .3s}.info-close:hover{color:#f8fafc}.info-panel h3{font-size:1.5rem;font-weight:800;margin:0 0 16px;color:#06b6d4}.info-panel p{font-size:.925rem;line-height:1.7;color:#cbd5e1;margin-bottom:20px}.info-panel ul{margin-bottom:24px;padding-left:20px}.info-panel li{margin-bottom:10px;font-size:.9rem;line-height:1.6;color:#94a3b8}.info-panel h4{font-size:1.15rem;margin:20px 0 12px;font-weight:700}.complete-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.complete-content{background:#0d1527;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:48px;text-align:center;max-width:440px;width:90%;box-shadow:0 20px 50px #0009}.complete-content svg{margin:0 auto 24px}.complete-content h2{font-size:2rem;font-weight:800;margin-bottom:12px;color:#f8fafc}.complete-content p{font-size:.95rem;color:#94a3b8;line-height:1.6;margin-bottom:16px}.final-score{font-size:1.75rem;font-weight:800;color:#10b981;margin:20px 0 32px!important}.complete-buttons{display:flex;gap:12px;justify-content:center}.btn-primary,.btn-secondary{padding:12px 32px;border-radius:10px;border:none;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.btn-secondary{background:#ffffff0f;color:#cbd5e1;border:1px solid rgba(255,255,255,.1)}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06b6d433}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-950:oklch(28.6% .066 53.813);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-800:oklch(45.3% .124 130.933);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-900:oklch(39.8% .07 227.392);--color-cyan-950:oklch(30.2% .056 229.695);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-800:oklch(44.3% .11 240.79);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-950:oklch(28.3% .141 291.089);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-fuchsia-50:oklch(97.7% .017 320.058);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-400:oklch(74% .238 322.16);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-900:oklch(21.6% .006 56.043);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.visible\!{visibility:visible!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-x-6{inset-inline:calc(var(--spacing) * 6)}.inset-x-8{inset-inline:calc(var(--spacing) * 8)}.inset-x-\[-40px\]{inset-inline:-40px}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.inset-y-\[-40px\]{inset-block:-40px}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-1{top:calc(var(--spacing) * -1)}.-top-2{top:calc(var(--spacing) * -2)}.-top-3{top:calc(var(--spacing) * -3)}.-top-5{top:calc(var(--spacing) * -5)}.-top-6{top:calc(var(--spacing) * -6)}.-top-10{top:calc(var(--spacing) * -10)}.-top-12{top:calc(var(--spacing) * -12)}.-top-16{top:calc(var(--spacing) * -16)}.-top-20{top:calc(var(--spacing) * -20)}.-top-24{top:calc(var(--spacing) * -24)}.-top-32{top:calc(var(--spacing) * -32)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1{top:calc(var(--spacing) * 1)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-1\/3{top:33.3333%}.top-1\/4{top:25%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-6{top:calc(var(--spacing) * 6)}.top-8{top:calc(var(--spacing) * 8)}.top-10{top:calc(var(--spacing) * 10)}.top-12{top:calc(var(--spacing) * 12)}.-right-1{right:calc(var(--spacing) * -1)}.-right-2{right:calc(var(--spacing) * -2)}.-right-3{right:calc(var(--spacing) * -3)}.-right-10{right:calc(var(--spacing) * -10)}.-right-24{right:calc(var(--spacing) * -24)}.-right-32{right:calc(var(--spacing) * -32)}.right-0{right:calc(var(--spacing) * 0)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-1\/3{right:33.3333%}.right-1\/4{right:25%}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-6{right:calc(var(--spacing) * 6)}.right-8{right:calc(var(--spacing) * 8)}.right-10{right:calc(var(--spacing) * 10)}.right-12{right:calc(var(--spacing) * 12)}.-bottom-8{bottom:calc(var(--spacing) * -8)}.-bottom-20{bottom:calc(var(--spacing) * -20)}.-bottom-24{bottom:calc(var(--spacing) * -24)}.-bottom-32{bottom:calc(var(--spacing) * -32)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1\/3{bottom:33.3333%}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-12{bottom:calc(var(--spacing) * 12)}.bottom-14{bottom:calc(var(--spacing) * 14)}.bottom-16{bottom:calc(var(--spacing) * 16)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-\[-14px\]{bottom:-14px}.-left-24{left:calc(var(--spacing) * -24)}.-left-32{left:calc(var(--spacing) * -32)}.left-0{left:calc(var(--spacing) * 0)}.left-0\.5{left:calc(var(--spacing) * .5)}.left-1{left:calc(var(--spacing) * 1)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-6{left:calc(var(--spacing) * 6)}.left-8{left:calc(var(--spacing) * 8)}.left-10{left:calc(var(--spacing) * 10)}.left-12{left:calc(var(--spacing) * 12)}.left-16{left:calc(var(--spacing) * 16)}.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-\[200\]{z-index:200}.z-\[300\]{z-index:300}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-6{margin-block:calc(var(--spacing) * 6)}.my-auto{margin-block:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-\[-20px\]{margin-bottom:-20px}.-ml-8{margin-left:calc(var(--spacing) * -8)}.-ml-20{margin-left:calc(var(--spacing) * -20)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-20{margin-left:calc(var(--spacing) * 20)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-row{display:table-row}.aspect-\[1\.8\/1\]{aspect-ratio:1.8}.aspect-square{aspect-ratio:1}.h-0{height:calc(var(--spacing) * 0)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-1\/2{height:50%}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-44{height:calc(var(--spacing) * 44)}.h-64{height:calc(var(--spacing) * 64)}.h-80{height:calc(var(--spacing) * 80)}.h-96{height:calc(var(--spacing) * 96)}.h-\[2px\]{height:2px}.h-\[90\%\]{height:90%}.h-\[300px\]{height:300px}.h-\[400px\]{height:400px}.h-\[450px\]{height:450px}.h-\[550px\]{height:550px}.h-\[600px\]{height:600px}.h-fit{height:fit-content}.h-full{height:100%}.max-h-24{max-height:calc(var(--spacing) * 24)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[55px\]{min-height:55px}.min-h-\[72px\]{min-height:72px}.min-h-\[160px\]{min-height:160px}.min-h-\[500px\]{min-height:500px}.min-h-\[600px\]{min-height:600px}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing) * 0)}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[80\%\]{width:80%}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-20{max-width:calc(var(--spacing) * 20)}.max-w-24{max-width:calc(var(--spacing) * 24)}.max-w-36{max-width:calc(var(--spacing) * 36)}.max-w-\[140px\]{max-width:140px}.max-w-\[280px\]{max-width:280px}.max-w-\[450px\]{max-width:450px}.max-w-\[500px\]{max-width:500px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-bottom{transform-origin:bottom}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-150{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.02\]{scale:1.02}.scale-\[1\.05\]{scale:1.05}.rotate-0{rotate:none}.rotate-12{rotate:12deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.skew-x-\[-20deg\]{--tw-skew-x:skewX(-20deg);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,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))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-20{gap:calc(var(--spacing) * 20)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[1rem\]{border-radius:1rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[3\.5rem\]{border-radius:3.5rem}.rounded-\[3rem\]{border-radius:3rem}.rounded-\[4rem\]{border-radius:4rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-\[10rem\]{border-top-left-radius:10rem;border-top-right-radius:10rem}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-tl-xl{border-top-left-radius:var(--radius-xl)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-b-3xl{border-bottom-right-radius:var(--radius-3xl);border-bottom-left-radius:var(--radius-3xl)}.rounded-b-\[2\.5rem\]{border-bottom-right-radius:2.5rem;border-bottom-left-radius:2.5rem}.rounded-b-\[3rem\]{border-bottom-right-radius:3rem;border-bottom-left-radius:3rem}.rounded-b-\[4rem\]{border-bottom-right-radius:4rem;border-bottom-left-radius:4rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-x-8{border-inline-style:var(--tw-border-style);border-inline-width:8px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-y-8{border-block-style:var(--tw-border-style);border-block-width:8px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-8{border-top-style:var(--tw-border-style);border-top-width:8px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-r-\[12px\]{border-right-style:var(--tw-border-style);border-right-width:12px}.border-r-\[20px\]{border-right-style:var(--tw-border-style);border-right-width:20px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-b-8{border-bottom-style:var(--tw-border-style);border-bottom-width:8px}.border-b-\[40px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:40px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-l-\[12px\]{border-left-style:var(--tw-border-style);border-left-width:12px}.border-l-\[20px\]{border-left-style:var(--tw-border-style);border-left-width:20px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-400{border-color:var(--color-amber-400)}.border-amber-400\/20{border-color:#fcbb0033}@supports (color:color-mix(in lab,red,red)){.border-amber-400\/20{border-color:color-mix(in oklab,var(--color-amber-400) 20%,transparent)}}.border-amber-400\/30{border-color:#fcbb004d}@supports (color:color-mix(in lab,red,red)){.border-amber-400\/30{border-color:color-mix(in oklab,var(--color-amber-400) 30%,transparent)}}.border-amber-400\/40{border-color:#fcbb0066}@supports (color:color-mix(in lab,red,red)){.border-amber-400\/40{border-color:color-mix(in oklab,var(--color-amber-400) 40%,transparent)}}.border-amber-500{border-color:var(--color-amber-500)}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/20{border-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.border-amber-500\/30{border-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/30{border-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent)}}.border-amber-500\/40{border-color:#f99c0066}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/40{border-color:color-mix(in oklab,var(--color-amber-500) 40%,transparent)}}.border-amber-500\/50{border-color:#f99c0080}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/50{border-color:color-mix(in oklab,var(--color-amber-500) 50%,transparent)}}.border-amber-600\/30{border-color:#dd74004d}@supports (color:color-mix(in lab,red,red)){.border-amber-600\/30{border-color:color-mix(in oklab,var(--color-amber-600) 30%,transparent)}}.border-amber-900\/40{border-color:#7b330666}@supports (color:color-mix(in lab,red,red)){.border-amber-900\/40{border-color:color-mix(in oklab,var(--color-amber-900) 40%,transparent)}}.border-black\/20{border-color:#0003}@supports (color:color-mix(in lab,red,red)){.border-black\/20{border-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-400\/20{border-color:#54a2ff33}@supports (color:color-mix(in lab,red,red)){.border-blue-400\/20{border-color:color-mix(in oklab,var(--color-blue-400) 20%,transparent)}}.border-blue-400\/30{border-color:#54a2ff4d}@supports (color:color-mix(in lab,red,red)){.border-blue-400\/30{border-color:color-mix(in oklab,var(--color-blue-400) 30%,transparent)}}.border-blue-400\/40{border-color:#54a2ff66}@supports (color:color-mix(in lab,red,red)){.border-blue-400\/40{border-color:color-mix(in oklab,var(--color-blue-400) 40%,transparent)}}.border-blue-400\/50{border-color:#54a2ff80}@supports (color:color-mix(in lab,red,red)){.border-blue-400\/50{border-color:color-mix(in oklab,var(--color-blue-400) 50%,transparent)}}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/20{border-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/30{border-color:color-mix(in oklab,var(--color-blue-500) 30%,transparent)}}.border-cyan-400{border-color:var(--color-cyan-400)}.border-cyan-400\/30{border-color:#00d2ef4d}@supports (color:color-mix(in lab,red,red)){.border-cyan-400\/30{border-color:color-mix(in oklab,var(--color-cyan-400) 30%,transparent)}}.border-cyan-400\/50{border-color:#00d2ef80}@supports (color:color-mix(in lab,red,red)){.border-cyan-400\/50{border-color:color-mix(in oklab,var(--color-cyan-400) 50%,transparent)}}.border-cyan-500{border-color:var(--color-cyan-500)}.border-cyan-500\/20{border-color:#00b7d733}@supports (color:color-mix(in lab,red,red)){.border-cyan-500\/20{border-color:color-mix(in oklab,var(--color-cyan-500) 20%,transparent)}}.border-cyan-500\/30{border-color:#00b7d74d}@supports (color:color-mix(in lab,red,red)){.border-cyan-500\/30{border-color:color-mix(in oklab,var(--color-cyan-500) 30%,transparent)}}.border-cyan-500\/50{border-color:#00b7d780}@supports (color:color-mix(in lab,red,red)){.border-cyan-500\/50{border-color:color-mix(in oklab,var(--color-cyan-500) 50%,transparent)}}.border-emerald-400{border-color:var(--color-emerald-400)}.border-emerald-400\/30{border-color:#00d2944d}@supports (color:color-mix(in lab,red,red)){.border-emerald-400\/30{border-color:color-mix(in oklab,var(--color-emerald-400) 30%,transparent)}}.border-emerald-400\/40{border-color:#00d29466}@supports (color:color-mix(in lab,red,red)){.border-emerald-400\/40{border-color:color-mix(in oklab,var(--color-emerald-400) 40%,transparent)}}.border-emerald-400\/50{border-color:#00d29480}@supports (color:color-mix(in lab,red,red)){.border-emerald-400\/50{border-color:color-mix(in oklab,var(--color-emerald-400) 50%,transparent)}}.border-emerald-500{border-color:var(--color-emerald-500)}.border-emerald-500\/20{border-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/20{border-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.border-emerald-500\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/30{border-color:color-mix(in oklab,var(--color-emerald-500) 30%,transparent)}}.border-emerald-500\/50{border-color:#00bb7f80}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/50{border-color:color-mix(in oklab,var(--color-emerald-500) 50%,transparent)}}.border-emerald-500\/80{border-color:#00bb7fcc}@supports (color:color-mix(in lab,red,red)){.border-emerald-500\/80{border-color:color-mix(in oklab,var(--color-emerald-500) 80%,transparent)}}.border-fuchsia-500\/20{border-color:#e12afb33}@supports (color:color-mix(in lab,red,red)){.border-fuchsia-500\/20{border-color:color-mix(in oklab,var(--color-fuchsia-500) 20%,transparent)}}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-400\/30{border-color:#99a1af4d}@supports (color:color-mix(in lab,red,red)){.border-gray-400\/30{border-color:color-mix(in oklab,var(--color-gray-400) 30%,transparent)}}.border-gray-600{border-color:var(--color-gray-600)}.border-green-300{border-color:var(--color-green-300)}.border-green-400{border-color:var(--color-green-400)}.border-green-400\/20{border-color:#05df7233}@supports (color:color-mix(in lab,red,red)){.border-green-400\/20{border-color:color-mix(in oklab,var(--color-green-400) 20%,transparent)}}.border-green-400\/30{border-color:#05df724d}@supports (color:color-mix(in lab,red,red)){.border-green-400\/30{border-color:color-mix(in oklab,var(--color-green-400) 30%,transparent)}}.border-green-400\/40{border-color:#05df7266}@supports (color:color-mix(in lab,red,red)){.border-green-400\/40{border-color:color-mix(in oklab,var(--color-green-400) 40%,transparent)}}.border-green-500{border-color:var(--color-green-500)}.border-green-500\/30{border-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500) 30%,transparent)}}.border-indigo-50{border-color:var(--color-indigo-50)}.border-indigo-100{border-color:var(--color-indigo-100)}.border-indigo-400{border-color:var(--color-indigo-400)}.border-indigo-400\/20{border-color:#7d87ff33}@supports (color:color-mix(in lab,red,red)){.border-indigo-400\/20{border-color:color-mix(in oklab,var(--color-indigo-400) 20%,transparent)}}.border-indigo-400\/30{border-color:#7d87ff4d}@supports (color:color-mix(in lab,red,red)){.border-indigo-400\/30{border-color:color-mix(in oklab,var(--color-indigo-400) 30%,transparent)}}.border-indigo-500{border-color:var(--color-indigo-500)}.border-indigo-500\/20{border-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.border-indigo-500\/20{border-color:color-mix(in oklab,var(--color-indigo-500) 20%,transparent)}}.border-indigo-500\/30{border-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.border-indigo-500\/30{border-color:color-mix(in oklab,var(--color-indigo-500) 30%,transparent)}}.border-indigo-500\/40{border-color:#625fff66}@supports (color:color-mix(in lab,red,red)){.border-indigo-500\/40{border-color:color-mix(in oklab,var(--color-indigo-500) 40%,transparent)}}.border-indigo-500\/50{border-color:#625fff80}@supports (color:color-mix(in lab,red,red)){.border-indigo-500\/50{border-color:color-mix(in oklab,var(--color-indigo-500) 50%,transparent)}}.border-indigo-900{border-color:var(--color-indigo-900)}.border-orange-400{border-color:var(--color-orange-400)}.border-orange-400\/30{border-color:#ff8b1a4d}@supports (color:color-mix(in lab,red,red)){.border-orange-400\/30{border-color:color-mix(in oklab,var(--color-orange-400) 30%,transparent)}}.border-orange-500{border-color:var(--color-orange-500)}.border-orange-500\/20{border-color:#fe6e0033}@supports (color:color-mix(in lab,red,red)){.border-orange-500\/20{border-color:color-mix(in oklab,var(--color-orange-500) 20%,transparent)}}.border-orange-500\/30{border-color:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.border-orange-500\/30{border-color:color-mix(in oklab,var(--color-orange-500) 30%,transparent)}}.border-pink-400\/30{border-color:#fb64b64d}@supports (color:color-mix(in lab,red,red)){.border-pink-400\/30{border-color:color-mix(in oklab,var(--color-pink-400) 30%,transparent)}}.border-pink-500\/20{border-color:#f6339a33}@supports (color:color-mix(in lab,red,red)){.border-pink-500\/20{border-color:color-mix(in oklab,var(--color-pink-500) 20%,transparent)}}.border-pink-500\/50{border-color:#f6339a80}@supports (color:color-mix(in lab,red,red)){.border-pink-500\/50{border-color:color-mix(in oklab,var(--color-pink-500) 50%,transparent)}}.border-purple-400\/20{border-color:#c07eff33}@supports (color:color-mix(in lab,red,red)){.border-purple-400\/20{border-color:color-mix(in oklab,var(--color-purple-400) 20%,transparent)}}.border-purple-400\/30{border-color:#c07eff4d}@supports (color:color-mix(in lab,red,red)){.border-purple-400\/30{border-color:color-mix(in oklab,var(--color-purple-400) 30%,transparent)}}.border-purple-500\/20{border-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.border-purple-500\/20{border-color:color-mix(in oklab,var(--color-purple-500) 20%,transparent)}}.border-purple-500\/30{border-color:#ac4bff4d}@supports (color:color-mix(in lab,red,red)){.border-purple-500\/30{border-color:color-mix(in oklab,var(--color-purple-500) 30%,transparent)}}.border-purple-600\/30{border-color:#9810fa4d}@supports (color:color-mix(in lab,red,red)){.border-purple-600\/30{border-color:color-mix(in oklab,var(--color-purple-600) 30%,transparent)}}.border-red-300{border-color:var(--color-red-300)}.border-red-400{border-color:var(--color-red-400)}.border-red-400\/20{border-color:#ff656833}@supports (color:color-mix(in lab,red,red)){.border-red-400\/20{border-color:color-mix(in oklab,var(--color-red-400) 20%,transparent)}}.border-red-400\/30{border-color:#ff65684d}@supports (color:color-mix(in lab,red,red)){.border-red-400\/30{border-color:color-mix(in oklab,var(--color-red-400) 30%,transparent)}}.border-red-400\/40{border-color:#ff656866}@supports (color:color-mix(in lab,red,red)){.border-red-400\/40{border-color:color-mix(in oklab,var(--color-red-400) 40%,transparent)}}.border-red-400\/50{border-color:#ff656880}@supports (color:color-mix(in lab,red,red)){.border-red-400\/50{border-color:color-mix(in oklab,var(--color-red-400) 50%,transparent)}}.border-red-500{border-color:var(--color-red-500)}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.border-red-500\/20{border-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.border-red-900\/40{border-color:#82181a66}@supports (color:color-mix(in lab,red,red)){.border-red-900\/40{border-color:color-mix(in oklab,var(--color-red-900) 40%,transparent)}}.border-rose-400{border-color:var(--color-rose-400)}.border-rose-400\/20{border-color:#ff667f33}@supports (color:color-mix(in lab,red,red)){.border-rose-400\/20{border-color:color-mix(in oklab,var(--color-rose-400) 20%,transparent)}}.border-rose-400\/50{border-color:#ff667f80}@supports (color:color-mix(in lab,red,red)){.border-rose-400\/50{border-color:color-mix(in oklab,var(--color-rose-400) 50%,transparent)}}.border-rose-500{border-color:var(--color-rose-500)}.border-rose-500\/20{border-color:#ff235733}@supports (color:color-mix(in lab,red,red)){.border-rose-500\/20{border-color:color-mix(in oklab,var(--color-rose-500) 20%,transparent)}}.border-rose-500\/30{border-color:#ff23574d}@supports (color:color-mix(in lab,red,red)){.border-rose-500\/30{border-color:color-mix(in oklab,var(--color-rose-500) 30%,transparent)}}.border-rose-500\/40{border-color:#ff235766}@supports (color:color-mix(in lab,red,red)){.border-rose-500\/40{border-color:color-mix(in oklab,var(--color-rose-500) 40%,transparent)}}.border-rose-500\/50{border-color:#ff235780}@supports (color:color-mix(in lab,red,red)){.border-rose-500\/50{border-color:color-mix(in oklab,var(--color-rose-500) 50%,transparent)}}.border-rose-500\/80{border-color:#ff2357cc}@supports (color:color-mix(in lab,red,red)){.border-rose-500\/80{border-color:color-mix(in oklab,var(--color-rose-500) 80%,transparent)}}.border-sky-400\/30{border-color:#00bcfe4d}@supports (color:color-mix(in lab,red,red)){.border-sky-400\/30{border-color:color-mix(in oklab,var(--color-sky-400) 30%,transparent)}}.border-sky-500{border-color:var(--color-sky-500)}.border-sky-500\/30{border-color:#00a5ef4d}@supports (color:color-mix(in lab,red,red)){.border-sky-500\/30{border-color:color-mix(in oklab,var(--color-sky-500) 30%,transparent)}}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/80{border-color:color-mix(in oklab,var(--color-slate-200) 80%,transparent)}}.border-slate-400{border-color:var(--color-slate-400)}.border-slate-500\/30{border-color:#62748e4d}@supports (color:color-mix(in lab,red,red)){.border-slate-500\/30{border-color:color-mix(in oklab,var(--color-slate-500) 30%,transparent)}}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-700\/50{border-color:#31415880}@supports (color:color-mix(in lab,red,red)){.border-slate-700\/50{border-color:color-mix(in oklab,var(--color-slate-700) 50%,transparent)}}.border-slate-700\/60{border-color:#31415899}@supports (color:color-mix(in lab,red,red)){.border-slate-700\/60{border-color:color-mix(in oklab,var(--color-slate-700) 60%,transparent)}}.border-slate-700\/80{border-color:#314158cc}@supports (color:color-mix(in lab,red,red)){.border-slate-700\/80{border-color:color-mix(in oklab,var(--color-slate-700) 80%,transparent)}}.border-slate-800{border-color:var(--color-slate-800)}.border-slate-800\/50{border-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.border-slate-800\/50{border-color:color-mix(in oklab,var(--color-slate-800) 50%,transparent)}}.border-slate-800\/80{border-color:#1d293dcc}@supports (color:color-mix(in lab,red,red)){.border-slate-800\/80{border-color:color-mix(in oklab,var(--color-slate-800) 80%,transparent)}}.border-slate-900{border-color:var(--color-slate-900)}.border-slate-950{border-color:var(--color-slate-950)}.border-teal-400\/30{border-color:#00d3bd4d}@supports (color:color-mix(in lab,red,red)){.border-teal-400\/30{border-color:color-mix(in oklab,var(--color-teal-400) 30%,transparent)}}.border-teal-400\/40{border-color:#00d3bd66}@supports (color:color-mix(in lab,red,red)){.border-teal-400\/40{border-color:color-mix(in oklab,var(--color-teal-400) 40%,transparent)}}.border-teal-400\/50{border-color:#00d3bd80}@supports (color:color-mix(in lab,red,red)){.border-teal-400\/50{border-color:color-mix(in oklab,var(--color-teal-400) 50%,transparent)}}.border-teal-500\/20{border-color:#00baa733}@supports (color:color-mix(in lab,red,red)){.border-teal-500\/20{border-color:color-mix(in oklab,var(--color-teal-500) 20%,transparent)}}.border-transparent{border-color:#0000}.border-violet-400{border-color:var(--color-violet-400)}.border-violet-400\/30{border-color:#a685ff4d}@supports (color:color-mix(in lab,red,red)){.border-violet-400\/30{border-color:color-mix(in oklab,var(--color-violet-400) 30%,transparent)}}.border-violet-400\/40{border-color:#a685ff66}@supports (color:color-mix(in lab,red,red)){.border-violet-400\/40{border-color:color-mix(in oklab,var(--color-violet-400) 40%,transparent)}}.border-violet-500{border-color:var(--color-violet-500)}.border-violet-500\/20{border-color:#8d54ff33}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/20{border-color:color-mix(in oklab,var(--color-violet-500) 20%,transparent)}}.border-violet-500\/50{border-color:#8d54ff80}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/50{border-color:color-mix(in oklab,var(--color-violet-500) 50%,transparent)}}.border-white{border-color:var(--color-white)}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.border-white\/5{border-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.border-white\/15{border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.border-white\/50{border-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.border-yellow-300{border-color:var(--color-yellow-300)}.border-yellow-400{border-color:var(--color-yellow-400)}.border-yellow-400\/20{border-color:#fac80033}@supports (color:color-mix(in lab,red,red)){.border-yellow-400\/20{border-color:color-mix(in oklab,var(--color-yellow-400) 20%,transparent)}}.border-yellow-400\/30{border-color:#fac8004d}@supports (color:color-mix(in lab,red,red)){.border-yellow-400\/30{border-color:color-mix(in oklab,var(--color-yellow-400) 30%,transparent)}}.border-yellow-400\/40{border-color:#fac80066}@supports (color:color-mix(in lab,red,red)){.border-yellow-400\/40{border-color:color-mix(in oklab,var(--color-yellow-400) 40%,transparent)}}.border-yellow-500{border-color:var(--color-yellow-500)}.border-yellow-500\/20{border-color:#edb20033}@supports (color:color-mix(in lab,red,red)){.border-yellow-500\/20{border-color:color-mix(in oklab,var(--color-yellow-500) 20%,transparent)}}.border-y-transparent{border-block-color:#0000}.border-t-red-500{border-top-color:var(--color-red-500)}.border-r-red-400{border-right-color:var(--color-red-400)}.border-r-transparent{border-right-color:#0000}.border-b-cyan-400{border-bottom-color:var(--color-cyan-400)}.border-b-slate-500{border-bottom-color:var(--color-slate-500)}.border-l-blue-500{border-left-color:var(--color-blue-500)}.border-l-green-400{border-left-color:var(--color-green-400)}.border-l-indigo-500{border-left-color:var(--color-indigo-500)}.border-l-rose-500{border-left-color:var(--color-rose-500)}.border-l-transparent{border-left-color:#0000}.bg-\[\#0A0F1C\]{background-color:#0a0f1c}.bg-\[\#0A0F1C\]\/95{background-color:#0a0f1cf2}.bg-\[\#05050f\]{background-color:#05050f}.bg-\[\#020617\]{background-color:#020617}.bg-\[\#030712\]{background-color:#030712}.bg-\[\#050510\]{background-color:#050510}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-400\/10{background-color:#fcbb001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-400\/10{background-color:color-mix(in oklab,var(--color-amber-400) 10%,transparent)}}.bg-amber-400\/20{background-color:#fcbb0033}@supports (color:color-mix(in lab,red,red)){.bg-amber-400\/20{background-color:color-mix(in oklab,var(--color-amber-400) 20%,transparent)}}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/5{background-color:#f99c000d}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/5{background-color:color-mix(in oklab,var(--color-amber-500) 5%,transparent)}}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/20{background-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.bg-amber-600{background-color:var(--color-amber-600)}.bg-amber-600\/5{background-color:#dd74000d}@supports (color:color-mix(in lab,red,red)){.bg-amber-600\/5{background-color:color-mix(in oklab,var(--color-amber-600) 5%,transparent)}}.bg-amber-600\/20{background-color:#dd740033}@supports (color:color-mix(in lab,red,red)){.bg-amber-600\/20{background-color:color-mix(in oklab,var(--color-amber-600) 20%,transparent)}}.bg-amber-600\/30{background-color:#dd74004d}@supports (color:color-mix(in lab,red,red)){.bg-amber-600\/30{background-color:color-mix(in oklab,var(--color-amber-600) 30%,transparent)}}.bg-amber-900\/60{background-color:#7b330699}@supports (color:color-mix(in lab,red,red)){.bg-amber-900\/60{background-color:color-mix(in oklab,var(--color-amber-900) 60%,transparent)}}.bg-amber-950\/20{background-color:#46190133}@supports (color:color-mix(in lab,red,red)){.bg-amber-950\/20{background-color:color-mix(in oklab,var(--color-amber-950) 20%,transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-400\/10{background-color:#54a2ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-400\/10{background-color:color-mix(in oklab,var(--color-blue-400) 10%,transparent)}}.bg-blue-400\/15{background-color:#54a2ff26}@supports (color:color-mix(in lab,red,red)){.bg-blue-400\/15{background-color:color-mix(in oklab,var(--color-blue-400) 15%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/5{background-color:#3080ff0d}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/5{background-color:color-mix(in oklab,var(--color-blue-500) 5%,transparent)}}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500) 10%,transparent)}}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/20{background-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}.bg-blue-500\/30{background-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/30{background-color:color-mix(in oklab,var(--color-blue-500) 30%,transparent)}}.bg-blue-500\/40{background-color:#3080ff66}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/40{background-color:color-mix(in oklab,var(--color-blue-500) 40%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/10{background-color:#155dfc1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-600\/10{background-color:color-mix(in oklab,var(--color-blue-600) 10%,transparent)}}.bg-blue-600\/20{background-color:#155dfc33}@supports (color:color-mix(in lab,red,red)){.bg-blue-600\/20{background-color:color-mix(in oklab,var(--color-blue-600) 20%,transparent)}}.bg-blue-600\/30{background-color:#155dfc4d}@supports (color:color-mix(in lab,red,red)){.bg-blue-600\/30{background-color:color-mix(in oklab,var(--color-blue-600) 30%,transparent)}}.bg-blue-950\/50{background-color:#16245680}@supports (color:color-mix(in lab,red,red)){.bg-blue-950\/50{background-color:color-mix(in oklab,var(--color-blue-950) 50%,transparent)}}.bg-blue-950\/60{background-color:#16245699}@supports (color:color-mix(in lab,red,red)){.bg-blue-950\/60{background-color:color-mix(in oklab,var(--color-blue-950) 60%,transparent)}}.bg-cyan-400{background-color:var(--color-cyan-400)}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-cyan-500\/5{background-color:#00b7d70d}@supports (color:color-mix(in lab,red,red)){.bg-cyan-500\/5{background-color:color-mix(in oklab,var(--color-cyan-500) 5%,transparent)}}.bg-cyan-500\/10{background-color:#00b7d71a}@supports (color:color-mix(in lab,red,red)){.bg-cyan-500\/10{background-color:color-mix(in oklab,var(--color-cyan-500) 10%,transparent)}}.bg-cyan-500\/20{background-color:#00b7d733}@supports (color:color-mix(in lab,red,red)){.bg-cyan-500\/20{background-color:color-mix(in oklab,var(--color-cyan-500) 20%,transparent)}}.bg-cyan-600{background-color:var(--color-cyan-600)}.bg-cyan-600\/10{background-color:#0092b51a}@supports (color:color-mix(in lab,red,red)){.bg-cyan-600\/10{background-color:color-mix(in oklab,var(--color-cyan-600) 10%,transparent)}}.bg-cyan-600\/20{background-color:#0092b533}@supports (color:color-mix(in lab,red,red)){.bg-cyan-600\/20{background-color:color-mix(in oklab,var(--color-cyan-600) 20%,transparent)}}.bg-cyan-600\/30{background-color:#0092b54d}@supports (color:color-mix(in lab,red,red)){.bg-cyan-600\/30{background-color:color-mix(in oklab,var(--color-cyan-600) 30%,transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/5{background-color:#00bb7f0d}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/5{background-color:color-mix(in oklab,var(--color-emerald-500) 5%,transparent)}}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500) 10%,transparent)}}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/20{background-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.bg-emerald-500\/\[0\.02\]{background-color:#00bb7f05}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/\[0\.02\]{background-color:color-mix(in oklab,var(--color-emerald-500) 2%,transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-emerald-600\/10{background-color:#0097671a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-600\/10{background-color:color-mix(in oklab,var(--color-emerald-600) 10%,transparent)}}.bg-emerald-600\/20{background-color:#00976733}@supports (color:color-mix(in lab,red,red)){.bg-emerald-600\/20{background-color:color-mix(in oklab,var(--color-emerald-600) 20%,transparent)}}.bg-emerald-600\/30{background-color:#0097674d}@supports (color:color-mix(in lab,red,red)){.bg-emerald-600\/30{background-color:color-mix(in oklab,var(--color-emerald-600) 30%,transparent)}}.bg-emerald-950\/60{background-color:#002c2299}@supports (color:color-mix(in lab,red,red)){.bg-emerald-950\/60{background-color:color-mix(in oklab,var(--color-emerald-950) 60%,transparent)}}.bg-emerald-950\/80{background-color:#002c22cc}@supports (color:color-mix(in lab,red,red)){.bg-emerald-950\/80{background-color:color-mix(in oklab,var(--color-emerald-950) 80%,transparent)}}.bg-fuchsia-500\/10{background-color:#e12afb1a}@supports (color:color-mix(in lab,red,red)){.bg-fuchsia-500\/10{background-color:color-mix(in oklab,var(--color-fuchsia-500) 10%,transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-500\/20{background-color:#6a728233}@supports (color:color-mix(in lab,red,red)){.bg-gray-500\/20{background-color:color-mix(in oklab,var(--color-gray-500) 20%,transparent)}}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-400\/10{background-color:#05df721a}@supports (color:color-mix(in lab,red,red)){.bg-green-400\/10{background-color:color-mix(in oklab,var(--color-green-400) 10%,transparent)}}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500) 10%,transparent)}}.bg-green-500\/20{background-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/20{background-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}.bg-green-500\/30{background-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/30{background-color:color-mix(in oklab,var(--color-green-500) 30%,transparent)}}.bg-green-500\/40{background-color:#00c75866}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/40{background-color:color-mix(in oklab,var(--color-green-500) 40%,transparent)}}.bg-green-500\/50{background-color:#00c75880}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/50{background-color:color-mix(in oklab,var(--color-green-500) 50%,transparent)}}.bg-green-600\/40{background-color:#00a54466}@supports (color:color-mix(in lab,red,red)){.bg-green-600\/40{background-color:color-mix(in oklab,var(--color-green-600) 40%,transparent)}}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-400{background-color:var(--color-indigo-400)}.bg-indigo-400\/15{background-color:#7d87ff26}@supports (color:color-mix(in lab,red,red)){.bg-indigo-400\/15{background-color:color-mix(in oklab,var(--color-indigo-400) 15%,transparent)}}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-500\/5{background-color:#625fff0d}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/5{background-color:color-mix(in oklab,var(--color-indigo-500) 5%,transparent)}}.bg-indigo-500\/10{background-color:#625fff1a}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/10{background-color:color-mix(in oklab,var(--color-indigo-500) 10%,transparent)}}.bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/20{background-color:color-mix(in oklab,var(--color-indigo-500) 20%,transparent)}}.bg-indigo-500\/30{background-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.bg-indigo-500\/30{background-color:color-mix(in oklab,var(--color-indigo-500) 30%,transparent)}}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-600\/5{background-color:#4f39f60d}@supports (color:color-mix(in lab,red,red)){.bg-indigo-600\/5{background-color:color-mix(in oklab,var(--color-indigo-600) 5%,transparent)}}.bg-indigo-600\/10{background-color:#4f39f61a}@supports (color:color-mix(in lab,red,red)){.bg-indigo-600\/10{background-color:color-mix(in oklab,var(--color-indigo-600) 10%,transparent)}}.bg-indigo-600\/20{background-color:#4f39f633}@supports (color:color-mix(in lab,red,red)){.bg-indigo-600\/20{background-color:color-mix(in oklab,var(--color-indigo-600) 20%,transparent)}}.bg-indigo-600\/30{background-color:#4f39f64d}@supports (color:color-mix(in lab,red,red)){.bg-indigo-600\/30{background-color:color-mix(in oklab,var(--color-indigo-600) 30%,transparent)}}.bg-indigo-600\/95{background-color:#4f39f6f2}@supports (color:color-mix(in lab,red,red)){.bg-indigo-600\/95{background-color:color-mix(in oklab,var(--color-indigo-600) 95%,transparent)}}.bg-orange-400{background-color:var(--color-orange-400)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-500\/10{background-color:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/10{background-color:color-mix(in oklab,var(--color-orange-500) 10%,transparent)}}.bg-orange-500\/20{background-color:#fe6e0033}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/20{background-color:color-mix(in oklab,var(--color-orange-500) 20%,transparent)}}.bg-orange-500\/40{background-color:#fe6e0066}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/40{background-color:color-mix(in oklab,var(--color-orange-500) 40%,transparent)}}.bg-orange-600{background-color:var(--color-orange-600)}.bg-orange-600\/20{background-color:#f0510033}@supports (color:color-mix(in lab,red,red)){.bg-orange-600\/20{background-color:color-mix(in oklab,var(--color-orange-600) 20%,transparent)}}.bg-orange-700{background-color:var(--color-orange-700)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-pink-500\/10{background-color:#f6339a1a}@supports (color:color-mix(in lab,red,red)){.bg-pink-500\/10{background-color:color-mix(in oklab,var(--color-pink-500) 10%,transparent)}}.bg-pink-500\/20{background-color:#f6339a33}@supports (color:color-mix(in lab,red,red)){.bg-pink-500\/20{background-color:color-mix(in oklab,var(--color-pink-500) 20%,transparent)}}.bg-pink-500\/50{background-color:#f6339a80}@supports (color:color-mix(in lab,red,red)){.bg-pink-500\/50{background-color:color-mix(in oklab,var(--color-pink-500) 50%,transparent)}}.bg-pink-600{background-color:var(--color-pink-600)}.bg-pink-600\/30{background-color:#e300764d}@supports (color:color-mix(in lab,red,red)){.bg-pink-600\/30{background-color:color-mix(in oklab,var(--color-pink-600) 30%,transparent)}}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-500\/10{background-color:#ac4bff1a}@supports (color:color-mix(in lab,red,red)){.bg-purple-500\/10{background-color:color-mix(in oklab,var(--color-purple-500) 10%,transparent)}}.bg-purple-500\/20{background-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.bg-purple-500\/20{background-color:color-mix(in oklab,var(--color-purple-500) 20%,transparent)}}.bg-purple-500\/30{background-color:#ac4bff4d}@supports (color:color-mix(in lab,red,red)){.bg-purple-500\/30{background-color:color-mix(in oklab,var(--color-purple-500) 30%,transparent)}}.bg-purple-600{background-color:var(--color-purple-600)}.bg-purple-600\/20{background-color:#9810fa33}@supports (color:color-mix(in lab,red,red)){.bg-purple-600\/20{background-color:color-mix(in oklab,var(--color-purple-600) 20%,transparent)}}.bg-purple-600\/30{background-color:#9810fa4d}@supports (color:color-mix(in lab,red,red)){.bg-purple-600\/30{background-color:color-mix(in oklab,var(--color-purple-600) 30%,transparent)}}.bg-purple-700\/30{background-color:#8200da4d}@supports (color:color-mix(in lab,red,red)){.bg-purple-700\/30{background-color:color-mix(in oklab,var(--color-purple-700) 30%,transparent)}}.bg-purple-800\/50{background-color:#6e11b080}@supports (color:color-mix(in lab,red,red)){.bg-purple-800\/50{background-color:color-mix(in oklab,var(--color-purple-800) 50%,transparent)}}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500) 20%,transparent)}}.bg-red-500\/30{background-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/30{background-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.bg-red-500\/40{background-color:#fb2c3666}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/40{background-color:color-mix(in oklab,var(--color-red-500) 40%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-600\/30{background-color:#e400144d}@supports (color:color-mix(in lab,red,red)){.bg-red-600\/30{background-color:color-mix(in oklab,var(--color-red-600) 30%,transparent)}}.bg-red-950\/20{background-color:#46080933}@supports (color:color-mix(in lab,red,red)){.bg-red-950\/20{background-color:color-mix(in oklab,var(--color-red-950) 20%,transparent)}}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-500\/5{background-color:#ff23570d}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/5{background-color:color-mix(in oklab,var(--color-rose-500) 5%,transparent)}}.bg-rose-500\/10{background-color:#ff23571a}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/10{background-color:color-mix(in oklab,var(--color-rose-500) 10%,transparent)}}.bg-rose-500\/20{background-color:#ff235733}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/20{background-color:color-mix(in oklab,var(--color-rose-500) 20%,transparent)}}.bg-rose-500\/30{background-color:#ff23574d}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/30{background-color:color-mix(in oklab,var(--color-rose-500) 30%,transparent)}}.bg-rose-500\/80{background-color:#ff2357cc}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/80{background-color:color-mix(in oklab,var(--color-rose-500) 80%,transparent)}}.bg-rose-600{background-color:var(--color-rose-600)}.bg-rose-600\/10{background-color:#e700441a}@supports (color:color-mix(in lab,red,red)){.bg-rose-600\/10{background-color:color-mix(in oklab,var(--color-rose-600) 10%,transparent)}}.bg-rose-600\/20{background-color:#e7004433}@supports (color:color-mix(in lab,red,red)){.bg-rose-600\/20{background-color:color-mix(in oklab,var(--color-rose-600) 20%,transparent)}}.bg-rose-600\/30{background-color:#e700444d}@supports (color:color-mix(in lab,red,red)){.bg-rose-600\/30{background-color:color-mix(in oklab,var(--color-rose-600) 30%,transparent)}}.bg-rose-950\/60{background-color:#4d021899}@supports (color:color-mix(in lab,red,red)){.bg-rose-950\/60{background-color:color-mix(in oklab,var(--color-rose-950) 60%,transparent)}}.bg-rose-950\/80{background-color:#4d0218cc}@supports (color:color-mix(in lab,red,red)){.bg-rose-950\/80{background-color:color-mix(in oklab,var(--color-rose-950) 80%,transparent)}}.bg-sky-400{background-color:var(--color-sky-400)}.bg-sky-500{background-color:var(--color-sky-500)}.bg-sky-500\/20{background-color:#00a5ef33}@supports (color:color-mix(in lab,red,red)){.bg-sky-500\/20{background-color:color-mix(in oklab,var(--color-sky-500) 20%,transparent)}}.bg-sky-600{background-color:var(--color-sky-600)}.bg-sky-950\/60{background-color:#052f4a99}@supports (color:color-mix(in lab,red,red)){.bg-sky-950\/60{background-color:color-mix(in oklab,var(--color-sky-950) 60%,transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-100\/90{background-color:#f1f5f9e6}@supports (color:color-mix(in lab,red,red)){.bg-slate-100\/90{background-color:color-mix(in oklab,var(--color-slate-100) 90%,transparent)}}.bg-slate-500{background-color:var(--color-slate-500)}.bg-slate-600{background-color:var(--color-slate-600)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-800\/20{background-color:#1d293d33}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\/20{background-color:color-mix(in oklab,var(--color-slate-800) 20%,transparent)}}.bg-slate-800\/30{background-color:#1d293d4d}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\/30{background-color:color-mix(in oklab,var(--color-slate-800) 30%,transparent)}}.bg-slate-800\/40{background-color:#1d293d66}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\/40{background-color:color-mix(in oklab,var(--color-slate-800) 40%,transparent)}}.bg-slate-800\/50{background-color:#1d293d80}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\/50{background-color:color-mix(in oklab,var(--color-slate-800) 50%,transparent)}}.bg-slate-800\/60{background-color:#1d293d99}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\/60{background-color:color-mix(in oklab,var(--color-slate-800) 60%,transparent)}}.bg-slate-800\/70{background-color:#1d293db3}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\/70{background-color:color-mix(in oklab,var(--color-slate-800) 70%,transparent)}}.bg-slate-800\/80{background-color:#1d293dcc}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\/80{background-color:color-mix(in oklab,var(--color-slate-800) 80%,transparent)}}.bg-slate-800\/90{background-color:#1d293de6}@supports (color:color-mix(in lab,red,red)){.bg-slate-800\/90{background-color:color-mix(in oklab,var(--color-slate-800) 90%,transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\/40{background-color:#0f172b66}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/40{background-color:color-mix(in oklab,var(--color-slate-900) 40%,transparent)}}.bg-slate-900\/50{background-color:#0f172b80}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/50{background-color:color-mix(in oklab,var(--color-slate-900) 50%,transparent)}}.bg-slate-900\/60{background-color:#0f172b99}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/60{background-color:color-mix(in oklab,var(--color-slate-900) 60%,transparent)}}.bg-slate-900\/70{background-color:#0f172bb3}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/70{background-color:color-mix(in oklab,var(--color-slate-900) 70%,transparent)}}.bg-slate-900\/80{background-color:#0f172bcc}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/80{background-color:color-mix(in oklab,var(--color-slate-900) 80%,transparent)}}.bg-slate-900\/90{background-color:#0f172be6}@supports (color:color-mix(in lab,red,red)){.bg-slate-900\/90{background-color:color-mix(in oklab,var(--color-slate-900) 90%,transparent)}}.bg-slate-950{background-color:var(--color-slate-950)}.bg-slate-950\/40{background-color:#02061866}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/40{background-color:color-mix(in oklab,var(--color-slate-950) 40%,transparent)}}.bg-slate-950\/50{background-color:#02061880}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/50{background-color:color-mix(in oklab,var(--color-slate-950) 50%,transparent)}}.bg-slate-950\/60{background-color:#02061899}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/60{background-color:color-mix(in oklab,var(--color-slate-950) 60%,transparent)}}.bg-slate-950\/70{background-color:#020618b3}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/70{background-color:color-mix(in oklab,var(--color-slate-950) 70%,transparent)}}.bg-slate-950\/80{background-color:#020618cc}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/80{background-color:color-mix(in oklab,var(--color-slate-950) 80%,transparent)}}.bg-slate-950\/90{background-color:#020618e6}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/90{background-color:color-mix(in oklab,var(--color-slate-950) 90%,transparent)}}.bg-slate-950\/95{background-color:#020618f2}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/95{background-color:color-mix(in oklab,var(--color-slate-950) 95%,transparent)}}.bg-teal-500{background-color:var(--color-teal-500)}.bg-teal-500\/20{background-color:#00baa733}@supports (color:color-mix(in lab,red,red)){.bg-teal-500\/20{background-color:color-mix(in oklab,var(--color-teal-500) 20%,transparent)}}.bg-transparent{background-color:#0000}.bg-violet-400{background-color:var(--color-violet-400)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-violet-500\/10{background-color:#8d54ff1a}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/10{background-color:color-mix(in oklab,var(--color-violet-500) 10%,transparent)}}.bg-violet-500\/20{background-color:#8d54ff33}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/20{background-color:color-mix(in oklab,var(--color-violet-500) 20%,transparent)}}.bg-violet-500\/30{background-color:#8d54ff4d}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/30{background-color:color-mix(in oklab,var(--color-violet-500) 30%,transparent)}}.bg-violet-600{background-color:var(--color-violet-600)}.bg-violet-600\/20{background-color:#7f22fe33}@supports (color:color-mix(in lab,red,red)){.bg-violet-600\/20{background-color:color-mix(in oklab,var(--color-violet-600) 20%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab,red,red)){.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab,red,red)){.bg-white\/40{background-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.bg-yellow-200{background-color:var(--color-yellow-200)}.bg-yellow-400{background-color:var(--color-yellow-400)}.bg-yellow-400\/20{background-color:#fac80033}@supports (color:color-mix(in lab,red,red)){.bg-yellow-400\/20{background-color:color-mix(in oklab,var(--color-yellow-400) 20%,transparent)}}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-500\/10{background-color:#edb2001a}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/10{background-color:color-mix(in oklab,var(--color-yellow-500) 10%,transparent)}}.bg-yellow-500\/20{background-color:#edb20033}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/20{background-color:color-mix(in oklab,var(--color-yellow-500) 20%,transparent)}}.bg-yellow-500\/30{background-color:#edb2004d}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/30{background-color:color-mix(in oklab,var(--color-yellow-500) 30%,transparent)}}.bg-yellow-500\/40{background-color:#edb20066}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/40{background-color:color-mix(in oklab,var(--color-yellow-500) 40%,transparent)}}.bg-yellow-500\/\[0\.02\]{background-color:#edb20005}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/\[0\.02\]{background-color:color-mix(in oklab,var(--color-yellow-500) 2%,transparent)}}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-yellow-600\/20{background-color:#cd890033}@supports (color:color-mix(in lab,red,red)){.bg-yellow-600\/20{background-color:color-mix(in oklab,var(--color-yellow-600) 20%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle_at_center\,_var\(--tw-gradient-stops\)\)\]{background-image:radial-gradient(circle at center,var(--tw-gradient-stops))}.from-amber-100{--tw-gradient-from:var(--color-amber-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-300{--tw-gradient-from:var(--color-amber-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-400{--tw-gradient-from:var(--color-amber-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-500{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-500\/20{--tw-gradient-from:#f99c0033}@supports (color:color-mix(in lab,red,red)){.from-amber-500\/20{--tw-gradient-from:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.from-amber-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-500\/\[0\.05\]{--tw-gradient-from:#f99c000d}@supports (color:color-mix(in lab,red,red)){.from-amber-500\/\[0\.05\]{--tw-gradient-from:color-mix(in oklab, var(--color-amber-500) 5%, transparent)}}.from-amber-500\/\[0\.05\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-600{--tw-gradient-from:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-amber-700{--tw-gradient-from:var(--color-amber-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-100{--tw-gradient-from:var(--color-blue-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-300{--tw-gradient-from:var(--color-blue-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-400{--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500\/20{--tw-gradient-from:#3080ff33}@supports (color:color-mix(in lab,red,red)){.from-blue-500\/20{--tw-gradient-from:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.from-blue-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500\/\[0\.03\]{--tw-gradient-from:#3080ff08}@supports (color:color-mix(in lab,red,red)){.from-blue-500\/\[0\.03\]{--tw-gradient-from:color-mix(in oklab, var(--color-blue-500) 3%, transparent)}}.from-blue-500\/\[0\.03\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-600\/10{--tw-gradient-from:#155dfc1a}@supports (color:color-mix(in lab,red,red)){.from-blue-600\/10{--tw-gradient-from:color-mix(in oklab, var(--color-blue-600) 10%, transparent)}}.from-blue-600\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-600\/60{--tw-gradient-from:#155dfc99}@supports (color:color-mix(in lab,red,red)){.from-blue-600\/60{--tw-gradient-from:color-mix(in oklab, var(--color-blue-600) 60%, transparent)}}.from-blue-600\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-700{--tw-gradient-from:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-900{--tw-gradient-from:var(--color-blue-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-900\/40{--tw-gradient-from:#1c398e66}@supports (color:color-mix(in lab,red,red)){.from-blue-900\/40{--tw-gradient-from:color-mix(in oklab, var(--color-blue-900) 40%, transparent)}}.from-blue-900\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-950{--tw-gradient-from:var(--color-blue-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-950\/80{--tw-gradient-from:#162456cc}@supports (color:color-mix(in lab,red,red)){.from-blue-950\/80{--tw-gradient-from:color-mix(in oklab, var(--color-blue-950) 80%, transparent)}}.from-blue-950\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-100{--tw-gradient-from:var(--color-cyan-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-300{--tw-gradient-from:var(--color-cyan-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-400{--tw-gradient-from:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-500{--tw-gradient-from:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-500\/\[0\.03\]{--tw-gradient-from:#00b7d708}@supports (color:color-mix(in lab,red,red)){.from-cyan-500\/\[0\.03\]{--tw-gradient-from:color-mix(in oklab, var(--color-cyan-500) 3%, transparent)}}.from-cyan-500\/\[0\.03\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-600{--tw-gradient-from:var(--color-cyan-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-700{--tw-gradient-from:var(--color-cyan-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-100{--tw-gradient-from:var(--color-emerald-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-300{--tw-gradient-from:var(--color-emerald-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-400{--tw-gradient-from:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-500\/\[0\.03\]{--tw-gradient-from:#00bb7f08}@supports (color:color-mix(in lab,red,red)){.from-emerald-500\/\[0\.03\]{--tw-gradient-from:color-mix(in oklab, var(--color-emerald-500) 3%, transparent)}}.from-emerald-500\/\[0\.03\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-600{--tw-gradient-from:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-700{--tw-gradient-from:var(--color-emerald-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-800{--tw-gradient-from:var(--color-emerald-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-fuchsia-100{--tw-gradient-from:var(--color-fuchsia-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-fuchsia-400{--tw-gradient-from:var(--color-fuchsia-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-300{--tw-gradient-from:var(--color-gray-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-400{--tw-gradient-from:var(--color-gray-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-500\/20{--tw-gradient-from:#6a728233}@supports (color:color-mix(in lab,red,red)){.from-gray-500\/20{--tw-gradient-from:color-mix(in oklab, var(--color-gray-500) 20%, transparent)}}.from-gray-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-600{--tw-gradient-from:var(--color-gray-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-700{--tw-gradient-from:var(--color-gray-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-100{--tw-gradient-from:var(--color-green-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-300{--tw-gradient-from:var(--color-green-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-400{--tw-gradient-from:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-500\/20{--tw-gradient-from:#00c75833}@supports (color:color-mix(in lab,red,red)){.from-green-500\/20{--tw-gradient-from:color-mix(in oklab, var(--color-green-500) 20%, transparent)}}.from-green-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-600{--tw-gradient-from:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-700{--tw-gradient-from:var(--color-green-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-950{--tw-gradient-from:var(--color-green-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-100{--tw-gradient-from:var(--color-indigo-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-300{--tw-gradient-from:var(--color-indigo-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-400{--tw-gradient-from:var(--color-indigo-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-500\/20{--tw-gradient-from:#625fff33}@supports (color:color-mix(in lab,red,red)){.from-indigo-500\/20{--tw-gradient-from:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.from-indigo-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-500\/\[0\.03\]{--tw-gradient-from:#625fff08}@supports (color:color-mix(in lab,red,red)){.from-indigo-500\/\[0\.03\]{--tw-gradient-from:color-mix(in oklab, var(--color-indigo-500) 3%, transparent)}}.from-indigo-500\/\[0\.03\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-600{--tw-gradient-from:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-600\/20{--tw-gradient-from:#4f39f633}@supports (color:color-mix(in lab,red,red)){.from-indigo-600\/20{--tw-gradient-from:color-mix(in oklab, var(--color-indigo-600) 20%, transparent)}}.from-indigo-600\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-lime-100{--tw-gradient-from:var(--color-lime-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-lime-400{--tw-gradient-from:var(--color-lime-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-lime-500{--tw-gradient-from:var(--color-lime-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-100{--tw-gradient-from:var(--color-orange-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-400{--tw-gradient-from:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-500{--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-500\/20{--tw-gradient-from:#fe6e0033}@supports (color:color-mix(in lab,red,red)){.from-orange-500\/20{--tw-gradient-from:color-mix(in oklab, var(--color-orange-500) 20%, transparent)}}.from-orange-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-500\/30{--tw-gradient-from:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.from-orange-500\/30{--tw-gradient-from:color-mix(in oklab, var(--color-orange-500) 30%, transparent)}}.from-orange-500\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-500\/\[0\.03\]{--tw-gradient-from:#fe6e0008}@supports (color:color-mix(in lab,red,red)){.from-orange-500\/\[0\.03\]{--tw-gradient-from:color-mix(in oklab, var(--color-orange-500) 3%, transparent)}}.from-orange-500\/\[0\.03\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-600{--tw-gradient-from:var(--color-orange-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-950{--tw-gradient-from:var(--color-orange-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-100{--tw-gradient-from:var(--color-pink-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-300{--tw-gradient-from:var(--color-pink-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-400{--tw-gradient-from:var(--color-pink-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-500{--tw-gradient-from:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-600{--tw-gradient-from:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-100{--tw-gradient-from:var(--color-purple-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-300{--tw-gradient-from:var(--color-purple-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-400{--tw-gradient-from:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-500\/20{--tw-gradient-from:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.from-purple-500\/20{--tw-gradient-from:color-mix(in oklab, var(--color-purple-500) 20%, transparent)}}.from-purple-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-600{--tw-gradient-from:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-700{--tw-gradient-from:var(--color-purple-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-950{--tw-gradient-from:var(--color-purple-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-100{--tw-gradient-from:var(--color-red-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-300{--tw-gradient-from:var(--color-red-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-400{--tw-gradient-from:var(--color-red-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-500\/10{--tw-gradient-from:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.from-red-500\/10{--tw-gradient-from:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.from-red-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-500\/20{--tw-gradient-from:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.from-red-500\/20{--tw-gradient-from:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.from-red-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-600{--tw-gradient-from:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-600\/20{--tw-gradient-from:#e4001433}@supports (color:color-mix(in lab,red,red)){.from-red-600\/20{--tw-gradient-from:color-mix(in oklab, var(--color-red-600) 20%, transparent)}}.from-red-600\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-700{--tw-gradient-from:var(--color-red-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-950{--tw-gradient-from:var(--color-red-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-100{--tw-gradient-from:var(--color-rose-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-300{--tw-gradient-from:var(--color-rose-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-400{--tw-gradient-from:var(--color-rose-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-500{--tw-gradient-from:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-600{--tw-gradient-from:var(--color-rose-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-600\/20{--tw-gradient-from:#e7004433}@supports (color:color-mix(in lab,red,red)){.from-rose-600\/20{--tw-gradient-from:color-mix(in oklab, var(--color-rose-600) 20%, transparent)}}.from-rose-600\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-700{--tw-gradient-from:var(--color-rose-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-100{--tw-gradient-from:var(--color-sky-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-300{--tw-gradient-from:var(--color-sky-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-300\/30{--tw-gradient-from:#77d4ff4d}@supports (color:color-mix(in lab,red,red)){.from-sky-300\/30{--tw-gradient-from:color-mix(in oklab, var(--color-sky-300) 30%, transparent)}}.from-sky-300\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-400{--tw-gradient-from:var(--color-sky-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-400\/30{--tw-gradient-from:#00bcfe4d}@supports (color:color-mix(in lab,red,red)){.from-sky-400\/30{--tw-gradient-from:color-mix(in oklab, var(--color-sky-400) 30%, transparent)}}.from-sky-400\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-500{--tw-gradient-from:var(--color-sky-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-500\/20{--tw-gradient-from:#00a5ef33}@supports (color:color-mix(in lab,red,red)){.from-sky-500\/20{--tw-gradient-from:color-mix(in oklab, var(--color-sky-500) 20%, transparent)}}.from-sky-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-600{--tw-gradient-from:var(--color-sky-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-800\/40{--tw-gradient-from:#00598666}@supports (color:color-mix(in lab,red,red)){.from-sky-800\/40{--tw-gradient-from:color-mix(in oklab, var(--color-sky-800) 40%, transparent)}}.from-sky-800\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-300{--tw-gradient-from:var(--color-slate-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-400{--tw-gradient-from:var(--color-slate-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-500{--tw-gradient-from:var(--color-slate-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-600{--tw-gradient-from:var(--color-slate-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-700{--tw-gradient-from:var(--color-slate-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-900{--tw-gradient-from:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-stone-700{--tw-gradient-from:var(--color-stone-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal-100{--tw-gradient-from:var(--color-teal-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal-300{--tw-gradient-from:var(--color-teal-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal-400{--tw-gradient-from:var(--color-teal-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal-500{--tw-gradient-from:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal-600\/10{--tw-gradient-from:#0095881a}@supports (color:color-mix(in lab,red,red)){.from-teal-600\/10{--tw-gradient-from:color-mix(in oklab, var(--color-teal-600) 10%, transparent)}}.from-teal-600\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal-700{--tw-gradient-from:var(--color-teal-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-100{--tw-gradient-from:var(--color-violet-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-300{--tw-gradient-from:var(--color-violet-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-400{--tw-gradient-from:var(--color-violet-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-500{--tw-gradient-from:var(--color-violet-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-500\/20{--tw-gradient-from:#8d54ff33}@supports (color:color-mix(in lab,red,red)){.from-violet-500\/20{--tw-gradient-from:color-mix(in oklab, var(--color-violet-500) 20%, transparent)}}.from-violet-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-500\/\[0\.03\]{--tw-gradient-from:#8d54ff08}@supports (color:color-mix(in lab,red,red)){.from-violet-500\/\[0\.03\]{--tw-gradient-from:color-mix(in oklab, var(--color-violet-500) 3%, transparent)}}.from-violet-500\/\[0\.03\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-600{--tw-gradient-from:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white\/10{--tw-gradient-from:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.from-white\/10{--tw-gradient-from:color-mix(in oklab, var(--color-white) 10%, transparent)}}.from-white\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white\/25{--tw-gradient-from:#ffffff40}@supports (color:color-mix(in lab,red,red)){.from-white\/25{--tw-gradient-from:color-mix(in oklab, var(--color-white) 25%, transparent)}}.from-white\/25{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-yellow-100{--tw-gradient-from:var(--color-yellow-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-yellow-200{--tw-gradient-from:var(--color-yellow-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-yellow-300{--tw-gradient-from:var(--color-yellow-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-yellow-400{--tw-gradient-from:var(--color-yellow-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-yellow-500{--tw-gradient-from:var(--color-yellow-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-yellow-500\/20{--tw-gradient-from:#edb20033}@supports (color:color-mix(in lab,red,red)){.from-yellow-500\/20{--tw-gradient-from:color-mix(in oklab, var(--color-yellow-500) 20%, transparent)}}.from-yellow-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-yellow-600{--tw-gradient-from:var(--color-yellow-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-yellow-600\/20{--tw-gradient-from:#cd890033}@supports (color:color-mix(in lab,red,red)){.from-yellow-600\/20{--tw-gradient-from:color-mix(in oklab, var(--color-yellow-600) 20%, transparent)}}.from-yellow-600\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-yellow-950{--tw-gradient-from:var(--color-yellow-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-zinc-400{--tw-gradient-from:var(--color-zinc-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-amber-50{--tw-gradient-via:var(--color-amber-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-amber-400{--tw-gradient-via:var(--color-amber-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-blue-50{--tw-gradient-via:var(--color-blue-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-blue-500{--tw-gradient-via:var(--color-blue-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-blue-500\/10{--tw-gradient-via:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.via-blue-500\/10{--tw-gradient-via:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.via-blue-500\/10{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-blue-600\/40{--tw-gradient-via:#155dfc66}@supports (color:color-mix(in lab,red,red)){.via-blue-600\/40{--tw-gradient-via:color-mix(in oklab, var(--color-blue-600) 40%, transparent)}}.via-blue-600\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-cyan-50{--tw-gradient-via:var(--color-cyan-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-cyan-400{--tw-gradient-via:var(--color-cyan-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-emerald-50{--tw-gradient-via:var(--color-emerald-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-fuchsia-50{--tw-gradient-via:var(--color-fuchsia-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-fuchsia-400{--tw-gradient-via:var(--color-fuchsia-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-green-50{--tw-gradient-via:var(--color-green-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-green-500{--tw-gradient-via:var(--color-green-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-indigo-50{--tw-gradient-via:var(--color-indigo-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-indigo-500{--tw-gradient-via:var(--color-indigo-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-indigo-600{--tw-gradient-via:var(--color-indigo-600);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-indigo-600\/10{--tw-gradient-via:#4f39f61a}@supports (color:color-mix(in lab,red,red)){.via-indigo-600\/10{--tw-gradient-via:color-mix(in oklab, var(--color-indigo-600) 10%, transparent)}}.via-indigo-600\/10{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-lime-50{--tw-gradient-via:var(--color-lime-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-orange-50{--tw-gradient-via:var(--color-orange-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-orange-400{--tw-gradient-via:var(--color-orange-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-orange-500{--tw-gradient-via:var(--color-orange-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-pink-50{--tw-gradient-via:var(--color-pink-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-50{--tw-gradient-via:var(--color-purple-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-400{--tw-gradient-via:var(--color-purple-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-500{--tw-gradient-via:var(--color-purple-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-600\/10{--tw-gradient-via:#9810fa1a}@supports (color:color-mix(in lab,red,red)){.via-purple-600\/10{--tw-gradient-via:color-mix(in oklab, var(--color-purple-600) 10%, transparent)}}.via-purple-600\/10{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-rose-50{--tw-gradient-via:var(--color-rose-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-rose-400{--tw-gradient-via:var(--color-rose-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-sky-50{--tw-gradient-via:var(--color-sky-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-teal-50{--tw-gradient-via:var(--color-teal-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-teal-500{--tw-gradient-via:var(--color-teal-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-violet-50{--tw-gradient-via:var(--color-violet-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\/40{--tw-gradient-via:#fff6}@supports (color:color-mix(in lab,red,red)){.via-white\/40{--tw-gradient-via:color-mix(in oklab, var(--color-white) 40%, transparent)}}.via-white\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-yellow-50{--tw-gradient-via:var(--color-yellow-50);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-amber-50{--tw-gradient-to:var(--color-amber-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-100{--tw-gradient-to:var(--color-amber-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-300{--tw-gradient-to:var(--color-amber-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-400{--tw-gradient-to:var(--color-amber-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-500{--tw-gradient-to:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-500\/20{--tw-gradient-to:#f99c0033}@supports (color:color-mix(in lab,red,red)){.to-amber-500\/20{--tw-gradient-to:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.to-amber-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-600{--tw-gradient-to:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-800{--tw-gradient-to:var(--color-amber-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-900{--tw-gradient-to:var(--color-amber-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-950{--tw-gradient-to:var(--color-amber-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-black{--tw-gradient-to:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-black\/10{--tw-gradient-to:#0000001a}@supports (color:color-mix(in lab,red,red)){.to-black\/10{--tw-gradient-to:color-mix(in oklab, var(--color-black) 10%, transparent)}}.to-black\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-50{--tw-gradient-to:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-300{--tw-gradient-to:var(--color-blue-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-400{--tw-gradient-to:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-500{--tw-gradient-to:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-600\/10{--tw-gradient-to:#155dfc1a}@supports (color:color-mix(in lab,red,red)){.to-blue-600\/10{--tw-gradient-to:color-mix(in oklab, var(--color-blue-600) 10%, transparent)}}.to-blue-600\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-700{--tw-gradient-to:var(--color-blue-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-800{--tw-gradient-to:var(--color-blue-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-800\/80{--tw-gradient-to:#193cb8cc}@supports (color:color-mix(in lab,red,red)){.to-blue-800\/80{--tw-gradient-to:color-mix(in oklab, var(--color-blue-800) 80%, transparent)}}.to-blue-800\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-900{--tw-gradient-to:var(--color-blue-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-900\/40{--tw-gradient-to:#1c398e66}@supports (color:color-mix(in lab,red,red)){.to-blue-900\/40{--tw-gradient-to:color-mix(in oklab, var(--color-blue-900) 40%, transparent)}}.to-blue-900\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-50{--tw-gradient-to:var(--color-cyan-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-300{--tw-gradient-to:var(--color-cyan-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-400{--tw-gradient-to:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-400\/30{--tw-gradient-to:#00d2ef4d}@supports (color:color-mix(in lab,red,red)){.to-cyan-400\/30{--tw-gradient-to:color-mix(in oklab, var(--color-cyan-400) 30%, transparent)}}.to-cyan-400\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-500{--tw-gradient-to:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-500\/20{--tw-gradient-to:#00b7d733}@supports (color:color-mix(in lab,red,red)){.to-cyan-500\/20{--tw-gradient-to:color-mix(in oklab, var(--color-cyan-500) 20%, transparent)}}.to-cyan-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-600{--tw-gradient-to:var(--color-cyan-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-700{--tw-gradient-to:var(--color-cyan-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-800{--tw-gradient-to:var(--color-cyan-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-900{--tw-gradient-to:var(--color-cyan-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-950{--tw-gradient-to:var(--color-cyan-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-50{--tw-gradient-to:var(--color-emerald-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-300{--tw-gradient-to:var(--color-emerald-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-400{--tw-gradient-to:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-500{--tw-gradient-to:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-500\/20{--tw-gradient-to:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.to-emerald-500\/20{--tw-gradient-to:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.to-emerald-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-600{--tw-gradient-to:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-800{--tw-gradient-to:var(--color-emerald-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-900{--tw-gradient-to:var(--color-emerald-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-950{--tw-gradient-to:var(--color-emerald-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-fuchsia-50{--tw-gradient-to:var(--color-fuchsia-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-fuchsia-400{--tw-gradient-to:var(--color-fuchsia-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-fuchsia-500{--tw-gradient-to:var(--color-fuchsia-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-300{--tw-gradient-to:var(--color-gray-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-400{--tw-gradient-to:var(--color-gray-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-600{--tw-gradient-to:var(--color-gray-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-800{--tw-gradient-to:var(--color-gray-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-50{--tw-gradient-to:var(--color-green-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-300{--tw-gradient-to:var(--color-green-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-400{--tw-gradient-to:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-500{--tw-gradient-to:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-600{--tw-gradient-to:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-800{--tw-gradient-to:var(--color-green-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-900{--tw-gradient-to:var(--color-green-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-900\/40{--tw-gradient-to:#0d542b66}@supports (color:color-mix(in lab,red,red)){.to-green-900\/40{--tw-gradient-to:color-mix(in oklab, var(--color-green-900) 40%, transparent)}}.to-green-900\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-50{--tw-gradient-to:var(--color-indigo-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-300{--tw-gradient-to:var(--color-indigo-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-400{--tw-gradient-to:var(--color-indigo-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-500{--tw-gradient-to:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-800{--tw-gradient-to:var(--color-indigo-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-900{--tw-gradient-to:var(--color-indigo-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-lime-50{--tw-gradient-to:var(--color-lime-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-lime-400{--tw-gradient-to:var(--color-lime-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-lime-500{--tw-gradient-to:var(--color-lime-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-lime-800{--tw-gradient-to:var(--color-lime-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-50{--tw-gradient-to:var(--color-orange-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-300{--tw-gradient-to:var(--color-orange-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-400{--tw-gradient-to:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-500{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-500\/10{--tw-gradient-to:#fe6e001a}@supports (color:color-mix(in lab,red,red)){.to-orange-500\/10{--tw-gradient-to:color-mix(in oklab, var(--color-orange-500) 10%, transparent)}}.to-orange-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-600{--tw-gradient-to:var(--color-orange-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-600\/20{--tw-gradient-to:#f0510033}@supports (color:color-mix(in lab,red,red)){.to-orange-600\/20{--tw-gradient-to:color-mix(in oklab, var(--color-orange-600) 20%, transparent)}}.to-orange-600\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-700{--tw-gradient-to:var(--color-orange-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-800{--tw-gradient-to:var(--color-orange-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-900{--tw-gradient-to:var(--color-orange-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-950{--tw-gradient-to:var(--color-orange-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-50{--tw-gradient-to:var(--color-pink-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-300{--tw-gradient-to:var(--color-pink-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-400{--tw-gradient-to:var(--color-pink-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-600{--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-50{--tw-gradient-to:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-300{--tw-gradient-to:var(--color-purple-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-400{--tw-gradient-to:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-700{--tw-gradient-to:var(--color-purple-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-800{--tw-gradient-to:var(--color-purple-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-900{--tw-gradient-to:var(--color-purple-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-50{--tw-gradient-to:var(--color-red-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-100{--tw-gradient-to:var(--color-red-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-300{--tw-gradient-to:var(--color-red-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-400{--tw-gradient-to:var(--color-red-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-500{--tw-gradient-to:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-600{--tw-gradient-to:var(--color-red-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-700{--tw-gradient-to:var(--color-red-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-800{--tw-gradient-to:var(--color-red-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-900{--tw-gradient-to:var(--color-red-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-950{--tw-gradient-to:var(--color-red-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-50{--tw-gradient-to:var(--color-rose-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-300{--tw-gradient-to:var(--color-rose-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-400{--tw-gradient-to:var(--color-rose-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-500{--tw-gradient-to:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-500\/20{--tw-gradient-to:#ff235733}@supports (color:color-mix(in lab,red,red)){.to-rose-500\/20{--tw-gradient-to:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.to-rose-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-600{--tw-gradient-to:var(--color-rose-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-700{--tw-gradient-to:var(--color-rose-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-50{--tw-gradient-to:var(--color-sky-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-400{--tw-gradient-to:var(--color-sky-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-500{--tw-gradient-to:var(--color-sky-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-400{--tw-gradient-to:var(--color-slate-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-500{--tw-gradient-to:var(--color-slate-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-500\/20{--tw-gradient-to:#62748e33}@supports (color:color-mix(in lab,red,red)){.to-slate-500\/20{--tw-gradient-to:color-mix(in oklab, var(--color-slate-500) 20%, transparent)}}.to-slate-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-600{--tw-gradient-to:var(--color-slate-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-700{--tw-gradient-to:var(--color-slate-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-800{--tw-gradient-to:var(--color-slate-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-900{--tw-gradient-to:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-stone-900{--tw-gradient-to:var(--color-stone-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-50{--tw-gradient-to:var(--color-teal-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-100{--tw-gradient-to:var(--color-teal-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-300{--tw-gradient-to:var(--color-teal-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-400{--tw-gradient-to:var(--color-teal-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-500{--tw-gradient-to:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-600{--tw-gradient-to:var(--color-teal-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-700{--tw-gradient-to:var(--color-teal-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-800{--tw-gradient-to:var(--color-teal-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-900{--tw-gradient-to:var(--color-teal-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-900\/40{--tw-gradient-to:#0b4f4a66}@supports (color:color-mix(in lab,red,red)){.to-teal-900\/40{--tw-gradient-to:color-mix(in oklab, var(--color-teal-900) 40%, transparent)}}.to-teal-900\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-50{--tw-gradient-to:var(--color-violet-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-300{--tw-gradient-to:var(--color-violet-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-400{--tw-gradient-to:var(--color-violet-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-500{--tw-gradient-to:var(--color-violet-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-500\/20{--tw-gradient-to:#8d54ff33}@supports (color:color-mix(in lab,red,red)){.to-violet-500\/20{--tw-gradient-to:color-mix(in oklab, var(--color-violet-500) 20%, transparent)}}.to-violet-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-600{--tw-gradient-to:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-950{--tw-gradient-to:var(--color-violet-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-white\/10{--tw-gradient-to:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.to-white\/10{--tw-gradient-to:color-mix(in oklab, var(--color-white) 10%, transparent)}}.to-white\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-50{--tw-gradient-to:var(--color-yellow-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-300{--tw-gradient-to:var(--color-yellow-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-400{--tw-gradient-to:var(--color-yellow-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-500{--tw-gradient-to:var(--color-yellow-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-600{--tw-gradient-to:var(--color-yellow-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-700{--tw-gradient-to:var(--color-yellow-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-yellow-800{--tw-gradient-to:var(--color-yellow-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-zinc-400{--tw-gradient-to:var(--color-zinc-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-zinc-500{--tw-gradient-to:var(--color-zinc-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-zinc-600{--tw-gradient-to:var(--color-zinc-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-zinc-700{--tw-gradient-to:var(--color-zinc-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.fill-white{fill:var(--color-white)}.object-contain{object-fit:contain}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.p-16{padding:calc(var(--spacing) * 16)}.p-20{padding:calc(var(--spacing) * 20)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-20{padding-inline:calc(var(--spacing) * 20)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[80px\]{font-size:80px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.4em\]{--tw-tracking:.4em;letter-spacing:.4em}.tracking-\[0\.5em\]{--tw-tracking:.5em;letter-spacing:.5em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-amber-100{color:var(--color-amber-100)}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-amber-400{color:var(--color-amber-400)}.text-amber-400\/80{color:#fcbb00cc}@supports (color:color-mix(in lab,red,red)){.text-amber-400\/80{color:color-mix(in oklab,var(--color-amber-400) 80%,transparent)}}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-600\/50{color:#dd740080}@supports (color:color-mix(in lab,red,red)){.text-amber-600\/50{color:color-mix(in oklab,var(--color-amber-600) 50%,transparent)}}.text-amber-600\/70{color:#dd7400b3}@supports (color:color-mix(in lab,red,red)){.text-amber-600\/70{color:color-mix(in oklab,var(--color-amber-600) 70%,transparent)}}.text-amber-900{color:var(--color-amber-900)}.text-black{color:var(--color-black)}.text-blue-200{color:var(--color-blue-200)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-600\/50{color:#155dfc80}@supports (color:color-mix(in lab,red,red)){.text-blue-600\/50{color:color-mix(in oklab,var(--color-blue-600) 50%,transparent)}}.text-blue-600\/70{color:#155dfcb3}@supports (color:color-mix(in lab,red,red)){.text-blue-600\/70{color:color-mix(in oklab,var(--color-blue-600) 70%,transparent)}}.text-cyan-200{color:var(--color-cyan-200)}.text-cyan-300{color:var(--color-cyan-300)}.text-cyan-400{color:var(--color-cyan-400)}.text-cyan-500{color:var(--color-cyan-500)}.text-cyan-600{color:var(--color-cyan-600)}.text-cyan-600\/70{color:#0092b5b3}@supports (color:color-mix(in lab,red,red)){.text-cyan-600\/70{color:color-mix(in oklab,var(--color-cyan-600) 70%,transparent)}}.text-emerald-200{color:var(--color-emerald-200)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-600\/70{color:#009767b3}@supports (color:color-mix(in lab,red,red)){.text-emerald-600\/70{color:color-mix(in oklab,var(--color-emerald-600) 70%,transparent)}}.text-emerald-950{color:var(--color-emerald-950)}.text-fuchsia-300{color:var(--color-fuchsia-300)}.text-fuchsia-400{color:var(--color-fuchsia-400)}.text-fuchsia-500{color:var(--color-fuchsia-500)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-800\/30{color:#1e29394d}@supports (color:color-mix(in lab,red,red)){.text-gray-800\/30{color:color-mix(in oklab,var(--color-gray-800) 30%,transparent)}}.text-gray-800\/70{color:#1e2939b3}@supports (color:color-mix(in lab,red,red)){.text-gray-800\/70{color:color-mix(in oklab,var(--color-gray-800) 70%,transparent)}}.text-gray-900{color:var(--color-gray-900)}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-600\/70{color:#00a544b3}@supports (color:color-mix(in lab,red,red)){.text-green-600\/70{color:color-mix(in oklab,var(--color-green-600) 70%,transparent)}}.text-indigo-200{color:var(--color-indigo-200)}.text-indigo-300{color:var(--color-indigo-300)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-500\/50{color:#625fff80}@supports (color:color-mix(in lab,red,red)){.text-indigo-500\/50{color:color-mix(in oklab,var(--color-indigo-500) 50%,transparent)}}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-600\/50{color:#4f39f680}@supports (color:color-mix(in lab,red,red)){.text-indigo-600\/50{color:color-mix(in oklab,var(--color-indigo-600) 50%,transparent)}}.text-indigo-600\/70{color:#4f39f6b3}@supports (color:color-mix(in lab,red,red)){.text-indigo-600\/70{color:color-mix(in oklab,var(--color-indigo-600) 70%,transparent)}}.text-lime-600{color:var(--color-lime-600)}.text-orange-400{color:var(--color-orange-400)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-600\/70{color:#f05100b3}@supports (color:color-mix(in lab,red,red)){.text-orange-600\/70{color:color-mix(in oklab,var(--color-orange-600) 70%,transparent)}}.text-orange-950\/60{color:#44130699}@supports (color:color-mix(in lab,red,red)){.text-orange-950\/60{color:color-mix(in oklab,var(--color-orange-950) 60%,transparent)}}.text-pink-200{color:var(--color-pink-200)}.text-pink-300{color:var(--color-pink-300)}.text-pink-400{color:var(--color-pink-400)}.text-pink-500{color:var(--color-pink-500)}.text-pink-600{color:var(--color-pink-600)}.text-purple-300{color:var(--color-purple-300)}.text-purple-400{color:var(--color-purple-400)}.text-purple-600{color:var(--color-purple-600)}.text-purple-600\/60{color:#9810fa99}@supports (color:color-mix(in lab,red,red)){.text-purple-600\/60{color:color-mix(in oklab,var(--color-purple-600) 60%,transparent)}}.text-purple-700{color:var(--color-purple-700)}.text-purple-700\/50{color:#8200da80}@supports (color:color-mix(in lab,red,red)){.text-purple-700\/50{color:color-mix(in oklab,var(--color-purple-700) 50%,transparent)}}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-600\/70{color:#e40014b3}@supports (color:color-mix(in lab,red,red)){.text-red-600\/70{color:color-mix(in oklab,var(--color-red-600) 70%,transparent)}}.text-rose-200{color:var(--color-rose-200)}.text-rose-300{color:var(--color-rose-300)}.text-rose-400{color:var(--color-rose-400)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-600\/70{color:#e70044b3}@supports (color:color-mix(in lab,red,red)){.text-rose-600\/70{color:color-mix(in oklab,var(--color-rose-600) 70%,transparent)}}.text-sky-200{color:var(--color-sky-200)}.text-sky-300{color:var(--color-sky-300)}.text-sky-400{color:var(--color-sky-400)}.text-sky-400\/60{color:#00bcfe99}@supports (color:color-mix(in lab,red,red)){.text-sky-400\/60{color:color-mix(in oklab,var(--color-sky-400) 60%,transparent)}}.text-sky-600{color:var(--color-sky-600)}.text-sky-600\/70{color:#0084ccb3}@supports (color:color-mix(in lab,red,red)){.text-sky-600\/70{color:color-mix(in oklab,var(--color-sky-600) 70%,transparent)}}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-slate-950{color:var(--color-slate-950)}.text-teal-400{color:var(--color-teal-400)}.text-teal-500{color:var(--color-teal-500)}.text-teal-600{color:var(--color-teal-600)}.text-teal-600\/70{color:#009588b3}@supports (color:color-mix(in lab,red,red)){.text-teal-600\/70{color:color-mix(in oklab,var(--color-teal-600) 70%,transparent)}}.text-transparent{color:#0000}.text-violet-400{color:var(--color-violet-400)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-600\/50{color:#7f22fe80}@supports (color:color-mix(in lab,red,red)){.text-violet-600\/50{color:color-mix(in oklab,var(--color-violet-600) 50%,transparent)}}.text-violet-600\/70{color:#7f22feb3}@supports (color:color-mix(in lab,red,red)){.text-violet-600\/70{color:color-mix(in oklab,var(--color-violet-600) 70%,transparent)}}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-yellow-200{color:var(--color-yellow-200)}.text-yellow-200\/70{color:#fff085b3}@supports (color:color-mix(in lab,red,red)){.text-yellow-200\/70{color:color-mix(in oklab,var(--color-yellow-200) 70%,transparent)}}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-950{color:var(--color-yellow-950)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.underline{text-decoration-line:underline}.decoration-amber-500\/20{text-decoration-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.decoration-amber-500\/20{-webkit-text-decoration-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent);text-decoration-color:color-mix(in oklab,var(--color-amber-500) 20%,transparent)}}.decoration-cyan-500\/20{text-decoration-color:#00b7d733}@supports (color:color-mix(in lab,red,red)){.decoration-cyan-500\/20{-webkit-text-decoration-color:color-mix(in oklab,var(--color-cyan-500) 20%,transparent);text-decoration-color:color-mix(in oklab,var(--color-cyan-500) 20%,transparent)}}.decoration-cyan-500\/30{text-decoration-color:#00b7d74d}@supports (color:color-mix(in lab,red,red)){.decoration-cyan-500\/30{-webkit-text-decoration-color:color-mix(in oklab,var(--color-cyan-500) 30%,transparent);text-decoration-color:color-mix(in oklab,var(--color-cyan-500) 30%,transparent)}}.decoration-emerald-500\/20{text-decoration-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.decoration-emerald-500\/20{-webkit-text-decoration-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent);text-decoration-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.decoration-indigo-500\/20{text-decoration-color:#625fff33}@supports (color:color-mix(in lab,red,red)){.decoration-indigo-500\/20{-webkit-text-decoration-color:color-mix(in oklab,var(--color-indigo-500) 20%,transparent);text-decoration-color:color-mix(in oklab,var(--color-indigo-500) 20%,transparent)}}.decoration-indigo-500\/30{text-decoration-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.decoration-indigo-500\/30{-webkit-text-decoration-color:color-mix(in oklab,var(--color-indigo-500) 30%,transparent);text-decoration-color:color-mix(in oklab,var(--color-indigo-500) 30%,transparent)}}.decoration-orange-500{-webkit-text-decoration-color:var(--color-orange-500);text-decoration-color:var(--color-orange-500)}.decoration-orange-500\/20{text-decoration-color:#fe6e0033}@supports (color:color-mix(in lab,red,red)){.decoration-orange-500\/20{-webkit-text-decoration-color:color-mix(in oklab,var(--color-orange-500) 20%,transparent);text-decoration-color:color-mix(in oklab,var(--color-orange-500) 20%,transparent)}}.decoration-pink-500{-webkit-text-decoration-color:var(--color-pink-500);text-decoration-color:var(--color-pink-500)}.decoration-rose-500\/20{text-decoration-color:#ff235733}@supports (color:color-mix(in lab,red,red)){.decoration-rose-500\/20{-webkit-text-decoration-color:color-mix(in oklab,var(--color-rose-500) 20%,transparent);text-decoration-color:color-mix(in oklab,var(--color-rose-500) 20%,transparent)}}.decoration-violet-500\/20{text-decoration-color:#8d54ff33}@supports (color:color-mix(in lab,red,red)){.decoration-violet-500\/20{-webkit-text-decoration-color:color-mix(in oklab,var(--color-violet-500) 20%,transparent);text-decoration-color:color-mix(in oklab,var(--color-violet-500) 20%,transparent)}}.decoration-yellow-500\/20{text-decoration-color:#edb20033}@supports (color:color-mix(in lab,red,red)){.decoration-yellow-500\/20{-webkit-text-decoration-color:color-mix(in oklab,var(--color-yellow-500) 20%,transparent);text-decoration-color:color-mix(in oklab,var(--color-yellow-500) 20%,transparent)}}.underline-offset-\[12px\]{text-underline-offset:12px}.underline-offset-\[16px\]{text-underline-offset:16px}.accent-amber-500{accent-color:var(--color-amber-500)}.accent-blue-400{accent-color:var(--color-blue-400)}.accent-blue-500{accent-color:var(--color-blue-500)}.accent-cyan-400{accent-color:var(--color-cyan-400)}.accent-cyan-500{accent-color:var(--color-cyan-500)}.accent-emerald-400{accent-color:var(--color-emerald-400)}.accent-emerald-500{accent-color:var(--color-emerald-500)}.accent-fuchsia-500{accent-color:var(--color-fuchsia-500)}.accent-green-400{accent-color:var(--color-green-400)}.accent-indigo-400{accent-color:var(--color-indigo-400)}.accent-indigo-500{accent-color:var(--color-indigo-500)}.accent-orange-400{accent-color:var(--color-orange-400)}.accent-orange-500{accent-color:var(--color-orange-500)}.accent-pink-500{accent-color:var(--color-pink-500)}.accent-purple-400{accent-color:var(--color-purple-400)}.accent-rose-500{accent-color:var(--color-rose-500)}.accent-slate-400{accent-color:var(--color-slate-400)}.accent-teal-400{accent-color:var(--color-teal-400)}.accent-violet-400{accent-color:var(--color-violet-400)}.accent-violet-500{accent-color:var(--color-violet-500)}.accent-white{accent-color:var(--color-white)}.accent-yellow-400{accent-color:var(--color-yellow-400)}.accent-yellow-500{accent-color:var(--color-yellow-500)}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-15{opacity:.15}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.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}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_\#3b82f6\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#3b82f6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_\#4f46e5\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#4f46e5);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_\#0891b2\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#0891b2);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_\#2563eb\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#2563eb);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_\#ef4444\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#ef4444);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_\#f97316\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#f97316);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_\#facc15\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#facc15);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(34\,211\,238\,0\.5\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#22d3ee80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(74\,222\,128\,0\.5\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#4ade8080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(96\,165\,250\,0\.5\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#60a5fa80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(248\,113\,113\,0\.5\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#f8717180);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(249\,115\,22\,0\.3\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#f973164d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_rgba\(250\,204\,21\,0\.3\)\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#facc154d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_15px_\#3b82f6\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#3b82f6);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_15px_\#f59e0b\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#f59e0b);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(99\,102\,241\,0\.5\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#6366f180);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(239\,68\,68\,0\.5\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#ef444480);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(251\,146\,60\,0\.8\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#fb923ccc);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(245\,158\,11\,0\.3\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#f59e0b4d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_50px_rgba\(79\,70\,229\,0\.3\)\]{--tw-shadow:0 0 50px var(--tw-shadow-color,#4f46e54d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_50px_rgba\(79\,70\,229\,0\.4\)\]{--tw-shadow:0 0 50px var(--tw-shadow-color,#4f46e566);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_50px_rgba\(79\,70\,229\,0\.35\)\]{--tw-shadow:0 0 50px var(--tw-shadow-color,#4f46e559);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 20px 50px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_50px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 20px 50px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_20px_50px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:inset 0 20px 50px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-8{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-amber-600\/20{--tw-shadow-color:#dd740033}@supports (color:color-mix(in lab,red,red)){.shadow-amber-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-amber-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-amber-600\/40{--tw-shadow-color:#dd740066}@supports (color:color-mix(in lab,red,red)){.shadow-amber-600\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-amber-600) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-500\/30{--tw-shadow-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.shadow-blue-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-cyan-600\/20{--tw-shadow-color:#0092b533}@supports (color:color-mix(in lab,red,red)){.shadow-cyan-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-cyan-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-cyan-600\/40{--tw-shadow-color:#0092b566}@supports (color:color-mix(in lab,red,red)){.shadow-cyan-600\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-cyan-600) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-500\/10{--tw-shadow-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.shadow-emerald-500\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-500\/20{--tw-shadow-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.shadow-emerald-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-600\/20{--tw-shadow-color:#00976733}@supports (color:color-mix(in lab,red,red)){.shadow-emerald-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-600\/40{--tw-shadow-color:#00976766}@supports (color:color-mix(in lab,red,red)){.shadow-emerald-600\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-green-500\/30{--tw-shadow-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.shadow-green-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-600\/20{--tw-shadow-color:#4f39f633}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-600\/40{--tw-shadow-color:#4f39f666}@supports (color:color-mix(in lab,red,red)){.shadow-indigo-600\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-orange-500\/30{--tw-shadow-color:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.shadow-orange-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-orange-500\/40{--tw-shadow-color:#fe6e0066}@supports (color:color-mix(in lab,red,red)){.shadow-orange-500\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-orange-600\/20{--tw-shadow-color:#f0510033}@supports (color:color-mix(in lab,red,red)){.shadow-orange-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-orange-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-orange-600\/40{--tw-shadow-color:#f0510066}@supports (color:color-mix(in lab,red,red)){.shadow-orange-600\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-orange-600) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-pink-600\/20{--tw-shadow-color:#e3007633}@supports (color:color-mix(in lab,red,red)){.shadow-pink-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-pink-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-pink-600\/40{--tw-shadow-color:#e3007666}@supports (color:color-mix(in lab,red,red)){.shadow-pink-600\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-pink-600) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-red-500\/30{--tw-shadow-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.shadow-red-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-red-600\/20{--tw-shadow-color:#e4001433}@supports (color:color-mix(in lab,red,red)){.shadow-red-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-red-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-red-600\/30{--tw-shadow-color:#e400144d}@supports (color:color-mix(in lab,red,red)){.shadow-red-600\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-red-600) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-500\/20{--tw-shadow-color:#ff235733}@supports (color:color-mix(in lab,red,red)){.shadow-rose-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-500\/30{--tw-shadow-color:#ff23574d}@supports (color:color-mix(in lab,red,red)){.shadow-rose-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-600\/20{--tw-shadow-color:#e7004433}@supports (color:color-mix(in lab,red,red)){.shadow-rose-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-600\/40{--tw-shadow-color:#e7004466}@supports (color:color-mix(in lab,red,red)){.shadow-rose-600\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-600) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-violet-600\/20{--tw-shadow-color:#7f22fe33}@supports (color:color-mix(in lab,red,red)){.shadow-violet-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-violet-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-violet-600\/40{--tw-shadow-color:#7f22fe66}@supports (color:color-mix(in lab,red,red)){.shadow-violet-600\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-violet-600) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-white\/5{--tw-shadow-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.shadow-white\/5{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-white) 5%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-white\/10{--tw-shadow-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.shadow-white\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-white) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-white\/20{--tw-shadow-color:#fff3}@supports (color:color-mix(in lab,red,red)){.shadow-white\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-white) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-yellow-400{--tw-shadow-color:oklch(85.2% .199 91.936)}@supports (color:color-mix(in lab,red,red)){.shadow-yellow-400{--tw-shadow-color:color-mix(in oklab, var(--color-yellow-400) var(--tw-shadow-alpha), transparent)}}.shadow-yellow-600\/20{--tw-shadow-color:#cd890033}@supports (color:color-mix(in lab,red,red)){.shadow-yellow-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-yellow-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-yellow-600\/40{--tw-shadow-color:#cd890066}@supports (color:color-mix(in lab,red,red)){.shadow-yellow-600\/40{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-yellow-600) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-red-400{--tw-ring-color:var(--color-red-400)}.ring-white{--tw-ring-color:var(--color-white)}.ring-yellow-300{--tw-ring-color:var(--color-yellow-300)}.ring-yellow-400\/5{--tw-ring-color:#fac8000d}@supports (color:color-mix(in lab,red,red)){.ring-yellow-400\/5{--tw-ring-color:color-mix(in oklab, var(--color-yellow-400) 5%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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-2xl{--tw-blur:blur(var(--blur-2xl));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-\[2px\]{--tw-blur:blur(2px);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-\[40px\]{--tw-blur:blur(40px);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-\[45px\]{--tw-blur:blur(45px);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-\[80px\]{--tw-blur:blur(80px);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-\[100px\]{--tw-blur:blur(100px);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-\[120px\]{--tw-blur:blur(120px);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-\[130px\]{--tw-blur:blur(130px);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-sm{--tw-blur:blur(var(--blur-sm));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-xl{--tw-blur:blur(var(--blur-xl));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-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));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-\[0_0_8px_rgba\(99\,102\,241\,0\.5\)\]{--tw-drop-shadow-size:drop-shadow(0 0 8px var(--tw-drop-shadow-color,#6366f180));--tw-drop-shadow:var(--tw-drop-shadow-size);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-\[0_0_10px_\#f43f5e\]{--tw-drop-shadow-size:drop-shadow(0 0 10px var(--tw-drop-shadow-color,#f43f5e));--tw-drop-shadow:var(--tw-drop-shadow-size);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-\[0_0_15px_rgba\(16\,185\,129\,0\.3\)\]{--tw-drop-shadow-size:drop-shadow(0 0 15px var(--tw-drop-shadow-color,#10b9814d));--tw-drop-shadow:var(--tw-drop-shadow-size);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-\[0_0_20px_rgba\(59\,130\,246\,0\.3\)\]{--tw-drop-shadow-size:drop-shadow(0 0 20px var(--tw-drop-shadow-color,#3b82f64d));--tw-drop-shadow:var(--tw-drop-shadow-size);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-\[0_0_20px_rgba\(236\,72\,153\,0\.3\)\]{--tw-drop-shadow-size:drop-shadow(0 0 20px var(--tw-drop-shadow-color,#ec48994d));--tw-drop-shadow:var(--tw-drop-shadow-size);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-\[0_0_20px_rgba\(239\,68\,68\,0\.5\)\]{--tw-drop-shadow-size:drop-shadow(0 0 20px var(--tw-drop-shadow-color,#ef444480));--tw-drop-shadow:var(--tw-drop-shadow-size);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-\[0_0_20px_rgba\(251\,191\,36\,0\.3\)\]{--tw-drop-shadow-size:drop-shadow(0 0 20px var(--tw-drop-shadow-color,#fbbf244d));--tw-drop-shadow:var(--tw-drop-shadow-size);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-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));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-xl{--tw-drop-shadow-size:drop-shadow(0 9px 7px var(--tw-drop-shadow-color,#0000001a));--tw-drop-shadow:drop-shadow(var(--drop-shadow-xl));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,)}.invert{--tw-invert:invert(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,)}.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,)!important}.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-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-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(var(--blur-md));-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(var(--blur-sm));-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(var(--blur-xl));-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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-75{transition-delay:75ms}.delay-150{transition-delay:.15s}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-150:is(:where(.group):hover *){--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:rotate-0:is(:where(.group):hover *){rotate:none}.group-hover\:rotate-12:is(:where(.group):hover *){rotate:12deg}.group-hover\:rotate-45:is(:where(.group):hover *){rotate:45deg}.group-hover\:rotate-180:is(:where(.group):hover *){rotate:180deg}.group-hover\:rotate-\[135deg\]:is(:where(.group):hover *){rotate:135deg}.group-hover\:bg-emerald-500\/\[0\.05\]:is(:where(.group):hover *){background-color:#00bb7f0d}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-emerald-500\/\[0\.05\]:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-emerald-500) 5%,transparent)}}.group-hover\:bg-indigo-500\/10:is(:where(.group):hover *){background-color:#625fff1a}@supports (color:color-mix(in lab,red,red)){.group-hover\:bg-indigo-500\/10:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-indigo-500) 10%,transparent)}}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.selection\:bg-amber-500\/30 ::selection{background-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-amber-500\/30 ::selection{background-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent)}}.selection\:bg-amber-500\/30::selection{background-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-amber-500\/30::selection{background-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent)}}.selection\:bg-cyan-500\/30 ::selection{background-color:#00b7d74d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-cyan-500\/30 ::selection{background-color:color-mix(in oklab,var(--color-cyan-500) 30%,transparent)}}.selection\:bg-cyan-500\/30::selection{background-color:#00b7d74d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-cyan-500\/30::selection{background-color:color-mix(in oklab,var(--color-cyan-500) 30%,transparent)}}.selection\:bg-emerald-500\/30 ::selection{background-color:#00bb7f4d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-emerald-500\/30 ::selection{background-color:color-mix(in oklab,var(--color-emerald-500) 30%,transparent)}}.selection\:bg-emerald-500\/30::selection{background-color:#00bb7f4d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-emerald-500\/30::selection{background-color:color-mix(in oklab,var(--color-emerald-500) 30%,transparent)}}.selection\:bg-indigo-500\/30 ::selection{background-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-indigo-500\/30 ::selection{background-color:color-mix(in oklab,var(--color-indigo-500) 30%,transparent)}}.selection\:bg-indigo-500\/30::selection{background-color:#625fff4d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-indigo-500\/30::selection{background-color:color-mix(in oklab,var(--color-indigo-500) 30%,transparent)}}.selection\:bg-orange-500\/30 ::selection{background-color:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-orange-500\/30 ::selection{background-color:color-mix(in oklab,var(--color-orange-500) 30%,transparent)}}.selection\:bg-orange-500\/30::selection{background-color:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-orange-500\/30::selection{background-color:color-mix(in oklab,var(--color-orange-500) 30%,transparent)}}.selection\:bg-pink-500\/30 ::selection{background-color:#f6339a4d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-pink-500\/30 ::selection{background-color:color-mix(in oklab,var(--color-pink-500) 30%,transparent)}}.selection\:bg-pink-500\/30::selection{background-color:#f6339a4d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-pink-500\/30::selection{background-color:color-mix(in oklab,var(--color-pink-500) 30%,transparent)}}.selection\:bg-red-500\/30 ::selection{background-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-red-500\/30 ::selection{background-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.selection\:bg-red-500\/30::selection{background-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-red-500\/30::selection{background-color:color-mix(in oklab,var(--color-red-500) 30%,transparent)}}.selection\:bg-rose-500\/30 ::selection{background-color:#ff23574d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-rose-500\/30 ::selection{background-color:color-mix(in oklab,var(--color-rose-500) 30%,transparent)}}.selection\:bg-rose-500\/30::selection{background-color:#ff23574d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-rose-500\/30::selection{background-color:color-mix(in oklab,var(--color-rose-500) 30%,transparent)}}.selection\:bg-violet-500\/30 ::selection{background-color:#8d54ff4d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-violet-500\/30 ::selection{background-color:color-mix(in oklab,var(--color-violet-500) 30%,transparent)}}.selection\:bg-violet-500\/30::selection{background-color:#8d54ff4d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-violet-500\/30::selection{background-color:color-mix(in oklab,var(--color-violet-500) 30%,transparent)}}.selection\:bg-yellow-500\/30 ::selection{background-color:#edb2004d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-yellow-500\/30 ::selection{background-color:color-mix(in oklab,var(--color-yellow-500) 30%,transparent)}}.selection\:bg-yellow-500\/30::selection{background-color:#edb2004d}@supports (color:color-mix(in lab,red,red)){.selection\:bg-yellow-500\/30::selection{background-color:color-mix(in oklab,var(--color-yellow-500) 30%,transparent)}}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}.placeholder\:text-slate-800::placeholder{color:var(--color-slate-800)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}@media(hover:hover){.hover\:translate-x-2:hover{--tw-translate-x:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:translate-x-3:hover{--tw-translate-x:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-102:hover{--tw-scale-x:102%;--tw-scale-y:102%;--tw-scale-z:102%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-amber-500\/50:hover{border-color:#f99c0080}@supports (color:color-mix(in lab,red,red)){.hover\:border-amber-500\/50:hover{border-color:color-mix(in oklab,var(--color-amber-500) 50%,transparent)}}.hover\:border-cyan-500\/50:hover{border-color:#00b7d780}@supports (color:color-mix(in lab,red,red)){.hover\:border-cyan-500\/50:hover{border-color:color-mix(in oklab,var(--color-cyan-500) 50%,transparent)}}.hover\:border-emerald-500\/20:hover{border-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.hover\:border-emerald-500\/20:hover{border-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.hover\:border-emerald-500\/50:hover{border-color:#00bb7f80}@supports (color:color-mix(in lab,red,red)){.hover\:border-emerald-500\/50:hover{border-color:color-mix(in oklab,var(--color-emerald-500) 50%,transparent)}}.hover\:border-emerald-500\/60:hover{border-color:#00bb7f99}@supports (color:color-mix(in lab,red,red)){.hover\:border-emerald-500\/60:hover{border-color:color-mix(in oklab,var(--color-emerald-500) 60%,transparent)}}.hover\:border-gray-200:hover{border-color:var(--color-gray-200)}.hover\:border-indigo-500\/50:hover{border-color:#625fff80}@supports (color:color-mix(in lab,red,red)){.hover\:border-indigo-500\/50:hover{border-color:color-mix(in oklab,var(--color-indigo-500) 50%,transparent)}}.hover\:border-orange-500\/50:hover{border-color:#fe6e0080}@supports (color:color-mix(in lab,red,red)){.hover\:border-orange-500\/50:hover{border-color:color-mix(in oklab,var(--color-orange-500) 50%,transparent)}}.hover\:border-pink-500\/50:hover{border-color:#f6339a80}@supports (color:color-mix(in lab,red,red)){.hover\:border-pink-500\/50:hover{border-color:color-mix(in oklab,var(--color-pink-500) 50%,transparent)}}.hover\:border-red-500\/50:hover{border-color:#fb2c3680}@supports (color:color-mix(in lab,red,red)){.hover\:border-red-500\/50:hover{border-color:color-mix(in oklab,var(--color-red-500) 50%,transparent)}}.hover\:border-rose-500:hover{border-color:var(--color-rose-500)}.hover\:border-rose-500\/50:hover{border-color:#ff235780}@supports (color:color-mix(in lab,red,red)){.hover\:border-rose-500\/50:hover{border-color:color-mix(in oklab,var(--color-rose-500) 50%,transparent)}}.hover\:border-slate-700:hover{border-color:var(--color-slate-700)}.hover\:border-violet-500\/50:hover{border-color:#8d54ff80}@supports (color:color-mix(in lab,red,red)){.hover\:border-violet-500\/50:hover{border-color:color-mix(in oklab,var(--color-violet-500) 50%,transparent)}}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:border-white\/40:hover{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/40:hover{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.hover\:border-yellow-500\/50:hover{border-color:#edb20080}@supports (color:color-mix(in lab,red,red)){.hover\:border-yellow-500\/50:hover{border-color:color-mix(in oklab,var(--color-yellow-500) 50%,transparent)}}.hover\:bg-amber-500:hover{background-color:var(--color-amber-500)}.hover\:bg-amber-500\/30:hover{background-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-500\/30:hover{background-color:color-mix(in oklab,var(--color-amber-500) 30%,transparent)}}.hover\:bg-amber-600\/20:hover{background-color:#dd740033}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-600\/20:hover{background-color:color-mix(in oklab,var(--color-amber-600) 20%,transparent)}}.hover\:bg-black\/40:hover{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/40:hover{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-blue-500\/20:hover{background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-500\/20:hover{background-color:color-mix(in oklab,var(--color-blue-500) 20%,transparent)}}.hover\:bg-cyan-600\/20:hover{background-color:#0092b533}@supports (color:color-mix(in lab,red,red)){.hover\:bg-cyan-600\/20:hover{background-color:color-mix(in oklab,var(--color-cyan-600) 20%,transparent)}}.hover\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\:bg-emerald-500\/20:hover{background-color:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-emerald-500\/20:hover{background-color:color-mix(in oklab,var(--color-emerald-500) 20%,transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-indigo-500:hover{background-color:var(--color-indigo-500)}.hover\:bg-indigo-600\/20:hover{background-color:#4f39f633}@supports (color:color-mix(in lab,red,red)){.hover\:bg-indigo-600\/20:hover{background-color:color-mix(in oklab,var(--color-indigo-600) 20%,transparent)}}.hover\:bg-indigo-600\/50:hover{background-color:#4f39f680}@supports (color:color-mix(in lab,red,red)){.hover\:bg-indigo-600\/50:hover{background-color:color-mix(in oklab,var(--color-indigo-600) 50%,transparent)}}.hover\:bg-pink-600\/20:hover{background-color:#e3007633}@supports (color:color-mix(in lab,red,red)){.hover\:bg-pink-600\/20:hover{background-color:color-mix(in oklab,var(--color-pink-600) 20%,transparent)}}.hover\:bg-pink-600\/50:hover{background-color:#e3007680}@supports (color:color-mix(in lab,red,red)){.hover\:bg-pink-600\/50:hover{background-color:color-mix(in oklab,var(--color-pink-600) 50%,transparent)}}.hover\:bg-purple-500\/20:hover{background-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.hover\:bg-purple-500\/20:hover{background-color:color-mix(in oklab,var(--color-purple-500) 20%,transparent)}}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:bg-red-500\/10:hover{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/10:hover{background-color:color-mix(in oklab,var(--color-red-500) 10%,transparent)}}.hover\:bg-rose-400:hover{background-color:var(--color-rose-400)}.hover\:bg-rose-500:hover{background-color:var(--color-rose-500)}.hover\:bg-rose-500\/20:hover{background-color:#ff235733}@supports (color:color-mix(in lab,red,red)){.hover\:bg-rose-500\/20:hover{background-color:color-mix(in oklab,var(--color-rose-500) 20%,transparent)}}.hover\:bg-rose-600:hover{background-color:var(--color-rose-600)}.hover\:bg-sky-500:hover{background-color:var(--color-sky-500)}.hover\:bg-sky-500\/30:hover{background-color:#00a5ef4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-sky-500\/30:hover{background-color:color-mix(in oklab,var(--color-sky-500) 30%,transparent)}}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-600:hover{background-color:var(--color-slate-600)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-slate-700\/50:hover{background-color:#31415880}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-700\/50:hover{background-color:color-mix(in oklab,var(--color-slate-700) 50%,transparent)}}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-slate-800\/80:hover{background-color:#1d293dcc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-slate-800\/80:hover{background-color:color-mix(in oklab,var(--color-slate-800) 80%,transparent)}}.hover\:bg-teal-400:hover{background-color:var(--color-teal-400)}.hover\:bg-violet-500\/40:hover{background-color:#8d54ff66}@supports (color:color-mix(in lab,red,red)){.hover\:bg-violet-500\/40:hover{background-color:color-mix(in oklab,var(--color-violet-500) 40%,transparent)}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:bg-white\/25:hover{background-color:#ffffff40}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/25:hover{background-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.hover\:bg-white\/40:hover{background-color:#fff6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/40:hover{background-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-rose-300:hover{color:var(--color-rose-300)}.hover\:text-rose-400:hover{color:var(--color-rose-400)}.hover\:text-rose-600:hover{color:var(--color-rose-600)}.hover\:text-slate-200:hover{color:var(--color-slate-200)}.hover\:text-slate-300:hover{color:var(--color-slate-300)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}}.focus\:border-emerald-500:focus{border-color:var(--color-emerald-500)}.focus\:border-purple-400:focus{border-color:var(--color-purple-400)}.focus\:border-rose-400:focus{border-color:var(--color-rose-400)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-start{justify-content:flex-start}.sm\:text-left{text-align:left}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:48rem){.md\:w-32{width:calc(var(--spacing) * 32)}.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-5{grid-template-columns:repeat(5,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\:items-end{align-items:flex-end}.md\:p-3{padding:calc(var(--spacing) * 3)}.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media(min-width:64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:block{display:block}.lg\:w-44{width:calc(var(--spacing) * 44)}.lg\:w-48{width:calc(var(--spacing) * 48)}.lg\:w-52{width:calc(var(--spacing) * 52)}.lg\:w-56{width:calc(var(--spacing) * 56)}.lg\:w-60{width:calc(var(--spacing) * 60)}.lg\:w-64{width:calc(var(--spacing) * 64)}.lg\:w-72{width:calc(var(--spacing) * 72)}.lg\:w-80{width:calc(var(--spacing) * 80)}.lg\:w-\[400px\]{width:400px}.lg\:flex-auto{flex:auto}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.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-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:text-left{text-align:left}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}}:root{--primary:#3b82f6;--primary-light:#60a5fa;--primary-dark:#2563eb;--primary-gradient:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--accent:#f59e0b;--accent-light:#fbbf24;--accent-dark:#d97706;--accent-gradient:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--success:#10b981;--success-light:#34d399;--success-dark:#059669;--warning:#f59e0b;--warning-light:#fbbf24;--warning-dark:#d97706;--danger:#ef4444;--danger-light:#f87171;--danger-dark:#dc2626;--physics:#3b82f6;--physics-gradient:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--mathematics:#ef4444;--mathematics-gradient:linear-gradient(135deg, #ef4444 0%, #f43f5e 100%);--chemistry:#10b981;--chemistry-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--biology:#f59e0b;--biology-gradient:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--economics:#8b5cf6;--economics-gradient:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--dark-bg:#0a0f1c;--dark-surface:#131b2e;--dark-surface-2:#1a2540;--dark-border:#ffffff1a;--dark-text:#f8fafc;--dark-text-muted:#94a3b8;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 4px 32px 0 #0000004d;--bg-primary:var(--dark-bg);--bg-surface:var(--dark-surface);--bg-surface-hover:var(--dark-surface-2);--border-color:var(--dark-border);--text-primary:var(--dark-text);--text-secondary:var(--dark-text-muted);--shadow-color:#0000004d;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Outfit", "Inter", sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem}[data-theme=light]{--bg-primary:#fff;--bg-surface:#fff;--bg-surface-hover:#fffbeb;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--shadow-color:#f59e0b26;--glass-bg:#ffffffd9;--glass-border:#f59e0b33;--glass-shadow:0 8px 32px 0 #f59e0b1a}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-primary);color:var(--text-primary);background:var(--bg-primary);min-height:100dvh;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 20% 0,#3b82f626,#0000 50%),radial-gradient(at 80% 0,#f59e0b1a,#0000 50%);transition:opacity .5s;position:fixed;inset:0}[data-theme=light] body:before{background:radial-gradient(at 10% 10%,#3b82f614,#0000 60%),radial-gradient(at 90% 20%,#f59e0b14,#0000 60%),radial-gradient(circle at 50% 100%,#8b5cf60d,#0000 50%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}p{color:var(--text-secondary)}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem}.glass-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px var(--shadow-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}[data-theme=dark] .glass-card{background:var(--glass-bg);border:1px solid var(--glass-border)}.surface-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.surface-card:hover{background:var(--bg-surface-hover);box-shadow:0 10px 30px -10px var(--shadow-color);transform:translateY(-2px)}.text-center{text-align:center}.text-gradient{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.hidden{display:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:var(--radius-full);opacity:.5}::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}::selection{color:var(--text-primary);background:#3b82f64d}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}