:root{
  --grad1:#feda75;--grad2:#d62976;--grad3:#962fbf;--grad4:#4f5bd5;
  --accent:#d62976;--accent2:#22c55e;--warn:#f59e0b;--danger:#ef4444;
  --bg:#f5f0ff;
  --glass:rgba(255,255,255,0.78);--glass-border:rgba(255,255,255,0.65);
  --panel:rgba(255,255,255,0.92);--panel2:rgba(241,243,250,0.94);
  --txt:#1a1a2e;--muted:#6b7280;--border:rgba(210,210,235,0.75);
  --radius:16px;--shadow:0 4px 24px rgba(0,0,0,0.07);--nav-h:72px;
  --touch:44px;--sp:16px;
  --ws-color:#f59e0b;
}
[data-mode="dunkel"]{
  --bg:#0d0f1a;--glass:rgba(20,23,38,0.92);--glass-border:rgba(255,255,255,0.09);
  --panel:rgba(22,25,42,0.95);--panel2:rgba(30,34,54,0.95);
  --txt:#eeeef8;--muted:#9099b8;--border:rgba(55,62,98,0.85);
  --shadow:0 4px 24px rgba(0,0,0,0.3);
}
@media(prefers-color-scheme:dark){
  :root:not([data-mode="hell"]){
    --bg:#0d0f1a;--glass:rgba(18,21,35,0.88);--glass-border:rgba(255,255,255,0.07);
    --panel:rgba(20,23,38,0.92);--panel2:rgba(28,32,50,0.92);
    --txt:#e8e8f8;--muted:#8890b0;--border:rgba(50,56,90,0.8);
  }
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--txt);line-height:1.5;-webkit-tap-highlight-color:transparent;transition:background .3s,color .3s}
.grad{background:linear-gradient(45deg,var(--grad1),var(--grad2),var(--grad3),var(--grad4))}
.grad-txt{background:linear-gradient(45deg,var(--grad2),var(--grad3),var(--grad4));-webkit-background-clip:text;background-clip:text;color:transparent}
button{cursor:pointer;font-family:'Inter',inherit;font-size:14px;border:none;border-radius:12px;padding:11px 18px;min-height:var(--touch);background:var(--accent);color:#fff;font-weight:600;transition:transform .12s,filter .15s,box-shadow .15s;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}
button:hover{filter:brightness(1.07)}button:active{transform:scale(.95)}
button.grad{color:#fff;box-shadow:0 4px 20px rgba(214,41,118,.25)}
button.grad:hover{box-shadow:0 6px 28px rgba(214,41,118,.4)}
button.ghost{background:var(--panel2);color:var(--txt);border:1px solid var(--border)}
button.ghost:hover{background:var(--panel);border-color:var(--accent)}
button.ok{background:var(--accent2);color:#fff;box-shadow:0 3px 12px rgba(34,197,94,.2)}
button.danger{background:var(--danger);color:#fff;box-shadow:0 3px 12px rgba(239,68,68,.2)}
button.small{padding:7px 13px;font-size:12px;border-radius:9px;min-height:36px}
button.icon{background:transparent;color:var(--txt);padding:8px;border-radius:50%;min-height:40px;min-width:40px;display:inline-flex;align-items:center;justify-content:center}
.ripple{position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%) scale(0);animation:rippleAnim .6s ease-out forwards;pointer-events:none}
@keyframes rippleAnim{to{transform:translate(-50%,-50%) scale(4);opacity:0}}
input,select,textarea{font-family:'Inter',inherit;font-size:15px;background:var(--panel2);color:var(--txt);border:1.5px solid var(--border);border-radius:12px;padding:12px 14px;width:100%;outline:none;transition:border .15s,box-shadow .15s;min-height:var(--touch)}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(214,41,118,.1)}
textarea{resize:vertical;min-height:80px;min-height:unset}input[type=color]{padding:3px;height:44px;cursor:pointer}input[type=range]{min-height:24px}
label{font-size:12px;color:var(--muted);display:block;margin-bottom:6px;font-weight:700;letter-spacing:.02em}
.field{margin-bottom:var(--sp)}
.card{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:var(--sp);margin-bottom:var(--sp);box-shadow:var(--shadow);animation:pageIn .28s ease both}
.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:120px}
.el-result{background:var(--panel2);border-radius:12px;padding:14px;font-size:14px;font-weight:600;line-height:1.7}
h1{font-size:24px;margin-bottom:16px;font-weight:800;letter-spacing:-.02em}
h2{font-size:17px;margin-bottom:12px;font-weight:700}
h3{font-size:15px;font-weight:600;margin-bottom:8px}
.muted{color:var(--muted);font-size:13px;line-height:1.5}
.pill{display:inline-block;background:var(--panel2);border-radius:999px;padding:4px 12px;font-size:12px;margin:2px;font-weight:600;border:1px solid var(--border)}
.hidden{display:none!important}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}
th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.grid{display:grid;gap:13px}
.stat{background:var(--panel2);border-radius:14px;padding:14px;text-align:center;border:1px solid var(--border)}
.stat .big{font-size:26px;font-weight:800}
.empty{color:var(--muted);text-align:center;padding:40px 20px;font-size:14px}
.photos{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.photos img{width:88px;height:88px;object-fit:cover;border-radius:11px;border:1px solid var(--border);cursor:pointer;transition:transform .15s}
.photos img:hover{transform:scale(1.05)}
.tabs{display:flex;gap:7px;margin-bottom:15px;flex-wrap:wrap}
.tabs button{background:var(--panel2);color:var(--txt);border:1px solid var(--border)}.tabs button.active{color:#fff;border-color:transparent}
@keyframes pageIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@keyframes blobFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}
@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}
@keyframes waterRise{0%{transform:translateY(100%)}100%{transform:translateY(0%)}}
@keyframes flipIn{0%{transform:rotateY(90deg);opacity:0}100%{transform:rotateY(0deg);opacity:1}}
@keyframes flipOut{0%{transform:rotateY(0deg);opacity:1}100%{transform:rotateY(-90deg);opacity:0}}
@keyframes slideInRight{from{transform:translateX(30px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes countUp{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
.view-border-top{position:relative}.view-border-top::before{content:'';position:fixed;top:0;left:0;right:0;height:4px;z-index:200;transition:background .3s}
.flip-card{perspective:600px;cursor:pointer}.flip-card-inner{transition:transform .5s;transform-style:preserve-3d;position:relative}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg);position:absolute;inset:0}
.water-container{position:relative;overflow:hidden;border-radius:12px;height:18px;background:var(--panel2)}.water-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#38bdf8,#0284c7);transition:height .8s cubic-bezier(.4,0,.2,1)}.water-fill::after{content:'';position:absolute;top:-6px;left:-20%;width:140%;height:12px;background:rgba(255,255,255,.3);border-radius:50%;animation:waterWave 2s linear infinite}
@keyframes waterWave{0%{transform:translateX(-20%)}100%{transform:translateX(20%)}}
.confetti-piece{position:fixed;top:0;width:10px;height:10px;border-radius:2px;z-index:9999;pointer-events:none;animation:confetti-fall 2.5s ease-in forwards}
#splash{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:500;transition:opacity .5s}
.progress-bar{height:8px;background:var(--panel2);border-radius:999px;overflow:hidden;margin:8px 0}
.progress-bar .fill{height:100%;border-radius:999px;background:var(--accent2);transition:width .5s}
.mini-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;font-size:10px}
.mini-cal .mc-day{text-align:center;padding:3px 1px;border-radius:5px;cursor:pointer;transition:.1s}
.mini-cal .mc-day:hover{background:var(--panel2)}
.mini-cal .mc-today{background:var(--accent);color:#fff;border-radius:5px}
.mini-cal .mc-has{font-weight:800;color:var(--accent)}
.drag-over{box-shadow:0 0 0 2px var(--accent) inset;background:var(--panel2)!important}
header{background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);padding:10px 16px;display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:30;min-height:56px}
header .brand{font-weight:800;font-size:19px;letter-spacing:-.02em}
.spacer{flex:1}
.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:transform .15s}.avatar:hover{transform:scale(1.08)}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:50;display:flex;justify-content:flex-end;animation:fade .2s ease both}
@keyframes fade{from{opacity:0}to{opacity:1}}
.sheet{background:var(--panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:300px;max-width:85vw;height:100%;padding:22px;overflow:auto;animation:slideIn .28s cubic-bezier(.2,.8,.2,1) both;box-shadow:-8px 0 30px rgba(0,0,0,.15)}
@keyframes slideIn{from{transform:translateX(100%)}to{transform:none}}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:none}}
@keyframes slideDown{from{transform:translateY(0)}to{transform:translateY(100%)}}
.bottom-sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:150;animation:fade .2s both}
.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--panel);border-radius:24px 24px 0 0;padding:8px 20px 32px;z-index:151;animation:slideUp .3s cubic-bezier(.2,.8,.2,1) both;max-height:85vh;overflow-y:auto}
.bottom-sheet-handle{width:40px;height:4px;background:var(--border);border-radius:99px;margin:8px auto 16px}
/* section animation removed - caused blank screen */
.menu-item{display:flex;align-items:center;gap:13px;padding:13px;border-radius:13px;cursor:pointer;transition:background .15s;font-weight:600}.menu-item:hover{background:var(--panel2)}.menu-item .ico{font-size:21px}
#wsBadge{display:none!important;align-items:center;gap:7px;background:var(--ws-color);color:#fff;border:none;border-radius:999px;padding:7px 14px 7px 11px;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.12);transition:transform .12s,filter .15s;min-height:38px}
#wsBadge:active{transform:scale(.95)}
#wsBadge span:first-child{font-size:17px}
main{max-width:680px;margin:0 auto;padding:14px 16px;padding-bottom:calc(var(--nav-h) + 20px)}
@media(max-width:400px){main{padding:10px 12px}}
.stat{background:var(--panel2);border-radius:14px;padding:14px 12px;text-align:center;border:1px solid var(--border);transition:transform .12s}
.stat:active{transform:scale(.97)}
.stat .big{font-size:24px;font-weight:800;line-height:1.2}
.progress-bar{background:var(--panel2);border-radius:999px;height:10px;overflow:hidden;border:1px solid var(--border)}
.progress-bar .fill{height:100%;background:var(--accent);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}
#gate{--gate-bg:#09090b;--gate-panel:#111114;--gate-panel-2:#17171b;--gate-line:rgba(237,228,207,.13);--gate-text:#f1ede4;--gate-muted:#9c9a94;--gate-gold:#b99b5b;position:fixed;inset:0;z-index:100;display:flex;overflow:auto;padding:clamp(18px,3vw,48px);background:var(--gate-bg);color:var(--gate-text);isolation:isolate}
#gate::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(112deg,#09090b 0 52%,#0e0e11 52% 100%)}
#gate::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 3px 4px)}
.gate-grid{position:absolute;inset:0 0 0 50%;z-index:-1;opacity:.35;background-image:linear-gradient(var(--gate-line) 1px,transparent 1px),linear-gradient(90deg,var(--gate-line) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 38%,#000)}
.gate-shell{width:min(1180px,100%);max-width:none;min-height:min(760px,calc(100vh - clamp(36px,6vw,96px)));margin:auto;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:stretch;border:1px solid var(--gate-line);background:rgba(11,11,13,.78);box-shadow:0 40px 100px rgba(0,0,0,.46);animation:gateReveal .7s cubic-bezier(.2,.8,.2,1) both}
.gate-intro{min-height:620px;padding:clamp(32px,5vw,72px);display:flex;flex-direction:column;position:relative;overflow:hidden;border-right:1px solid var(--gate-line)}
.gate-intro::before{content:"";position:absolute;width:360px;height:360px;right:-185px;top:50%;border:1px solid rgba(185,155,91,.3);border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 64px rgba(185,155,91,.025),0 0 0 128px rgba(185,155,91,.018)}
.gate-intro::after{content:"";position:absolute;left:0;top:0;width:3px;height:32%;background:var(--gate-gold);animation:gateScan 4.8s ease-in-out infinite}
.gate-brand{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:800;letter-spacing:.16em;color:#d7d1c5}
.gate-brand-mark{width:46px;height:32px;display:grid;place-items:center;border:1px solid var(--gate-gold);color:#e8d6a9;font-size:11px;letter-spacing:.08em}
.gate-intro-copy{margin:auto 0;max-width:580px;position:relative;z-index:1}
.gate-kicker,.gate-eyebrow{color:var(--gate-gold);font-size:10px;font-weight:800;letter-spacing:.2em;margin-bottom:18px}
.gate-intro h1{font-size:clamp(42px,5.2vw,74px);line-height:1.02;font-weight:600;letter-spacing:0;margin:0 0 28px;color:var(--gate-text)}
.gate-intro-copy>p:last-child{max-width:500px;color:var(--gate-muted);font-size:15px;line-height:1.75}
.gate-signals{display:flex;flex-wrap:wrap;gap:10px 24px;color:#aaa69e;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.gate-signals span{display:flex;align-items:center;gap:8px}
.gate-signals i{width:5px;height:5px;background:var(--gate-gold);box-shadow:0 0 10px rgba(185,155,91,.65)}
.gate-build{margin-top:22px;color:#5e5d5a;font-size:9px;font-weight:700;letter-spacing:.18em}
#gate .gate-card{width:100%;max-width:none;margin:0;padding:clamp(26px,4vw,52px);border:0;border-radius:0;background:rgba(17,17,20,.92);box-shadow:none;backdrop-filter:blur(16px);animation:none;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.gate-card-status{display:flex;align-items:center;gap:8px;margin-bottom:clamp(34px,5vh,64px);padding-bottom:14px;border-bottom:1px solid var(--gate-line);color:#8e8b84;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.gate-card-status strong{margin-left:auto;color:#686763;font-size:9px}
.gate-status-dot{width:6px;height:6px;border-radius:50%;background:#71a77b;box-shadow:0 0 10px rgba(113,167,123,.55);animation:statusPulse 2.4s ease-in-out infinite}
.gate-card-head{margin-bottom:28px}
.gate-card-head .gate-eyebrow{margin-bottom:12px}
#gateTitle{margin:0 0 8px;font-size:28px;line-height:1.2;color:var(--gate-text);letter-spacing:0}
#gateHint{margin:0;color:var(--gate-muted);font-size:13px}
#gate .field{margin-bottom:16px}
#gate label{color:#9a978f;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
#gate input{height:48px;min-height:48px;border:1px solid #303036;border-radius:4px;background:#0c0c0f;color:var(--gate-text);padding:0 14px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}
#gate input::placeholder{color:#55545a}
#gate input:hover{border-color:#45444a}
#gate input:focus{border-color:var(--gate-gold);background:#101013;box-shadow:0 0 0 3px rgba(185,155,91,.1)}
.gate-password{position:relative}
.gate-password input{padding-right:82px!important}
#gate .gate-password-toggle{position:absolute;right:5px;top:5px;min-width:66px;min-height:38px;padding:0 8px;border-radius:3px;background:#1a1a1e;color:#bdb8ae;border:0;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
#gate .gate-password-toggle:hover{background:#222227;color:#eee8db;filter:none}
.gate-strength{margin:-5px 0 15px}
.gate-strength-track{height:3px;background:#28282d}
#pwStrengthFill{height:100%;width:0;transition:width .3s,background .3s}
#pwStrengthTxt{font-size:10px;margin-top:5px;color:var(--gate-muted)}
#gate .gate-primary{width:100%;height:50px;min-height:50px;margin-top:3px;padding:0 16px;border:1px solid #d3bd89;border-radius:4px;background:#c8ab6a;color:#111014;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;letter-spacing:.03em;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:background .18s,transform .18s,box-shadow .18s}
#gate .gate-primary:hover{background:#dcc58e;filter:none;box-shadow:0 12px 34px rgba(185,155,91,.16)}
#gate .gate-primary:disabled{opacity:.55;cursor:wait}
#gateErr{min-height:20px;margin:9px 0 0;color:var(--danger);font-size:12px;line-height:1.5;text-align:left}
.gate-secondary-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:3px}
#gate .gate-text-button{min-height:32px;padding:3px 0;border-radius:0;background:transparent;color:#8e8b84;font-size:10px;font-weight:600;text-decoration:none}
#gate .gate-text-button:hover{color:#e1dbcf;filter:none}
.gate-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#5d5c59;font-size:8px;letter-spacing:.16em}
.gate-divider::before,.gate-divider::after{content:"";height:1px;flex:1;background:var(--gate-line)}
#gate .gate-offline{width:100%;min-height:58px;padding:9px 12px;border:1px solid #2d2d32;border-radius:4px;background:#151519;color:var(--gate-text);display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;text-align:left;box-shadow:none}
#gate .gate-offline:hover{border-color:#565047;background:#19191d;filter:none}
.gate-offline-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid #454249;color:var(--gate-gold);font-size:13px}
.gate-offline strong{display:block;font-size:11px;margin-bottom:2px}
.gate-offline small{display:block;color:#777570;font-size:9px;font-weight:500}
.gate-security{display:flex;align-items:flex-start;gap:10px;margin-top:22px;padding:14px 0;border-top:1px solid var(--gate-line);border-bottom:1px solid var(--gate-line);color:#76746f}
.gate-security>span{color:var(--gate-gold);font-size:9px;margin-top:2px}
.gate-security p{font-size:10px;line-height:1.55}
.gate-security strong{color:#aaa69e;font-weight:700}
.gate-languages{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:14px}
#gate .gate-languages button{min-height:34px!important;padding:4px!important;border-radius:3px!important;border:1px solid #2d2d32;background:#151519;color:#8f8c85;box-shadow:none;font-size:9px!important;line-height:1.15}
#gate .gate-languages button.grad{border-color:#776846;background:#221e17;color:#e0c98f}
#gate .gate-languages button:hover{border-color:#665a40;filter:none}
.red-splash{background:#09090b;color:#f1ede4;isolation:isolate}
.red-splash::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(185,155,91,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(185,155,91,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(transparent,#000 45%,transparent)}
.red-splash-orbit{width:112px;height:112px;border:1px solid rgba(185,155,91,.42);border-radius:50%;display:grid;place-items:center;position:relative;animation:splashOrbit 8s linear infinite}
.red-splash-orbit::before,.red-splash-orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(185,155,91,.14)}
.red-splash-orbit::before{inset:-18px}.red-splash-orbit::after{inset:15px}
.red-splash-orbit span{font-size:18px;font-weight:800;letter-spacing:.12em;color:#d5bd83;animation:splashOrbit 8s linear infinite reverse}
.red-splash-wordmark{margin-top:32px;font-size:23px;font-weight:700;letter-spacing:.16em}
.red-splash-caption{margin-top:9px;color:#8c8982;font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.red-splash-track{width:220px;height:2px;margin-top:30px;background:#27272b;overflow:hidden}
#splash_bar{height:100%;width:0;background:#c6aa6a;transition:width .5s cubic-bezier(.4,0,.2,1)}
.red-splash-meta{width:220px;margin-top:9px;display:flex;justify-content:space-between;color:#55545a;font-size:8px;letter-spacing:.15em}
@keyframes gateReveal{from{opacity:0;transform:translateY(18px) scale(.992)}to{opacity:1;transform:none}}
@keyframes gateScan{0%,100%{top:0;opacity:.45}50%{top:68%;opacity:1}}
@keyframes statusPulse{50%{opacity:.4;box-shadow:0 0 3px rgba(113,167,123,.2)}}
@keyframes splashOrbit{to{transform:rotate(360deg)}}
@media(max-width:840px){#gate{padding:0}.gate-shell{min-height:100vh;display:block;border:0}.gate-intro{min-height:auto;padding:24px;border-right:0;border-bottom:1px solid var(--gate-line)}.gate-intro-copy{margin:48px 0 32px}.gate-intro h1{font-size:clamp(36px,10vw,54px);margin-bottom:18px}.gate-signals,.gate-build,.gate-intro-copy>p:last-child{display:none}#gate .gate-card{padding:32px 24px 38px}.gate-card-status{margin-bottom:30px}}
@media(max-width:430px){.gate-intro{padding:20px}.gate-intro-copy{margin:34px 0 16px}.gate-intro h1{font-size:35px}.gate-brand{font-size:10px}.gate-brand-mark{width:42px;height:29px}.gate-card-status{margin-bottom:26px}#gate .gate-card{padding:26px 20px 32px}.gate-secondary-actions{align-items:flex-start;flex-direction:column;gap:0}.gate-languages{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.gate-shell,.gate-intro::after,.gate-status-dot,.red-splash-orbit,.red-splash-orbit span{animation:none!important}}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;animation:fade .2s}.lightbox img{max-width:100%;max-height:100%;border-radius:12px}
.calgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.calgrid .wd{text-align:center;font-size:11px;color:var(--muted);font-weight:700;padding:4px;text-transform:uppercase}
.cell{min-height:80px;background:var(--panel2);border-radius:12px;padding:6px;cursor:pointer;transition:transform .12s,box-shadow .15s;display:flex;flex-direction:column;gap:3px;overflow:hidden}
.cell:hover{box-shadow:0 0 0 2px var(--accent) inset;transform:translateY(-2px)}
.cell.other{opacity:.35}.cell.today .daynum{background:var(--accent);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center}
.cell .daynum{font-size:13px;font-weight:700}
.ev{font-size:10px;color:#fff;border-radius:6px;padding:2px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;cursor:pointer}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:120;display:flex;align-items:center;justify-content:center;padding:18px;animation:fade .2s}
.modal .card{max-width:480px;width:100%;margin:0;max-height:90vh;overflow:auto;animation:pop .3s ease both}
.week{display:grid;grid-template-columns:48px repeat(7,1fr);gap:0;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.week .hcol,.week .daycol{position:relative;border-left:1px solid var(--border)}
.week .hdr{text-align:center;font-size:11px;font-weight:700;padding:6px 2px;border-bottom:1px solid var(--border);background:var(--panel2)}
.week .hourlbl{font-size:10px;color:var(--muted);text-align:right;padding-right:4px;height:38px;border-bottom:1px solid var(--border)}
.week .slot{height:38px;border-bottom:1px solid var(--border)}
.wev{position:absolute;left:2px;right:2px;border-radius:6px;color:#fff;font-size:10px;padding:2px 4px;overflow:hidden;cursor:pointer;font-weight:600}
.banner{background:linear-gradient(45deg,var(--grad2),var(--grad4));color:#fff;border-radius:14px;padding:13px 16px;margin-bottom:15px;display:flex;align-items:center;gap:12px;animation:fadeUp .4s both}
.spgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
/* ===== TEMPUS-STYLE BAUSTELLE ===== */
.tps-summary{background:linear-gradient(135deg,#5b6ee0,#4f5bd5);color:#fff;border-radius:16px;padding:16px 18px;margin-bottom:14px;box-shadow:0 4px 20px rgba(79,91,213,.3)}
.tps-summary .row2{display:flex;flex-wrap:wrap;gap:16px 24px}
.tps-summary .item{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700}
.tps-summary .item .ic{font-size:18px;opacity:.9}
.tps-summary .item .sub{font-size:11px;opacity:.7;font-weight:500;display:block;margin-top:1px}
.tps-nav{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:8px 10px;margin-bottom:12px}
.tps-nav button{background:var(--panel2);border:1px solid var(--border);color:var(--txt);min-height:38px;padding:8px 12px;border-radius:10px}
.tps-day-hdr{background:#bfe3ee;border-radius:14px 14px 0 0;padding:14px;text-align:center}
[data-mode="dunkel"] .tps-day-hdr{background:#1e3a44}
.tps-timeline{display:flex;background:var(--panel);border:1px solid var(--border);border-radius:0 0 14px 14px;overflow:hidden}
.tps-hours{width:56px;flex-shrink:0;border-right:1px solid var(--border)}
.tps-hour{height:60px;font-size:12px;color:var(--muted);font-weight:600;padding:4px 6px;border-bottom:1px solid var(--border);position:relative}
.tps-track{flex:1;position:relative}
.tps-track .hline{position:absolute;left:0;right:0;height:1px;background:var(--border)}
.tps-ev{position:absolute;left:6px;right:6px;background:#fff;border:1.5px solid var(--accent);border-radius:10px;padding:8px 10px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;cursor:pointer;transition:transform .12s}
[data-mode="dunkel"] .tps-ev{background:var(--panel2)}
.tps-ev:active{transform:scale(.98)}
.tps-ev .site{font-weight:700;font-size:13px;margin-bottom:2px}
.tps-ev .meta{font-size:11px;color:var(--muted)}
.tps-now{position:absolute;left:0;right:0;height:2px;background:#ef4444;z-index:5}
.tps-now::before{content:'';position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:#ef4444}
.tps-mgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:6px}
.tps-mgrid .wd{text-align:center;font-size:11px;font-weight:700;color:var(--muted);padding:6px 0}
.tps-mcell{min-height:62px;border-radius:8px;padding:4px;background:var(--panel2);cursor:pointer;transition:.12s;display:flex;flex-direction:column;gap:2px}
.tps-mcell:active{transform:scale(.95)}
.tps-mcell.other{opacity:.35}
.tps-mcell.today{outline:2px solid var(--accent)}
.tps-mcell .dn{font-size:12px;font-weight:700}
.tps-mcell .badge{font-size:9px;background:var(--accent);color:#fff;border-radius:5px;padding:1px 4px;font-weight:700;text-align:center}
.tps-mcell.weekend{background:var(--bg)}
.spcell{background:var(--panel2);border-radius:10px;padding:7px;font-size:12px;min-height:54px;cursor:pointer;transition:.12s}.spcell:hover{box-shadow:0 0 0 2px var(--accent) inset}
/* ===== WORKSPACE NAV ===== */
#wsNav{display:none!important;position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);background:var(--glass);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-top:1px solid var(--glass-border);align-items:center;justify-content:space-around;padding:0 2px env(safe-area-inset-bottom,8px);z-index:40;box-shadow:0 -2px 20px rgba(0,0,0,0.06)}
#wsNav button{background:transparent;color:var(--muted);border:none;border-radius:14px;padding:6px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:44px;min-height:52px;transition:color .15s,transform .12s;position:relative;overflow:visible;flex:1}
#wsNav button.active{color:var(--ws-color)}
#wsNav button.active .ws-ico{transform:translateY(-2px)}
#wsNav button.active::after{content:'';position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:20px;height:3px;background:var(--ws-color);border-radius:99px;transition:background .3s}
#wsNav button:active{transform:scale(.9)}
.ws-ico{font-size:20px;line-height:1;transition:transform .15s}
.ws-lbl{font-size:10px;font-weight:700;letter-spacing:.01em;white-space:nowrap}
/* ===== SUB NAV ===== */
#subNav{display:flex;gap:8px;padding:10px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);position:sticky;top:56px;z-index:29;min-height:56px;align-items:center}
#subNav::-webkit-scrollbar{display:none}
#subNav:empty{display:none}
.subnav-btn{background:var(--panel2);color:var(--muted);border:1.5px solid var(--border);border-radius:99px;padding:7px 14px;font-size:12px;font-weight:700;white-space:nowrap;min-height:36px;display:inline-flex;align-items:center;gap:5px;transition:all .15s;flex-shrink:0;cursor:pointer}
.subnav-btn.active{background:var(--ws-color);color:#fff;border-color:var(--ws-color)}
#fab{display:none!important}
.fab-item{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.12);white-space:nowrap;transition:.15s}.fab-item:hover{background:var(--panel2)}
.finance-space{--bg:#010403;--panel:rgba(8,18,17,.9);--panel2:rgba(14,32,29,.88);--glass:rgba(8,18,17,.72);--glass-border:rgba(134,239,172,.13);--txt:#ecfdf5;--muted:#8fb8aa;--border:rgba(148,163,184,.16);--accent:#0f766e;--accent2:#34d399}
.finance-space #bgBlobs,.finance-space header,.finance-space #wsNav,.electric-space #bgBlobs,.electric-space header,.electric-space #wsNav,.learning-space #bgBlobs,.learning-space header,.learning-space #wsNav,.knowledge-space #bgBlobs,.knowledge-space header,.knowledge-space #wsNav{display:none!important}
.finance-space #fab{display:none!important}
.finance-space::before{content:"";position:fixed;inset:-20% 0 0;z-index:-3;background:radial-gradient(circle at 50% 16%,rgba(20,184,166,.22),transparent 34%),linear-gradient(180deg,#06110f 0%,#010403 54%,#010101 100%)}
.finance-space::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.18),rgba(0,0,0,.48));pointer-events:none}
#financeParticlesCanvas{display:none;position:fixed;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none}
.finance-space #financeParticlesCanvas{display:block}
#electricParticlesCanvas{display:none;position:fixed;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none}
.electric-space #electricParticlesCanvas{display:block}
.finance-space main{max-width:980px;padding:0 18px 104px}
.learning-space{--bg:#02040a;--panel:rgba(7,13,24,.92);--panel2:rgba(13,22,38,.9);--glass:rgba(5,10,20,.76);--glass-border:rgba(125,211,252,.16);--txt:#eef7ff;--muted:#91a8c4;--border:rgba(148,163,184,.16);--accent:#7dd3fc;--accent2:#a78bfa}
.learning-space::before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 72% 12%,rgba(125,211,252,.2),transparent 32%),radial-gradient(circle at 18% 76%,rgba(167,139,250,.16),transparent 34%),linear-gradient(180deg,#08101f,#02040a 58%,#000)}
.learning-space::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.2),rgba(2,4,10,.46)),repeating-linear-gradient(90deg,rgba(125,211,252,.035) 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,rgba(167,139,250,.026) 0 1px,transparent 1px 72px);pointer-events:none}
.learning-space main{max-width:1120px;padding:0 18px 104px}
.knowledge-space{--bg:#04030a;--panel:rgba(12,10,24,.92);--panel2:rgba(19,16,38,.9);--glass:rgba(10,8,22,.76);--glass-border:rgba(139,92,246,.17);--txt:#f5f3ff;--muted:#aaa1c8;--border:rgba(167,139,250,.16);--accent:#8b5cf6;--accent2:#22d3ee}
.knowledge-space::before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 72% 14%,rgba(139,92,246,.24),transparent 34%),radial-gradient(circle at 18% 82%,rgba(34,211,238,.12),transparent 32%),linear-gradient(180deg,#090617,#04030a 62%,#000)}
.knowledge-space::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(to top,rgba(0,0,0,.84),rgba(0,0,0,.16),rgba(4,3,10,.54)),repeating-linear-gradient(90deg,rgba(139,92,246,.035) 0 1px,transparent 1px 86px),repeating-linear-gradient(0deg,rgba(34,211,238,.025) 0 1px,transparent 1px 76px);pointer-events:none}
.knowledge-space main{max-width:1220px;padding:0 18px 104px}
.electric-space{--bg:#020609;--panel:rgba(6,16,22,.92);--panel2:rgba(9,27,36,.9);--glass:rgba(4,13,19,.78);--glass-border:rgba(34,211,238,.16);--txt:#ecfeff;--muted:#8bb7c1;--border:rgba(125,211,252,.16);--accent:#06b6d4;--accent2:#22c55e}
.electric-space::before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 70% 18%,rgba(34,211,238,.22),transparent 34%),radial-gradient(circle at 22% 80%,rgba(34,197,94,.14),transparent 30%),linear-gradient(180deg,#06131a,#020609 62%,#000)}
.electric-space::after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.12),rgba(2,6,9,.52));pointer-events:none}
.electric-space main{max-width:1080px;padding:0 18px 96px}
.finance-space #subNav{top:0;background:rgba(1,4,3,.62);border-bottom:1px solid rgba(52,211,153,.13);padding:18px 28px;justify-content:flex-start;backdrop-filter:blur(24px)}
.electric-space #subNav{top:0;background:rgba(2,6,9,.72);border-bottom:1px solid rgba(34,211,238,.16);padding:18px 28px;justify-content:flex-start;backdrop-filter:blur(24px)}
.learning-space #subNav{top:0;background:rgba(2,4,10,.68);border-bottom:1px solid rgba(125,211,252,.15);padding:18px 28px;justify-content:flex-start;backdrop-filter:blur(24px)}
.knowledge-space #subNav{top:0;background:rgba(6,4,15,.74);border-bottom:1px solid rgba(139,92,246,.18);padding:18px 28px;justify-content:flex-start;backdrop-filter:blur(24px)}
.finance-core-nav .subnav-btn{border-radius:8px;background:transparent;border-color:rgba(52,211,153,.18);color:#9fd0c1;text-transform:uppercase;letter-spacing:0;font-size:11px}
.finance-core-nav .subnav-btn.active{background:#0f766e;border-color:#0f766e;color:#fff}
.electric-core-nav .subnav-btn{border-radius:8px;background:transparent;border-color:rgba(34,211,238,.22);color:#b7edf5;text-transform:uppercase;letter-spacing:0;font-size:11px}
.electric-core-nav .subnav-btn.active{background:#06b6d4;border-color:#06b6d4;color:#021015}
.learning-core-nav .subnav-btn{border-radius:8px;background:transparent;border-color:rgba(125,211,252,.22);color:#cdeaff;text-transform:uppercase;letter-spacing:0;font-size:11px}
.learning-core-nav .subnav-btn.active{background:#7dd3fc;border-color:#7dd3fc;color:#020617}
.knowledge-core-nav .subnav-btn{border-radius:8px;background:transparent;border-color:rgba(139,92,246,.25);color:#ddd6fe;text-transform:uppercase;letter-spacing:0;font-size:11px}
.knowledge-core-nav .subnav-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}
#avatarBtn{position:fixed;right:18px;bottom:18px;z-index:46;width:58px;height:58px;min-width:58px;min-height:58px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.7);box-shadow:0 16px 40px rgba(0,0,0,.34);font-size:25px;overflow:hidden}
#avatarBtn img{width:100%!important;height:100%!important;border-radius:50%;object-fit:cover}
.finance-space #avatarBtn{bottom:18px}
.electric-space #avatarBtn{bottom:18px;border-color:rgba(34,211,238,.8)}
.learning-space #avatarBtn{bottom:18px;border-color:rgba(125,211,252,.82)}
.knowledge-space #avatarBtn{bottom:18px;border-color:rgba(139,92,246,.82)}
#spaceSwitcherFab{display:none!important}
.space-switcher-overlay{align-items:flex-end;justify-content:flex-end}
.space-switcher-sheet{height:auto;max-height:78vh;border-radius:22px 0 0 0;background:rgba(10,12,18,.86);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:-20px 0 60px rgba(0,0,0,.35)}
.space-switcher-title{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.08em;margin-bottom:12px}
.space-switcher-item{border:1px solid transparent;font-size:20px;padding:15px 13px}
.space-switcher-item.active{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12)}
.space-dot{font-size:14px;color:var(--ws-color)}
.space-current{font-size:10px;font-weight:800;color:var(--ws-color)}
.learning-hero{min-height:74vh;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:end;margin:0 -18px 28px;padding:17vh 22px 10vh;color:#fff}
.learning-kicker{color:#7dd3fc;font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}
.learning-hero h1,.learning-page h2{font-size:clamp(2.2rem,7vw,5rem);line-height:1.02;margin:0 0 14px;letter-spacing:0}
.learning-hero p,.learning-page p{color:#acc1dd;max-width:680px;font-size:15px;line-height:1.65}
.learning-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.learning-actions button{border-radius:8px;background:#7dd3fc;color:#020617;font-weight:900;border:0;box-shadow:0 18px 40px rgba(14,165,233,.18)}
.learning-actions button+button{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(125,211,252,.22)}
.learning-orbit-stage{height:360px;display:flex;align-items:center;justify-content:center;perspective:900px;position:relative}
.learning-ring{position:absolute;width:320px;height:320px;border:1px solid rgba(125,211,252,.22);border-radius:50%;box-shadow:0 0 50px rgba(125,211,252,.08);animation:learningSpin 14s linear infinite}
.learning-ring::after{content:"";position:absolute;right:28px;top:58px;width:10px;height:10px;border-radius:50%;background:#7dd3fc;box-shadow:0 0 24px #7dd3fc}
.learning-board{width:270px;height:320px;border-radius:18px;border:1px solid rgba(125,211,252,.34);background:linear-gradient(145deg,rgba(15,23,42,.92),rgba(3,7,18,.98));box-shadow:0 32px 80px rgba(0,0,0,.58),0 0 46px rgba(125,211,252,.14);position:relative;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-23deg);animation:learningFloat 5.5s ease-in-out infinite;overflow:hidden}
.learning-board::before{content:"";position:absolute;inset:18px;border:1px solid rgba(125,211,252,.18);border-radius:12px;background:repeating-linear-gradient(90deg,transparent 0 25px,rgba(125,211,252,.08) 26px 27px),repeating-linear-gradient(0deg,transparent 0 33px,rgba(167,139,250,.07) 34px 35px)}
.learning-board i{position:absolute;width:56px;height:36px;border-radius:8px;border:1px solid rgba(125,211,252,.46);background:rgba(8,15,30,.9);box-shadow:0 0 18px rgba(125,211,252,.16)}
.learning-board i:nth-child(1){left:32px;top:48px}.learning-board i:nth-child(2){right:34px;top:48px}.learning-board i:nth-child(3){left:32px;bottom:54px}.learning-board i:nth-child(4){right:34px;bottom:54px}
.lb-line{position:absolute;height:3px;border-radius:99px;background:linear-gradient(90deg,#7dd3fc,#a78bfa,#f8fafc);box-shadow:0 0 16px rgba(125,211,252,.8);animation:learningPulse 1.7s linear infinite}
.lb-line.l1{left:46px;right:46px;top:126px}.lb-line.l2{left:58px;right:58px;top:160px;animation-delay:.35s}.lb-line.l3{left:72px;right:72px;top:194px;animation-delay:.7s}.lb-line.l4{width:3px;height:128px;left:134px;top:90px;animation-delay:1s}
.learning-node{position:absolute;font-size:11px;font-weight:900;color:#020617;background:#7dd3fc;border-radius:6px;padding:5px 7px;box-shadow:0 0 18px rgba(125,211,252,.42)}
.learning-node.n1{left:28px;top:18px}.learning-node.n2{right:32px;top:18px}.learning-node.n3{left:112px;bottom:22px;background:#a78bfa;color:#fff}
.learning-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.learning-metric,.learning-panel,.learning-card,.learning-exam,.learning-tutor-box,.learning-grade-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 18px 50px rgba(0,0,0,.22);backdrop-filter:blur(20px)}
.learning-metric{padding:15px}
.learning-metric span,.learning-panel-head span{display:block;color:#8db6d6;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px}
.learning-metric strong{display:block;font-size:22px;color:#fff}.learning-metric small{display:block;color:#91a8c4;font-size:12px;margin-top:5px}
.learning-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.learning-panel{padding:16px}.learning-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.learning-panel-head strong{color:#fff}
.learning-goal,.learning-subject-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(148,163,184,.12);color:#dbeafe}
.learning-goal b{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(125,211,252,.12);color:#7dd3fc}
.learning-subject-row{justify-content:space-between}.learning-muted{color:#91a8c4;font-size:13px;line-height:1.5}
.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.learning-grid-wide{grid-template-columns:repeat(4,1fr);margin-top:18px;margin-bottom:18px}
.learning-card{padding:16px;text-align:left;color:#fff;cursor:pointer;transition:transform .18s,border-color .18s,background .18s}.learning-card:hover{transform:translateY(-3px) rotateX(2deg);border-color:rgba(125,211,252,.42);background:rgba(14,25,44,.86)}
.learning-card span,.learning-grade-card span{display:block;font-weight:900;font-size:16px;margin-bottom:8px}.learning-card p,.learning-grade-card p{font-size:13px;color:#aebfd8;margin:0 0 12px}.learning-card em{font-style:normal;color:#7dd3fc;font-size:12px;font-weight:800}
.learning-card-static{cursor:default}.learning-progress{height:5px;background:rgba(148,163,184,.14);border-radius:99px;overflow:hidden}.learning-progress i{display:block;height:100%;background:linear-gradient(90deg,#7dd3fc,#a78bfa);border-radius:99px}
.learning-page{padding:42px 0 20px}.learning-page h2{max-width:880px}.learning-exam{padding:18px;max-width:760px}.learning-exam h3{margin:8px 0 12px;color:#fff}
.learning-exam-option{display:block;width:100%;margin:8px 0;text-align:left;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(125,211,252,.16);color:#eef7ff}.learning-exam-option.correct{background:rgba(34,197,94,.22);border-color:#22c55e}.learning-exam-option.wrong{background:rgba(239,68,68,.18);border-color:#ef4444}
.learning-open-answer{display:grid;gap:8px;margin-top:14px;color:#91a8c4;font-weight:800;font-size:12px;text-transform:uppercase}.learning-open-answer textarea,.learning-tutor-box textarea{min-height:110px;border-radius:8px;background:rgba(2,6,23,.74);color:#fff;border:1px solid rgba(125,211,252,.18);padding:12px}
.learning-tutor-box{display:grid;gap:12px;max-width:780px;padding:18px}.learning-tutor-box button{background:#7dd3fc;color:#020617;border-radius:8px;font-weight:900}.learning-tutor-answer{display:grid;gap:7px;color:#b8c9df;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px}.learning-tutor-answer strong{color:#fff}
.learning-grade-card{padding:16px}.learning-grade-card strong{display:block;font-size:34px;color:#7dd3fc;margin-bottom:8px}
.learning-schema-tile{cursor:pointer}.learning-mini-schema{height:120px;border-radius:8px;border:1px solid rgba(125,211,252,.16);background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(125,211,252,.05) 25px 26px),repeating-linear-gradient(0deg,transparent 0 24px,rgba(125,211,252,.04) 25px 26px);position:relative;overflow:hidden;margin-bottom:12px}.learning-mini-schema i{position:absolute;width:42px;height:30px;border:1px solid #7dd3fc;border-radius:7px;background:rgba(125,211,252,.08)}.learning-mini-schema i:nth-child(1){left:24px;top:30px}.learning-mini-schema i:nth-child(2){left:120px;top:30px}.learning-mini-schema i:nth-child(3){right:32px;top:60px}.learning-mini-schema b{position:absolute;left:66px;right:74px;top:44px;height:3px;background:linear-gradient(90deg,#7dd3fc,#a78bfa);box-shadow:0 0 16px #7dd3fc;animation:learningPulse 1.5s linear infinite}
@keyframes learningSpin{to{transform:rotate(360deg)}}@keyframes learningFloat{50%{transform:rotateX(58deg) rotateZ(-18deg) translateY(-14px)}}@keyframes learningPulse{0%{opacity:.45;filter:hue-rotate(0deg)}50%{opacity:1}100%{opacity:.65;filter:hue-rotate(70deg)}}
.finance-hero{min-height:72vh;background:transparent;border-radius:0;padding:18vh 20px 12vh;margin:0 -18px 28px;color:#fff;position:relative;overflow:hidden;text-align:center;display:flex;flex-direction:column;justify-content:flex-end}
.finance-core-label{font-size:13px;opacity:.72;font-weight:700;margin-bottom:8px;letter-spacing:.08em;text-transform:uppercase}
.finance-core-month{font-size:12px;opacity:.58;margin-bottom:18px;text-transform:uppercase}
.finance-core-caption{font-size:11px;opacity:.75;letter-spacing:.08em;margin-bottom:4px}
.finance-core-balance{font-size:clamp(2.25rem,8vw,5rem);font-weight:700;letter-spacing:0;line-height:1.05}
.finance-hero-tile{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:14px 12px;text-align:center;backdrop-filter:blur(16px)}
.finance-page-shell{padding:24px 0 0}
.finance-page-kicker{color:#34d399;font-size:11px;font-weight:800;letter-spacing:.1em;margin-bottom:6px}
.finance-page-lead{color:var(--muted);font-size:14px;margin:-8px 0 18px;max-width:580px}
.finance-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.finance-metric{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px}
.finance-metric span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;margin-bottom:6px}
.finance-metric strong{font-size:18px;color:var(--txt)}
.finance-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.finance-primary{background:#0f766e;color:#fff;border-radius:8px}
.finance-secondary{background:var(--panel2);color:var(--txt);border:1px solid var(--border);border-radius:8px}
.finance-empty-state{background:var(--panel);border:1px dashed rgba(52,211,153,.34);border-radius:8px;padding:18px;color:var(--muted);display:grid;gap:5px}
.finance-empty-state strong{color:var(--txt)}
.electric-hero{min-height:76vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:28px;margin:0 -18px 26px;padding:18vh 22px 11vh;color:#fff}
.electric-kicker{color:#67e8f9;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.electric-hero h1{font-size:clamp(2.25rem,7vw,5.2rem);line-height:1.02;margin:0 0 14px;letter-spacing:0}
.electric-hero p,.electric-page p{color:#a6cbd3;max-width:680px;font-size:15px}
.electric-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.electric-actions button{border-radius:8px;background:#06b6d4;color:#021015;font-weight:900}
.electric-actions button+button{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(34,211,238,.22)}
.electric-3d-stage{height:360px;display:flex;align-items:center;justify-content:center;perspective:900px;position:relative}
.electric-panel-3d{width:250px;height:310px;position:relative;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-22deg);background:linear-gradient(145deg,rgba(8,47,73,.92),rgba(2,6,23,.96));border:1px solid rgba(103,232,249,.35);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 42px rgba(34,211,238,.18);animation:electricPanelFloat 5s ease-in-out infinite}
.electric-panel-3d::before{content:"";position:absolute;inset:18px;border:1px solid rgba(34,211,238,.18);border-radius:12px;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(103,232,249,.08) 25px 26px),repeating-linear-gradient(0deg,transparent 0 34px,rgba(34,197,94,.07) 35px 36px)}
.electric-panel-3d i{position:absolute;width:54px;height:34px;border-radius:7px;background:rgba(15,23,42,.9);border:1px solid rgba(125,211,252,.45);box-shadow:0 0 18px rgba(34,211,238,.18)}
.electric-panel-3d i:nth-child(1){left:34px;top:48px}.electric-panel-3d i:nth-child(2){right:34px;top:48px}.electric-panel-3d i:nth-child(3){left:34px;bottom:52px}.electric-panel-3d i:nth-child(4){right:34px;bottom:52px}
.electric-panel-3d .wire{position:absolute;height:3px;background:linear-gradient(90deg,#22c55e,#67e8f9,#f8fafc);border-radius:99px;box-shadow:0 0 14px rgba(103,232,249,.75);animation:electricCurrent 1.8s linear infinite}
.electric-panel-3d .w1{left:44px;right:44px;top:128px}.electric-panel-3d .w2{left:58px;right:58px;top:160px;animation-delay:.4s}.electric-panel-3d .w3{left:72px;right:72px;top:192px;animation-delay:.8s}
.electric-orbit{position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid rgba(103,232,249,.18);animation:electricSpin 10s linear infinite}
.electric-orbit b{position:absolute;right:20px;top:44px;width:12px;height:12px;border-radius:50%;background:#67e8f9;box-shadow:0 0 22px #67e8f9}
@keyframes electricSpin{to{transform:rotate(360deg)}}
@keyframes electricPanelFloat{50%{transform:rotateX(58deg) rotateZ(-18deg) translateY(-14px)}}
@keyframes electricCurrent{0%{filter:hue-rotate(0deg);opacity:.5}50%{opacity:1}100%{filter:hue-rotate(80deg);opacity:.65}}
.electric-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.electric-metrics div{background:rgba(255,255,255,.065);border:1px solid rgba(34,211,238,.18);border-radius:8px;padding:16px}
.electric-metrics span{display:block;color:#93c5d1;font-size:11px;font-weight:900;text-transform:uppercase;margin-bottom:6px}
.electric-metrics strong{font-size:24px;color:#fff}
.electric-metrics.compact strong{font-size:18px}
.electric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.electric-card{min-height:134px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(34,211,238,.04));border:1px solid rgba(34,211,238,.18);border-radius:8px;color:#fff;text-align:left;padding:16px;display:grid;align-content:end;gap:6px}
.electric-card strong{font-size:18px}.electric-card span{color:#9ecbd4;font-size:13px;line-height:1.35}
.electric-page{padding:40px 0 0;color:#fff}
.electric-page h1{font-size:clamp(2rem,6vw,4.2rem);line-height:1.05;margin-bottom:12px}
.electric-work-grid,.electric-subject-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.electric-work-card,.electric-subject-card{background:rgba(255,255,255,.065);border:1px solid rgba(34,211,238,.18);border-radius:8px;padding:16px;color:#fff;text-align:left;min-height:126px;display:grid;gap:7px;align-content:start}
.electric-work-card strong,.electric-subject-card strong{font-size:17px}.electric-work-card span,.electric-subject-card span{color:#9ecbd4;font-size:13px;line-height:1.4}.electric-subject-card small{color:#67e8f9;font-weight:900;text-transform:uppercase;font-size:10px}
.electric-work-card.wide{grid-column:span 2}
.electric-list{margin-top:22px;background:rgba(255,255,255,.055);border:1px solid rgba(34,211,238,.15);border-radius:8px;padding:14px}
.electric-list h2{font-size:16px;margin-bottom:10px}.electric-list-row{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;padding:12px;margin-bottom:8px;text-align:left;display:grid;gap:4px}.electric-list-row span{color:#9ecbd4;font-size:12px}
.electric-empty{color:#9ecbd4;padding:12px}.electric-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.electric-summary{margin-top:18px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.24);border-radius:8px;padding:14px;display:grid;gap:5px;color:#d1fae5}.electric-summary span{color:#a7f3d0}
.electric-back{background:transparent;border:1px solid rgba(34,211,238,.2);color:#67e8f9;border-radius:8px;margin-bottom:18px}
.electric-schema-lab{margin-top:22px}.electric-board{min-height:180px;background:linear-gradient(145deg,rgba(2,6,23,.78),rgba(8,47,73,.54));border:1px solid rgba(34,211,238,.24);border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:inset 0 0 40px rgba(34,211,238,.06)}
.terminal{min-width:62px;min-height:48px;border-radius:8px;background:rgba(15,23,42,.95);border:1px solid rgba(125,211,252,.42);display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;box-shadow:0 0 18px rgba(34,211,238,.13)}.terminal.live{border-color:#f87171;color:#fecaca}.terminal.load{border-color:#fde047;color:#fef3c7}.terminal.neutral{border-color:#93c5fd;color:#dbeafe}.line{height:3px;width:48px;background:linear-gradient(90deg,#67e8f9,#22c55e);border-radius:99px;box-shadow:0 0 14px rgba(103,232,249,.6)}
.electric-topic-modal{background:#061018!important;color:#fff}.electric-mini-schema{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:14px 0}.electric-mini-schema span{background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.24);border-radius:8px;padding:8px 10px;font-weight:800}.electric-mini-schema i{width:28px;height:2px;background:#67e8f9;display:block}
.sim-page{min-height:calc(100vh - 72px);margin:-18px -18px 0;color:#e5faff;background:#0b0d0f;overflow:hidden}
.sim-toolbar{height:72px;display:grid;grid-template-columns:72px 72px 72px 72px 1fr 54px 54px;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);background:#101214;color:#fff}
.sim-tool{height:72px;border-radius:0;background:transparent;color:#e5faff;border-right:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:18px;padding:0}.sim-tool span{font-size:10px;font-weight:900;letter-spacing:.08em}.sim-tool.active{color:#22c55e}
.sim-title{display:grid;gap:2px;padding:0 18px}.sim-title strong{font-size:18px}.sim-title small{color:#8ca7af}
.sim-zoom{width:42px;height:42px;min-width:42px;min-height:42px;margin:0 6px;border-radius:6px;background:#161a1f;border:1px solid rgba(255,255,255,.18);font-size:24px;padding:0}
.sim-layout{height:calc(100vh - 144px);display:grid;grid-template-columns:250px 1fr 250px;min-height:560px}
.sim-library,.sim-inspector{background:rgba(6,10,13,.86);border-right:1px solid rgba(255,255,255,.1);padding:16px;overflow:auto}.sim-inspector{border-right:0;border-left:1px solid rgba(255,255,255,.1)}
.sim-library h3,.sim-inspector h3{font-size:12px;color:#67e8f9;text-transform:uppercase;letter-spacing:.12em;margin:8px 0 10px}
.sim-library button{width:100%;background:#151a20;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#fff;text-align:left;padding:11px;margin-bottom:8px;display:grid;gap:3px}.sim-library button.active{border-color:#22c55e;box-shadow:0 0 0 1px rgba(34,197,94,.35),0 0 24px rgba(34,197,94,.14)}.sim-library button span{font-size:12px;color:#8ca7af}
.sim-lib-group{border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:9px;margin-bottom:10px;background:rgba(255,255,255,.035)}.sim-lib-group>strong{display:block;color:#e5faff;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.sim-lib-group button{padding:9px;margin-bottom:6px}
.sim-chip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#9fb9c1;padding:9px 10px;margin-bottom:7px;font-size:12px;font-weight:800}
.sim-stage-wrap{position:relative;overflow:auto;background:#0b0d0f}
.sim-stage{position:relative;width:1120px;height:720px;transform:scale(var(--sim-zoom));transform-origin:0 0}
.sim-grid{position:absolute;inset:0;background-color:#101214;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:16px 16px,16px 16px,80px 80px,80px 80px}
.sim-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sim-wires line{stroke:#858b91;stroke-width:.45;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px rgba(255,255,255,.15))}.sim-wires line.live,.sim-wires line.custom{stroke:#22c55e;stroke-width:.8;stroke-dasharray:5 5;animation:simFlow .8s linear infinite;filter:drop-shadow(0 0 6px rgba(34,197,94,.95))}.sim-wires line.danger{stroke:#ef4444;stroke-width:1.2;stroke-dasharray:4 4;animation:simFlow .22s linear infinite;filter:drop-shadow(0 0 10px rgba(239,68,68,.95))}
@keyframes simFlow{to{stroke-dashoffset:-20}}
.sim-part{position:absolute;z-index:3;transform:translate(-50%,-50%);width:92px;height:58px;border-radius:6px;background:#151a20;border:1px solid rgba(229,250,255,.28);color:#e5faff;display:grid;place-items:center;padding:5px;box-shadow:0 10px 25px rgba(0,0,0,.35)}.sim-part span{font-weight:900;font-size:14px}.sim-part small{font-size:9px;color:#6b7280;font-weight:900}.sim-part.closed small{color:#22c55e}.sim-part.energized{border-color:#22c55e;box-shadow:0 0 0 1px rgba(34,197,94,.6),0 0 26px rgba(34,197,94,.28)}.sim-part.feed{border-color:#f87171}.sim-part.neutral{border-color:#93c5fd}.sim-part.earth{border-color:#22c55e}.sim-part.motor,.sim-part.lamp{border-radius:50%;height:72px}.sim-part.start{border-color:#22c55e}.sim-part.stop{border-color:#ef4444}
.sim-motor-3d{position:absolute;left:79%;top:54%;width:112px;height:112px;border-radius:50%;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(62deg);background:radial-gradient(circle,#1f2937 0 34%,#0f172a 36% 100%);border:2px solid rgba(103,232,249,.26);box-shadow:0 24px 40px rgba(0,0,0,.5),0 0 28px rgba(34,211,238,.12);display:grid;place-items:center;color:#e5faff}.sim-motor-3d i{position:absolute;width:150px;height:150px;border-radius:50%;border:2px dashed rgba(103,232,249,.2)}.sim-motor-3d b{font-size:28px}.sim-motor-3d em{position:absolute;width:8px;height:54px;background:#67e8f9;border-radius:8px;box-shadow:0 0 18px #67e8f9}.sim-motor-3d.running em{animation:motorSpin .45s linear infinite}.sim-motor-3d.running{box-shadow:0 24px 40px rgba(0,0,0,.5),0 0 45px rgba(34,197,94,.38)}
@keyframes motorSpin{to{transform:rotate(360deg)}}
.sim-state{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;background:#151a20;color:#8ca7af;font-weight:900;margin-bottom:12px}.sim-state.ok{color:#bbf7d0;border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.1)}.sim-state.bad{color:#fecaca;border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.12)}
.sim-readout{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.sim-readout span{color:#8ca7af}.sim-readout strong{color:#e5faff}.sim-inspector p{color:#8ca7af;line-height:1.5;margin-top:14px;font-size:13px}
.sim-layout.builder{grid-template-columns:300px 1fr 280px}.electric-builder-stage{height:820px}.builder-part{position:absolute;z-index:4;transform:translate(-50%,-50%);width:118px;min-height:86px;border-radius:8px;background:linear-gradient(145deg,#17202a,#0d1117);border:1px solid rgba(229,250,255,.28);color:#e5faff;padding:10px;box-shadow:0 16px 32px rgba(0,0,0,.38),0 0 18px rgba(34,211,238,.08)}.builder-part strong{display:block;font-size:18px}.builder-part small{display:block;color:#8ca7af;font-size:10px;margin:2px 0 8px}.builder-part.feed,.builder-part.feed3{border-color:#f87171}.builder-part.neutral{border-color:#93c5fd}.builder-part.earth{border-color:#22c55e}.builder-part.breaker,.builder-part.rcd,.builder-part.fuse,.builder-part.overload{border-color:#fbbf24}.builder-part.switch,.builder-part.pushNO,.builder-part.pushNC,.builder-part.selector{border-color:#67e8f9}.builder-part.contactor,.builder-part.contactNO,.builder-part.contactNC,.builder-part.timer{border-color:#38bdf8}.builder-part.lamp,.builder-part.motor,.builder-part.socket,.builder-part.psu,.builder-part.indicator,.builder-part.buzzer{border-color:#c084fc}.builder-part.terminal,.builder-part.bridge{border-color:#94a3b8}.builder-terminals{display:flex;flex-wrap:wrap;gap:5px}.builder-terminals button{width:30px;height:26px;min-width:30px;min-height:26px;border-radius:5px;padding:0;background:#0b0d0f;border:1px solid rgba(255,255,255,.18);font-size:10px;color:#e5faff}.builder-terminals button.selected{background:#06b6d4;color:#021015;box-shadow:0 0 18px rgba(34,211,238,.55)}.boom-effect{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);font-size:clamp(3rem,10vw,7rem);font-weight:1000;color:#fff;text-shadow:0 0 18px #ef4444,0 0 40px #f97316;animation:boomPulse .7s ease-out both;z-index:8;pointer-events:none}
@keyframes boomPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-8deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(4deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.55) rotate(0deg)}}
.prepared-space{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:22px;margin-top:8px;box-shadow:var(--shadow);border-top:4px solid var(--prepared-color)}
.prepared-space-kicker{font-size:11px;font-weight:800;color:var(--prepared-color);letter-spacing:.1em;margin-bottom:6px}
.prepared-space p{color:var(--muted);font-size:14px;margin:-6px 0 18px;max-width:580px}
.prepared-space-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.prepared-space-grid button{border-radius:8px}
.profile-page{min-height:calc(100vh - var(--nav-h));background:#05090c;color:#f8fafc;margin:-14px -16px calc(var(--nav-h) * -1);padding-bottom:calc(var(--nav-h) + 28px)}
.finance-space .profile-page{margin:0 -18px -104px;padding-bottom:92px}
.profile-topbar{position:sticky;top:0;z-index:20;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(5,9,12,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.profile-username{font-size:20px;font-weight:800;letter-spacing:0}
.profile-icon-btn{width:42px;height:42px;min-width:42px;min-height:42px;border-radius:50%;padding:0;background:rgba(255,255,255,.1);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center}
.profile-cover{height:118px;background:linear-gradient(135deg,#0ea5e9,#0284c7)}
.profile-head{padding:0 16px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.profile-avatar-large{width:92px;height:92px;border-radius:50%;padding:0;margin-top:-46px;background:#111827;border:4px solid #05090c;display:flex;align-items:center;justify-content:center;font-size:40px;overflow:hidden}
.profile-avatar-large img{width:100%;height:100%;object-fit:cover}
.profile-name-row{display:flex;align-items:center;gap:7px;margin-top:10px}
.profile-name-row h1{font-size:27px;margin:0;letter-spacing:0}
.profile-lock{font-size:16px}
.profile-handle,.profile-joined{color:#8b949e;font-size:15px;margin-top:2px}
.profile-stats{display:flex;gap:24px;margin:16px 0 18px}
.profile-stats div{display:grid;gap:1px}
.profile-stats strong{font-size:18px}
.profile-stats span{color:#8b949e;font-size:13px}
.profile-actions{display:grid;grid-template-columns:1fr 1fr 46px;gap:8px}
.profile-actions button{border-radius:8px;background:#1f242b;color:#fff;font-weight:800}
.profile-small-action{padding:0;min-width:46px}
.profile-discover{padding:14px 16px}
.profile-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-weight:800}
.profile-section-title button{background:transparent;color:#1d9bf0;padding:0;min-height:auto}
.profile-space-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}
.profile-space-card{min-width:142px;height:132px;background:#1f242b;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}
.profile-space-card.active{outline:2px solid #1d9bf0}
.profile-space-dot{width:48px;height:48px;border-radius:50%;display:block}
.profile-space-card small{color:#8b949e}
.profile-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(255,255,255,.1)}
.profile-tabs button{background:transparent;color:#9ca3af;border-radius:0;font-size:26px}
.profile-tabs button.active{color:#fff;border-bottom:3px solid #fff}
.profile-empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 20px}
.profile-empty-art{font-size:74px;color:#1d9bf0;margin-bottom:12px}
.profile-empty h2{font-size:25px;margin-bottom:6px}
.profile-empty p{color:#8b949e;max-width:330px}
.profile-more-page,.profile-edit-page{position:fixed;inset:0;z-index:220;background:#05090c;color:#f8fafc;overflow:auto;animation:fade .15s both}
.profile-more-top,.profile-edit-top{position:sticky;top:0;z-index:2;height:58px;display:grid;grid-template-columns:48px 1fr 64px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);background:#05090c;padding:0 8px}
.profile-more-top strong,.profile-edit-top strong{text-align:center;font-size:18px}
.profile-more-top button,.profile-edit-top button{background:transparent;color:#fff;padding:0;min-height:44px;font-size:30px}
.profile-edit-top button:last-child{font-size:14px;color:#1d9bf0;font-weight:800}
.profile-more-search{margin:14px 18px 18px;background:#242932;color:#9ca3af;border-radius:12px;padding:13px 15px;font-size:18px;display:flex;gap:10px}
.profile-more-section{border-top:8px solid #151a20;padding:10px 0}
.profile-more-section:first-of-type{border-top:0}
.profile-more-section h3{color:#9ca3af;font-size:14px;font-weight:800;padding:12px 22px 8px;margin:0}
.profile-more-item{width:100%;min-height:64px;background:transparent;color:#f8fafc;border-radius:0;padding:8px 22px;display:grid;grid-template-columns:38px 1fr 20px;align-items:center;text-align:left;gap:12px}
.profile-more-item:hover{background:rgba(255,255,255,.04)}
.profile-more-ico{font-size:27px;color:#fff;text-align:center}
.profile-more-item strong{font-size:18px;font-weight:500;display:block}
.profile-more-item small{display:block;color:#9ca3af;font-size:14px;line-height:1.25;margin-top:2px}
.profile-more-item em{font-style:normal;color:#9ca3af;font-size:32px}
.profile-edit-avatar{width:112px;height:112px;margin:26px auto 12px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:54px;overflow:hidden}
.profile-edit-avatar img{width:100%;height:100%;object-fit:cover}
.profile-edit-link{display:block;margin:0 auto 24px;background:transparent;color:#1d9bf0;padding:0;font-size:16px;font-weight:800}
.profile-edit-form{border-top:1px solid rgba(255,255,255,.08)}
.profile-edit-form label{display:grid;grid-template-columns:132px 1fr;align-items:center;gap:0;min-height:58px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-size:18px;font-weight:400;letter-spacing:0;margin:0;text-transform:none}
.profile-edit-form label span{color:#fff}
.profile-edit-form input{background:transparent;border:0;border-radius:0;box-shadow:none;color:#f8fafc;padding:0;font-size:18px;min-height:auto}
.profile-edit-form input:focus{box-shadow:none;border:0}
.profile-edit-row{width:100%;border-radius:0;background:transparent;color:#fff;display:flex;justify-content:space-between;align-items:center;min-height:66px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.08);font-size:18px;font-weight:400}
.profile-edit-row em{font-style:normal;color:#9ca3af;font-size:15px}
.profile-edit-blue{width:100%;background:transparent;color:#1d9bf0;border-radius:0;justify-content:flex-start;text-align:left;min-height:66px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.08);font-size:17px;font-weight:500}
.knowledge-shell{color:#f5f3ff}
.knowledge-hero{min-height:280px;display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:center;margin-bottom:18px}
.knowledge-hero.compact{min-height:auto;grid-template-columns:1fr;margin-bottom:18px}
.knowledge-kicker{color:#a78bfa;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.knowledge-hero h1{font-size:clamp(2.3rem,7vw,5.2rem);line-height:.98;margin:0 0 12px;color:#fff}
.knowledge-hero p{max-width:680px;color:#b8afd1;font-size:16px;line-height:1.6}
.knowledge-orbit{position:relative;width:300px;height:300px;border-radius:50%;border:1px solid rgba(139,92,246,.24);justify-self:end;background:radial-gradient(circle,rgba(139,92,246,.18),transparent 62%);box-shadow:0 0 80px rgba(139,92,246,.12)}
.knowledge-orbit i,.knowledge-orbit span{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16)}
.knowledge-orbit i:nth-child(1){inset:42px;animation:spin 12s linear infinite}.knowledge-orbit i:nth-child(2){inset:86px;animation:spin 9s linear infinite reverse}.knowledge-orbit i:nth-child(3){width:18px;height:18px;background:#8b5cf6;left:54px;top:88px;box-shadow:0 0 24px #8b5cf6}.knowledge-orbit span{width:84px;height:84px;left:108px;top:108px;background:rgba(255,255,255,.06)}
.knowledge-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.knowledge-stats div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:14px}
.knowledge-stats span{display:block;color:#aaa1c8;font-size:11px;font-weight:900;text-transform:uppercase;margin-bottom:5px}
.knowledge-stats strong{font-size:25px;color:#fff}
.knowledge-layout{display:grid;grid-template-columns:320px 1fr;gap:14px;align-items:start}
.knowledge-sidebar,.knowledge-panel{background:rgba(12,10,24,.78);border:1px solid rgba(167,139,250,.14);border-radius:8px;box-shadow:0 20px 70px rgba(0,0,0,.24)}
.knowledge-sidebar{padding:12px;position:sticky;top:88px;max-height:calc(100vh - 112px);overflow:auto}
.knowledge-search{display:grid;grid-template-columns:1fr 44px;gap:8px;margin-bottom:10px}.knowledge-search input{background:rgba(255,255,255,.06);border-color:rgba(167,139,250,.16);color:#fff}.knowledge-search button{border-radius:8px;background:#8b5cf6;color:#fff;padding:0}
.knowledge-cats{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px;padding-bottom:4px}.knowledge-cats button{white-space:nowrap;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#c4b5fd;padding:7px 10px;font-size:12px}.knowledge-cats button.active{background:#8b5cf6;color:#fff;border-color:#8b5cf6}
.knowledge-note-list{display:grid;gap:8px}.knowledge-note-list button{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#f5f3ff;text-align:left;padding:12px}.knowledge-note-list button.active{border-color:#8b5cf6;background:rgba(139,92,246,.16);box-shadow:0 0 28px rgba(139,92,246,.14)}.knowledge-note-list strong{display:block;font-size:14px;margin-bottom:5px}.knowledge-note-list span{font-size:12px;color:#aaa1c8}
.knowledge-panel{padding:18px;min-height:560px}.knowledge-note-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:14px;margin-bottom:14px}.knowledge-note-head span{color:#a78bfa;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.knowledge-note-head h2{font-size:30px;margin:4px 0 0;color:#fff}
.knowledge-note-actions{display:flex;gap:8px;flex-wrap:wrap}.knowledge-note-actions button{border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff}.knowledge-note-actions .danger{color:#fecaca;border-color:rgba(248,113,113,.26)}
.knowledge-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.knowledge-tags span{border-radius:999px;background:rgba(139,92,246,.16);color:#ddd6fe;border:1px solid rgba(139,92,246,.25);padding:5px 9px;font-size:12px;font-weight:800}
.knowledge-preview{color:#ded8ea;line-height:1.65}.knowledge-preview h1,.knowledge-preview h2,.knowledge-preview h3{color:#fff;margin:18px 0 8px}.knowledge-preview p{margin:0 0 12px}.knowledge-bullet{padding:4px 0 4px 12px;color:#e9d5ff}.knowledge-link{display:inline-flex;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.28);color:#c4b5fd;border-radius:6px;padding:1px 6px;min-height:auto;font-weight:800}
.knowledge-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.knowledge-meta-grid section{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px}.knowledge-meta-grid h3{font-size:13px;text-transform:uppercase;color:#aaa1c8}.knowledge-meta-grid button,.knowledge-backlink-row{width:100%;display:block;text-align:left;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;margin-top:7px;padding:10px}
.knowledge-editor label{display:grid;gap:7px;margin-bottom:14px;color:#aaa1c8;font-size:12px;text-transform:uppercase;font-weight:900}.knowledge-editor input,.knowledge-editor select,.knowledge-editor textarea{background:rgba(255,255,255,.055);border:1px solid rgba(167,139,250,.18);color:#fff;border-radius:8px}.knowledge-editor textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55;resize:vertical}
.knowledge-graph{height:620px;position:relative;background:rgba(5,4,12,.82);border:1px solid rgba(167,139,250,.16);border-radius:8px;overflow:hidden;background-image:radial-gradient(rgba(139,92,246,.12) 1px,transparent 1px);background-size:28px 28px}.knowledge-graph svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.knowledge-graph line{stroke:#8b5cf6;stroke-width:.22;opacity:.65;filter:drop-shadow(0 0 3px #8b5cf6)}.knowledge-node{position:absolute;left:var(--x);top:var(--y);z-index:2;transform:translate(-50%,-50%);border-radius:999px;background:rgba(12,10,24,.94);border:1px solid rgba(167,139,250,.35);color:#fff;padding:10px 13px;box-shadow:0 0 32px rgba(139,92,246,.18)}.knowledge-node.fav{background:#8b5cf6}
.knowledge-backlink-row strong{display:block}.knowledge-backlink-row span{display:block;color:#aaa1c8;font-size:12px;margin-top:4px}
@media(max-width:760px){.electric-hero,.learning-hero,.knowledge-hero{grid-template-columns:1fr;min-height:78vh}.electric-3d-stage,.learning-orbit-stage,.knowledge-orbit{height:250px;order:-1;justify-self:center}.electric-panel-3d{width:190px;height:235px}.electric-orbit,.learning-ring,.knowledge-orbit{width:250px;height:250px}.learning-board{width:205px;height:245px}.electric-grid,.electric-work-grid,.electric-subject-grid,.electric-two-col,.learning-two-col,.learning-grid,.learning-grid-wide,.knowledge-layout,.knowledge-meta-grid{grid-template-columns:1fr}.electric-work-card.wide{grid-column:auto}.electric-metrics,.learning-metrics,.knowledge-stats{grid-template-columns:1fr}.electric-board{overflow:auto;justify-content:flex-start}.learning-hero h1,.learning-page h2,.knowledge-hero h1{font-size:2.45rem}.learning-space #subNav,.knowledge-space #subNav{padding:14px 16px}.knowledge-sidebar{position:static;max-height:none}.knowledge-panel{min-height:0}.knowledge-graph{height:520px}}
@media(max-width:900px){.sim-toolbar{grid-template-columns:50px 50px 50px 50px 1fr 44px 44px}.sim-tool{height:64px}.sim-layout,.sim-layout.builder{grid-template-columns:1fr;height:auto;min-height:0}.sim-library,.sim-inspector{border:0;border-bottom:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sim-library h3,.sim-inspector h3,.sim-inspector p{grid-column:1/-1}.sim-stage-wrap{height:540px}.sim-stage{width:980px;height:620px}.sim-page{overflow:auto}}
@media(max-width:620px){.finance-metrics{grid-template-columns:1fr}.finance-core-balance{font-size:31px}.finance-space main{padding-left:14px;padding-right:14px}.finance-hero{margin-left:-14px;margin-right:-14px}}
@media(max-width:600px){main{padding:12px;padding-bottom:calc(var(--nav-h)+16px)}.cell{min-height:56px}.spgrid{font-size:10px}#wsNav button{padding:5px 6px}}

/* ============================================================
   RUHIGE MICRO-INTERAKTIONEN (Design-Richtung: minimal & ruhig,
   siehe VISION.md). Wenige, hochwertige Effekte.
   ============================================================ */
@media (prefers-reduced-motion: no-preference){
  .card{transition:box-shadow .2s ease,transform .2s ease}
  .card:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(0,0,0,.10)}
  button:active{transform:scale(.98)}
  .stat .big{animation:countUp .45s cubic-bezier(.22,1,.36,1) both}
}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}

/* Typografie, Konsistenz & Barrierefreiheit */
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
h1,h2,h3,p,span,div,td,li{overflow-wrap:break-word}
::selection{background:color-mix(in srgb,var(--accent) 24%,transparent)}
button:focus-visible,a:focus-visible,.subnav-btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
button:focus:not(:focus-visible){outline:none}
*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:var(--accent)}
::-webkit-scrollbar-track{background:transparent}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .card,.stat,button,.pill,.photos img,.stat .big{animation:none!important;transition:none!important;transform:none!important}
}