:root{--bg: #EEF2F8;--card: #FFFFFF;--card-2: #F8FAFC;--border: #E6EAF2;--text: #0F172A;--text-2: #334155;--muted: #64748B;--faint: #94A3B8;--primary: #2F6BFF;--primary-2: #1E4FD8;--primary-soft: #EAF1FF;--teal: #14B8A6;--brand: #2A8F9B;--green: #16A34A;--green-soft: #E7F7EE;--amber: #D97706;--amber-soft: #FEF3E2;--red: #E11D48;--red-soft: #FDECEF;--violet: #7C3AED;--violet-soft: #F1EBFE;--shadow: 0 10px 30px -12px rgba(15, 23, 42, .18), 0 2px 6px -2px rgba(15, 23, 42, .06);--shadow-lg: 0 24px 60px -20px rgba(15, 23, 42, .28);--radius: 18px;--radius-sm: 12px;--font: Inter, "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--display: "Space Grotesk", Inter, sans-serif;--kids: Nunito, "Baloo 2", Inter, sans-serif;color-scheme:light}[data-theme=dark]{--bg: #0B1224;--card: rgba(17, 25, 45, .86);--card-2: rgba(30, 41, 66, .7);--border: rgba(255, 255, 255, .09);--text: #E8ECF7;--text-2: #CBD5E1;--muted: #8A93B2;--faint: #64748B;--primary: #5B8CFF;--primary-2: #7AA2FF;--primary-soft: rgba(91, 140, 255, .15);--green-soft: rgba(61, 220, 151, .14);--amber-soft: rgba(255, 181, 71, .14);--red-soft: rgba(255, 92, 122, .14);--violet-soft: rgba(167, 139, 250, .15);--shadow: 0 10px 30px -12px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, .7);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}button{font:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0}.num{font-family:var(--display);font-variant-numeric:tabular-nums}.mono{font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.sp{justify-content:space-between}@media(max-width:760px){.hide-sm{display:none!important}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.card.pad{padding:18px}.card h3{font-size:15px;font-weight:700}.section-title{font-size:12px;font-weight:700;color:var(--text-2);margin:14px 0 8px;display:flex;justify-content:space-between;align-items:center}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--card-2);color:var(--text-2);border:1px solid var(--border)}.pill.green{background:var(--green-soft);color:var(--green);border-color:transparent}.pill.amber{background:var(--amber-soft);color:var(--amber);border-color:transparent}.pill.red{background:var(--red-soft);color:var(--red);border-color:transparent}.pill.blue{background:var(--primary-soft);color:var(--primary);border-color:transparent}.pill.violet{background:var(--violet-soft);color:var(--violet);border-color:transparent}.pill.gold{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:transparent}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:currentColor}.live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e99;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 16px;border-radius:11px;border:1px solid var(--border);background:var(--card);color:var(--text);font-weight:600;cursor:pointer;transition:transform .12s,box-shadow .2s,background .2s;white-space:nowrap}.btn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn.primary{background:linear-gradient(180deg,#3b76ff,#2f6bff);color:#fff;border-color:transparent;box-shadow:0 8px 20px -8px #2f6bffb3}.btn.dark{background:#0f172a;color:#fff;border-color:transparent}.btn.ghost{background:transparent;border-color:transparent}.btn.danger{color:var(--red)}.btn.sm{height:30px;padding:0 11px;font-size:12.5px;border-radius:9px}.btn.lg{height:48px;padding:0 22px;font-size:15px;border-radius:13px}.btn.icon{width:38px;padding:0}.btn.sm.icon{width:30px}.input,select.input,textarea.input{width:100%;height:40px;padding:0 12px;border-radius:11px;border:1px solid var(--border);background:var(--card);color:var(--text);font:inherit;outline:none;transition:border .15s,box-shadow .15s}textarea.input{height:auto;padding:10px 12px;resize:vertical}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}label.field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--text-2)}label.field small{font-weight:400;color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:760px){.grid2,.grid3{grid-template-columns:1fr}}.switch{position:relative;width:38px;height:22px;border-radius:999px;background:#cbd5e1;border:none;cursor:pointer;transition:background .2s;flex:0 0 auto}.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000040}.switch.on{background:var(--primary)}.switch.on:after{transform:translate(16px)}.seg{display:inline-flex;background:var(--card-2);border:1px solid var(--border);border-radius:11px;padding:3px;gap:2px}.seg button{border:none;background:transparent;padding:6px 12px;border-radius:8px;font-weight:600;font-size:12.5px;color:var(--muted);cursor:pointer}.seg button.on{background:var(--card);color:var(--text);box-shadow:0 1px 4px #0f172a1a}.table-wrap{overflow:auto;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card)}table.t{width:100%;border-collapse:collapse;font-size:13px}table.t th{text-align:left;font-weight:600;color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;background:var(--card-2);position:sticky;top:0;z-index:1;border-bottom:1px solid var(--border)}table.t td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}table.t tr:last-child td{border-bottom:none}table.t tr.click{cursor:pointer}table.t tr.click:hover td{background:var(--primary-soft)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px;flex:0 0 auto}.bar{height:6px;border-radius:99px;background:var(--card-2);overflow:hidden}.bar>i{display:block;height:100%;border-radius:99px;background:var(--primary);transition:width .6s}.bar.green>i{background:#22c55e}.bar.amber>i{background:#f59e0b}.bar.red>i{background:#ef4444}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--text);font-size:15px;margin-bottom:4px}.skeleton{background:linear-gradient(90deg,var(--card-2) 25%,var(--border) 37%,var(--card-2) 63%);background-size:400% 100%;animation:sk 1.4s ease infinite;border-radius:8px}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.scene-bg{position:fixed;inset:0;z-index:0}.scene-bg canvas{touch-action:none}.shell{position:relative;z-index:1;height:100%;pointer-events:none}.shell>*{pointer-events:auto}.topbar{position:fixed;top:0;left:0;right:0;height:72px;display:flex;align-items:center;gap:16px;padding:0 22px;background:#ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:30}[data-theme=dark] .topbar{background:#0b1224d1}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:21px;color:var(--text);white-space:nowrap}.brand small{font-family:var(--font);font-size:10px;font-weight:700;color:var(--brand);background:#2a8f9b1f;padding:2px 6px;border-radius:6px;letter-spacing:.06em}.search{flex:1;max-width:560px;position:relative}.search .input{height:44px;padding-left:42px;border-radius:14px;background:var(--card)}.search svg.lead{position:absolute;left:14px;top:13px;color:var(--muted)}.search kbd,kbd{border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-size:11px;color:var(--muted);background:var(--card-2);font-family:var(--font)}.search kbd{position:absolute;right:12px;top:12px}.search-results{position:absolute;top:50px;left:0;right:0;max-height:420px;overflow:auto;padding:6px;z-index:40}.search-results button{display:flex;gap:10px;align-items:center;width:100%;padding:9px 10px;border:none;background:none;border-radius:10px;cursor:pointer;text-align:left;color:var(--text)}.search-results button:hover,.search-results button.on{background:var(--primary-soft)}.campus-chip{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:14px;border:1px solid var(--border);background:var(--card);cursor:pointer;min-width:0}.campus-chip .code{background:var(--primary);color:#fff;font-weight:700;font-size:11.5px;border-radius:9px;padding:7px 8px}.campus-chip b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.campus-chip span{font-size:11.5px;color:var(--muted);white-space:nowrap}.live-pill{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:12px;background:var(--green-soft);color:var(--green);font-weight:700;font-size:13px;white-space:nowrap}.user-chip{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 6px;border-radius:12px;border:none;background:none;color:var(--text);text-align:left}.user-chip:hover{background:var(--card-2)}.user-chip b{display:block;font-size:13.5px}.user-chip span{font-size:11.5px;color:var(--muted)}.menu{position:absolute;right:0;top:54px;min-width:240px;padding:6px;z-index:50}.menu button,.menu a{display:flex;width:100%;align-items:center;gap:10px;padding:9px 10px;border:none;background:none;border-radius:9px;cursor:pointer;text-align:left;color:var(--text);font-size:13.5px}.menu button:hover,.menu a:hover{background:var(--card-2)}.menu hr{border:none;border-top:1px solid var(--border);margin:5px 0}.dock{position:fixed;left:14px;top:88px;bottom:14px;width:64px;padding:8px 6px;display:flex;flex-direction:column;gap:4px;z-index:25;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.dock::-webkit-scrollbar{display:none}.dock a,.dock button{position:relative;display:grid;place-items:center;height:46px;border-radius:13px;color:var(--muted);border:none;background:none;cursor:pointer;transition:all .2s;flex:0 0 auto}.dock a:hover,.dock button:hover{background:var(--primary-soft);color:var(--primary);transform:scale(1.08)}.dock a.active{background:var(--primary);color:#fff;box-shadow:0 8px 18px -8px #2f6bffcc}.dock .lock{position:absolute;right:5px;top:5px;color:#d97706}.dock .tip{position:absolute;left:60px;background:#0f172a;color:#fff;padding:5px 9px;border-radius:7px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-4px);transition:all .15s;z-index:60}.dock a:hover .tip,.dock button:hover .tip{opacity:1;transform:none}.dock hr{border:none;border-top:1px solid var(--border);margin:4px 8px}.kpis{position:fixed;top:88px;left:92px;display:flex;gap:14px;z-index:20;flex-wrap:wrap;max-width:calc(100% - 520px)}.kpi{display:flex;gap:14px;align-items:center;padding:14px 18px;min-width:250px;cursor:grab}.kpi .ico{width:46px;height:46px;border-radius:13px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex:0 0 auto}.kpi .lbl{font-size:12.5px;color:var(--text-2);font-weight:600}.kpi .val{font-family:var(--display);font-size:26px;font-weight:700;line-height:1.1}.kpi .delta{font-size:12px;font-weight:700;color:var(--green);margin-left:8px}.kpi .delta.down{color:var(--red)}.kpi .sub{font-size:11.5px;color:var(--muted)}.rail{position:fixed;top:88px;right:466px;display:flex;flex-direction:column;padding:6px;gap:2px;z-index:20}.rail button{width:40px;height:40px;border:none;background:none;border-radius:10px;color:var(--text-2);cursor:pointer;display:grid;place-items:center}.rail button:hover,.rail button.on{background:var(--primary-soft);color:var(--primary)}.rail hr{border:none;border-top:1px solid var(--border);margin:3px 4px}.sel-panel{position:fixed;top:88px;right:14px;width:440px;max-height:calc(100% - 330px);overflow:auto;padding:18px;z-index:20}.sel-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}.sel-head .thumb{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#dbeafe,#eff6ff);display:grid;place-items:center;color:var(--primary);flex:0 0 auto}.sel-head .kicker{font-size:11px;font-weight:700;color:var(--primary);letter-spacing:.06em;text-transform:uppercase}.sel-head h2{font-size:20px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.tile{background:var(--card-2);border:1px solid var(--border);border-radius:13px;padding:12px}.tile .lbl{font-size:11.5px;color:var(--muted);font-weight:600}.tile .val{font-family:var(--display);font-size:19px;font-weight:700;margin:2px 0 8px}.tile .val small{font-size:12px;color:var(--muted);font-family:var(--font);font-weight:500}.list-row{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}.tracker{position:fixed;left:92px;bottom:14px;width:min(1000px,calc(100% - 590px));padding:16px 20px;display:flex;gap:18px;z-index:20}.stepper{display:flex;align-items:flex-start;flex:1;min-width:0}.step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;min-width:0}.step .ball{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--card-2);color:var(--faint);border:1px solid var(--border);z-index:1;transition:all .3s}.step.done .ball{background:var(--primary);color:#fff;border-color:transparent}.step.now .ball{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 0 0 6px var(--primary-soft);transform:scale(1.12)}.step:before{content:"";position:absolute;top:20px;left:-50%;right:50%;height:3px;background:var(--border)}.step:first-child:before{display:none}.step.done:before,.step.now:before{background:var(--primary)}.step b{font-size:12.5px;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.step span{font-size:11px;color:var(--muted)}.job-card{display:flex;gap:14px;align-items:center;padding:12px 16px;border-radius:14px;background:var(--card-2);border:1px solid var(--border);min-width:300px;cursor:pointer}.status-panel{position:fixed;right:14px;bottom:14px;width:560px;max-width:calc(100% - 28px);padding:14px 16px;z-index:20}.tabs{display:flex;gap:4px;background:var(--card-2);padding:3px;border-radius:12px;border:1px solid var(--border)}.tabs button{border:none;background:none;padding:7px 12px;border-radius:9px;font-weight:600;color:var(--muted);cursor:pointer;font-size:13px}.tabs button.on{background:var(--card);color:var(--text);box-shadow:0 1px 4px #0f172a1a}.tabs button em{font-style:normal;color:var(--primary);margin-left:4px}.widget-float{position:fixed;z-index:19;padding:14px 16px;width:320px}.drag-handle{cursor:grab}.dragging{cursor:grabbing!important;opacity:.92;box-shadow:var(--shadow-lg)!important;transform:rotate(-1deg) scale(1.02)}.page{position:fixed;inset:86px 14px 14px 92px;overflow:auto;z-index:15;padding:0 2px 20px}.page-head{display:flex;align-items:center;gap:14px;margin:4px 0 16px;flex-wrap:wrap}.page-head h1{font-size:24px}.page-head .sub{color:var(--muted);font-size:13px}.page-head .actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.page-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.span-3{grid-column:span 3}@media(max-width:1100px){.span-8,.span-6,.span-4{grid-column:span 12}.span-3{grid-column:span 6}}.stat{padding:16px}.stat .lbl{font-size:12px;color:var(--muted);font-weight:600}.stat .val{font-family:var(--display);font-size:26px;font-weight:700;margin-top:4px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar .input{height:36px;width:auto;min-width:160px}@media(max-width:1200px){.kpis{max-width:calc(100% - 120px)}.sel-panel{top:auto;bottom:14px;width:min(440px,calc(100% - 28px));max-height:46vh}.rail{right:14px;top:200px}.tracker,.status-panel{display:none}}@media(max-width:760px){.topbar{padding:0 12px;gap:8px;height:62px}.dock{inset:auto 0 0;width:auto;height:66px;flex-direction:row;border-radius:18px 18px 0 0;padding:8px;overflow-x:auto}.dock a,.dock button{width:50px}.dock .tip{display:none}.kpis{left:12px;top:74px;gap:8px}.kpi{min-width:0;flex:1 1 140px;padding:10px 12px}.kpi .ico{display:none}.kpi .val{font-size:20px}.page{inset:72px 12px 76px}.sel-panel{bottom:80px}}.backdrop{position:fixed;inset:0;background:#0f172a61;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;padding:16px;animation:fade .2s}.modal{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px;animation:rise .25s cubic-bezier(.2,.9,.3,1.2)}.modal.wide{width:min(880px,100%)}.modal h2{font-size:20px;margin-bottom:4px}.modal .foot{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px) scale(.98)}}.toasts{position:fixed;top:84px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{padding:10px 16px;border-radius:12px;background:#0f172a;color:#fff;font-weight:600;font-size:13px;box-shadow:var(--shadow-lg);animation:rise .25s;display:flex;gap:8px;align-items:center;max-width:92vw}.toast.error{background:#be123c}.toast.success{background:#15803d}.holo-label{background:#fffffff0;border:1px solid var(--border);border-radius:12px;padding:7px 12px;box-shadow:var(--shadow);white-space:nowrap;font-family:var(--font);display:flex;flex-direction:column;align-items:center}.holo-label b{font-size:12px;color:var(--primary);letter-spacing:.04em}.holo-label span{font-size:13px;font-weight:600;color:#0f172a}.holo-label em{font-style:normal;font-size:11px;color:#d97706;font-weight:700}.room-chip{background:#fffffff2;border-radius:10px;padding:4px 9px;font-family:var(--font);font-size:12px;white-space:nowrap;box-shadow:0 4px 12px -4px #0f172a4d;display:flex;gap:6px;align-items:center;border:1px solid #E2E8F0}.room-chip b{color:#0f172a}.room-chip span{font-weight:800}.room-chip.sel{outline:2px solid #2F6BFF}.upgrade-hero{width:96px;height:96px;margin:0 auto 6px}.feature-list{display:grid;gap:8px;margin:14px 0}.feature-list div{display:flex;gap:8px;align-items:center;font-size:13.5px}.ai-orb{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;z-index:60;background:radial-gradient(circle at 30% 30%,#a5f3fc,#2f6bff 55%,#6d28d9);box-shadow:0 10px 30px -8px #2f6bffcc,inset 0 0 18px #ffffff80;animation:orb 4s ease-in-out infinite;color:#fff;display:grid;place-items:center}@keyframes orb{50%{transform:translateY(-4px) scale(1.04);filter:hue-rotate(20deg)}}.ai-panel{position:fixed;right:22px;bottom:92px;width:min(440px,calc(100vw - 32px));height:min(620px,calc(100vh - 120px));display:flex;flex-direction:column;z-index:61;overflow:hidden;animation:rise .25s}.ai-msgs{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.msg{max-width:88%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.5;white-space:pre-wrap}.msg.user{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.msg.ai{align-self:flex-start;background:var(--card-2);border:1px solid var(--border);border-bottom-left-radius:4px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:6px 11px;font-size:12px;cursor:pointer;color:var(--text-2)}.chip:hover{border-color:var(--primary);color:var(--primary)}.action-card{border:1px dashed var(--primary);background:var(--primary-soft);border-radius:12px;padding:10px 12px;font-size:13px}.mini-table{width:100%;font-size:12px;border-collapse:collapse;margin-top:6px}.mini-table td,.mini-table th{padding:4px 6px;border-bottom:1px solid var(--border);text-align:left}.palette{width:min(640px,100%);padding:8px;align-self:start;margin-top:12vh}.palette .input{height:50px;font-size:16px;border:none;box-shadow:none}.palette-list{max-height:420px;overflow:auto}.palette-list button{display:flex;width:100%;gap:12px;align-items:center;padding:10px 12px;border:none;background:none;border-radius:10px;text-align:left;cursor:pointer;color:var(--text)}.palette-list button.on{background:var(--primary-soft)}.palette-list small{color:var(--muted);margin-left:auto}.auth{min-height:100%;display:grid;grid-template-columns:1.1fr 1fr}.auth .art{position:relative;overflow:hidden}.auth .art canvas{position:absolute!important;inset:0}.auth .art .caption{position:absolute;left:40px;bottom:40px;right:40px;z-index:2}.auth .form-side{display:grid;place-items:center;padding:32px 20px;background:var(--card)}.auth form{width:min(400px,100%);display:flex;flex-direction:column;gap:14px}.auth h1{font-size:30px}@media(max-width:900px){.auth{grid-template-columns:1fr}.auth .art{height:260px}}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.strength{height:5px;border-radius:9px;background:var(--card-2);overflow:hidden}.strength i{display:block;height:100%;transition:width .3s,background .3s}.landing{min-height:100%;background:var(--bg)}.landing nav.top{position:fixed;top:0;left:0;right:0;height:70px;display:flex;align-items:center;gap:24px;padding:0 clamp(16px,4vw,48px);z-index:30;background:#eef2f8b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(15,23,42,.05)}.landing nav.top a.link{color:var(--text-2);font-weight:600;font-size:14px}.hero{position:relative;height:100vh;min-height:640px;overflow:hidden}.hero canvas{position:absolute!important;inset:0}.hero .copy{position:absolute;left:clamp(16px,5vw,72px);top:50%;transform:translateY(-50%);max-width:560px;z-index:2}.hero h1{font-family:var(--display);font-size:clamp(38px,5.4vw,66px);line-height:1.02;letter-spacing:-.035em}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#2f6bff,#14b8a6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:18px;color:var(--text-2);line-height:1.6;margin:18px 0 26px}.hero .float-card{position:absolute;z-index:2;padding:12px 16px;animation:floaty 6s ease-in-out infinite}@keyframes floaty{50%{transform:translateY(-10px)}}.lsection{padding:90px clamp(16px,5vw,72px);max-width:1240px;margin:0 auto}.lsection h2{font-family:var(--display);font-size:clamp(28px,3.4vw,42px);letter-spacing:-.03em}.lsection .lead{color:var(--muted);font-size:17px;max-width:680px;margin:10px 0 34px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.feature{padding:22px;transition:transform .25s,box-shadow .25s}.feature:hover{transform:translateY(-4px) rotateX(2deg);box-shadow:var(--shadow-lg)}.feature .ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:12px}.feature h3{font-size:17px;margin-bottom:6px}.feature p{color:var(--muted);margin:0;line-height:1.55}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;max-width:900px}.price{padding:28px;transition:transform .3s;transform-style:preserve-3d}.price.pro{background:linear-gradient(160deg,#0f172a,#1e3a8a);color:#fff;border:none}.price.pro .muted{color:#94a3b8}.price .amt{font-family:var(--display);font-size:44px;font-weight:700;margin:10px 0 4px}.price ul{list-style:none;padding:0;margin:18px 0 24px;display:grid;gap:9px}.price li{display:flex;gap:8px;align-items:flex-start}.compare td.y{color:var(--green);font-weight:700}.compare td.n{color:var(--faint)}footer.site{padding:40px clamp(16px,5vw,72px);border-top:1px solid var(--border);color:var(--muted);display:flex;gap:20px;flex-wrap:wrap;align-items:center}.builder-side{position:fixed;top:86px;left:92px;bottom:14px;width:290px;padding:14px;overflow:auto;z-index:20}.builder-props{position:fixed;top:86px;right:14px;width:320px;max-height:calc(100% - 100px);overflow:auto;padding:16px;z-index:20}.builder-bar{position:fixed;bottom:18px;left:50%;transform:translate(-50%);padding:8px;display:flex;gap:6px;z-index:20;align-items:center}.palette-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;border:1px solid var(--border);background:var(--card);cursor:grab;font-weight:600;font-size:13px}.palette-item:hover{border-color:var(--primary);background:var(--primary-soft)}.kiosk{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}@media(max-width:1000px){.kiosk{grid-template-columns:1fr}}.cam{position:relative;border-radius:18px;overflow:hidden;background:#0f172a;aspect-ratio:4 / 3}.cam video,.cam canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.cam .scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(47,107,255,.25) 50%,transparent 100%);background-size:100% 30%;background-repeat:no-repeat;animation:scan 2.2s linear infinite;pointer-events:none}@keyframes scan{0%{background-position:0 -30%}to{background-position:0 130%}}.cam .hud{position:absolute;left:14px;top:14px;right:14px;display:flex;justify-content:space-between;z-index:2}.match{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:13px;background:var(--green-soft);animation:rise .3s}.kids{font-family:var(--kids)}.kids .btn{font-family:var(--kids);font-weight:800;border-radius:16px}.kids .big{height:64px;font-size:20px;padding:0 28px}.kid-hud{position:fixed;top:14px;left:14px;right:14px;display:flex;gap:10px;align-items:center;z-index:20;pointer-events:none}.kid-hud>*{pointer-events:auto}.kid-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:18px;background:#fffffff2;box-shadow:var(--shadow);font-weight:900;font-size:17px;color:#0f172a}.joystick{position:fixed;left:26px;bottom:26px;width:130px;height:130px;border-radius:50%;background:#ffffff8c;border:3px solid rgba(255,255,255,.9);z-index:20;touch-action:none}.joystick i{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#2f6bff;box-shadow:0 6px 14px #2f6bff80}.quiz-card{width:min(620px,100%);padding:28px;font-family:var(--kids)}.quiz-card h2{font-size:26px;font-weight:900}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.answers button{min-height:70px;border-radius:18px;border:3px solid transparent;font-family:var(--kids);font-size:20px;font-weight:800;cursor:pointer;color:#fff;transition:transform .15s;box-shadow:0 6px #00000026}.answers button:hover{transform:translateY(-3px)}.answers button.right{outline:4px solid #22C55E}.answers button.wrong{opacity:.45}.picgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.picgrid button{aspect-ratio:1;border-radius:18px;border:3px solid var(--border);background:var(--card);font-size:38px;cursor:pointer}.picgrid button.on{border-color:var(--primary);background:var(--primary-soft);transform:scale(1.05)}.stars{font-size:44px;letter-spacing:6px}.confetti{position:fixed;inset:0;pointer-events:none;z-index:300}.help{display:grid;grid-template-columns:260px 1fr;gap:14px}@media(max-width:900px){.help{grid-template-columns:1fr}}.help nav a{display:block;padding:7px 10px;border-radius:9px;color:var(--text-2);font-size:13.5px}.help nav a:hover{background:var(--card-2)}.help section{padding:22px;margin-bottom:14px}.help section h2{font-size:20px;margin-bottom:8px;display:flex;gap:10px;align-items:center}.help section p,.help section li{color:var(--text-2);line-height:1.65}.help mark{background:#fef08a;border-radius:3px}