html{overflow-x:clip!important}body{overflow-x:hidden!important;overflow-x:clip!important;max-width:100vw!important;width:100%!important;position:relative}body>*{max-width:100vw}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:#0a0d14bf;border-bottom:1px solid rgba(255,255,255,.04)}[data-theme=light] .nav{background:#ffffffc7;border-bottom-color:var(--border)}.nav-inner{width:100%;max-width:1240px;margin:0 auto;padding:0 32px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:inherit;text-decoration:none}.brand-mark{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{font-size:14px;color:var(--fg-muted);transition:color .15s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.nav-links a:hover{color:var(--fg)}.nav-links a.active{color:var(--fg);position:relative}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:2px;background:var(--violet-2);border-radius:2px}.nav-lock{display:none;width:11px;height:11px;margin-right:5px;vertical-align:-1px;opacity:.7}body.auth-locked .nav-lock{display:inline-block}body.auth-locked .nav-links a[data-protected],body.auth-locked .nav-functions-item[data-protected]{pointer-events:none;opacity:.45;cursor:not-allowed}.nav-functions-wrap{position:relative;display:inline-flex;align-items:center}.nav-functions-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:var(--fg-muted);font-size:14px;font-family:inherit;cursor:pointer;padding:6px 8px;border-radius:7px;transition:color .15s,background .15s}.nav-functions-btn:hover,.nav-functions-wrap.open .nav-functions-btn{color:var(--fg);background:#ffffff0a}[data-theme=light] .nav-functions-btn:hover,[data-theme=light] .nav-functions-wrap.open .nav-functions-btn{background:#0000000d}.nav-functions-wrap.active .nav-functions-btn{color:var(--fg);position:relative}.nav-functions-wrap.active .nav-functions-btn:after{content:"";position:absolute;left:8px;right:8px;bottom:-22px;height:2px;background:var(--violet-2);border-radius:2px}.nav-functions-wrap.active:hover .nav-functions-btn:after,.nav-functions-wrap.active.open .nav-functions-btn:after{display:none}.nav-links a.nav-functions-item.active:after,.nav-functions-menu a.active:after{content:none!important;display:none!important}.nav-functions-btn .caret{transition:transform .15s;opacity:.7}.nav-functions-wrap.open .nav-functions-btn .caret{transform:rotate(180deg)}.nav-functions-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);min-width:280px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 18px 50px #0000008c;display:none;opacity:0;z-index:60;transition:opacity .15s ease,transform .15s ease}[data-theme=light] .nav-functions-menu{box-shadow:0 18px 50px #0000002e}.nav-functions-wrap:before{content:"";position:absolute;top:100%;left:0;right:0;height:12px;z-index:59;pointer-events:none}.nav-functions-wrap:hover:before,.nav-functions-wrap.open:before{pointer-events:auto}.nav-functions-wrap:hover .nav-functions-menu,.nav-functions-wrap.open .nav-functions-menu{display:block;opacity:1;transform:translate(-50%) translateY(0)}.nav-functions-wrap.is-right-edge .nav-functions-menu{left:auto;right:0;transform:translate(0) translateY(-4px)}.nav-functions-wrap.is-right-edge:hover .nav-functions-menu,.nav-functions-wrap.is-right-edge.open .nav-functions-menu{transform:translate(0) translateY(0)}.nav-functions-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--fg);transition:background .12s}.nav-functions-item:hover{background:var(--bg-2)}.nav-functions-item.active{background:#9146ff14;color:var(--violet-2)}.nav-functions-icon{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;color:var(--fg-muted)}.nav-functions-item.active .nav-functions-icon{background:#9146ff1f;border-color:#9146ff4d;color:var(--violet-2)}.nav-functions-emoji{width:16px;height:16px}body.auth-locked .nav-functions-item[data-protected] .nav-functions-emoji{display:none}body:not(.auth-locked) .nav-functions-item .nav-lock{display:none!important}.nav-functions-item .nav-lock{width:14px;height:14px;margin-right:0;vertical-align:0;opacity:.85}.nav-functions-text{display:flex;flex-direction:column;gap:2px;min-width:0}.nav-functions-title{font-size:13.5px;font-weight:600;line-height:1.2}.nav-functions-sub{font-size:11.5px;color:var(--fg-dim);line-height:1.35}.nav-functions-item:hover .nav-functions-sub{color:var(--fg-muted)}.nav-utils{display:flex;align-items:center;gap:8px;margin-left:20px;padding-left:20px;border-left:1px solid var(--border)}.nav-util{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 10px;background:var(--bg-2);border:1px solid var(--border);border-radius:7px;font-size:12.5px;color:var(--fg-muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s;gap:7px;user-select:none;font-family:inherit}.nav-util:hover{color:var(--fg);border-color:var(--border-2);background:#ffffff0a}.nav-util.icon-only{width:32px;padding:0}.nav-util svg{flex-shrink:0}.nav-util .caret{color:var(--fg-dim)}.nav-util-admin{background:#9146ff1a;border-color:#9146ff40;color:var(--violet-2)}.nav-util-admin:hover{background:#9146ff2e;border-color:#9146ff66;color:var(--violet-2)}.nav-util-lang b{color:var(--fg);font-weight:600}.nav-portfolio{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;color:var(--fg-muted);border:1px solid var(--border);background:var(--bg-2);text-decoration:none;font-size:13px;font-weight:500;transition:color .15s,border-color .15s,background .15s,transform .15s}.nav-portfolio:hover{color:var(--violet-2);border-color:#9146ff66;background:#9146ff14;transform:translateY(-1px)}.nav-portfolio.active{color:var(--violet-2);border-color:#9146ff73;background:#9146ff1a}.nav-portfolio svg{flex-shrink:0}.nav-portfolio-emoji{font-size:14px;line-height:1;display:inline-flex;align-items:center}.nav-musikplayer{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;color:var(--fg-muted);border:1px solid var(--border);background:var(--bg-2);text-decoration:none;font-size:13px;font-weight:500;transition:color .15s,border-color .15s,background .15s,transform .15s}.nav-musikplayer:hover{color:var(--violet-2);border-color:#9146ff66;background:#9146ff14;transform:translateY(-1px)}.nav-musikplayer.active{color:var(--violet-2);border-color:#9146ff73;background:#9146ff1a}.nav-musikplayer svg{flex-shrink:0}.nav-schnittkurs{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;color:var(--fg-muted);border:1px solid var(--border);background:var(--bg-2);text-decoration:none;font-size:13px;font-weight:500;transition:color .15s,border-color .15s,background .15s,transform .15s}.nav-schnittkurs:hover{color:var(--fg);border-color:var(--border-2);background:#ffffff0a;transform:translateY(-1px)}[data-theme=light] .nav-schnittkurs:hover{background:#0000000a}.nav-schnittkurs.active{color:var(--violet-2);border-color:#9146ff73;background:#9146ff1a}.nav-schnittkurs svg{flex-shrink:0}.nav-util.hidden{display:none!important}.nav-util-wrap{position:relative}.nav-util-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:140px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:0 12px 40px #00000080;display:none;z-index:50}.nav-util-wrap.open .nav-util-menu{display:block}.nav-util-menu button{display:flex;width:100%;align-items:center;gap:10px;padding:7px 10px;background:transparent;border:0;border-radius:5px;font-size:13px;color:var(--fg-muted);cursor:pointer;text-align:left;font-family:inherit}.nav-util-menu button:hover{background:#ffffff0a;color:var(--fg)}.nav-util-menu button.active{color:var(--violet-2)}.nav-util-menu .flag{width:18px;height:12px;border-radius:2px;flex-shrink:0;background:var(--bg-2);overflow:hidden;display:inline-block}.user-display{display:flex;align-items:center;gap:6px;position:relative}.user-display.hidden,html.cs-auth-cached #loginBtn{display:none!important}html.cs-auth-cached #userDisplay{display:flex!important}html.cs-admin-cached body.auth-locked .nav-lock{display:none!important}html.cs-admin-cached body.auth-locked .nav-links a[data-protected],html.cs-admin-cached body.auth-locked .nav-functions-item[data-protected]{pointer-events:auto!important;filter:none!important;opacity:1!important}html.cs-admin-cached body.auth-locked .nav-functions-item[data-protected] .nav-functions-emoji{display:inline-block!important}.user-pill{display:inline-flex;align-items:center;gap:9px;padding:4px 11px 4px 4px;background:var(--bg-2);border:1px solid var(--border);border-radius:999px;font-size:13px;color:var(--fg);cursor:pointer;transition:border-color .15s;font-family:inherit}.user-pill:hover{border-color:var(--border-2)}.user-pill-img{width:26px;height:26px;border-radius:50%;object-fit:cover;display:block}.user-pill-letter{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--violet),#5b21b6);color:#fff;font-weight:700;font-size:12px;display:grid;place-items:center}.user-pill-name{font-size:13px;line-height:1}.user-pill-admin{display:inline-flex;align-items:center;padding:2px 6px;background:#ef444429;border:1px solid rgba(239,68,68,.32);border-radius:999px;color:#fca5a5}.user-pill-admin svg{width:10px;height:10px}.user-pill-caret{width:10px;height:10px;opacity:.6;transition:transform .15s;margin-left:1px}.user-display.open .user-pill-caret{transform:rotate(180deg)}.user-pill-img.hidden,.user-pill-letter.hidden,.user-pill-admin.hidden{display:none!important}.user-pill-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:4px;box-shadow:0 12px 40px #00000080;display:none;z-index:60}.user-display.open .user-pill-menu{display:block}.user-pill-menu-item{display:flex;width:100%;align-items:center;gap:10px;padding:9px 12px;background:transparent;border:0;border-radius:7px;font-size:13px;color:var(--fg);cursor:pointer;text-align:left;text-decoration:none;font-family:inherit;transition:background .12s,color .12s}.user-pill-menu-item:hover{background:var(--bg-2)}.user-pill-menu-item.is-logout{color:var(--fg-muted)}.user-pill-menu-item.is-logout:hover{color:#ef4444;background:#ef444414}.user-pill-menu-item svg{width:14px;height:14px;flex-shrink:0;opacity:.85}.user-pill-menu-item.hidden{display:none}.user-pill-menu-divider{height:1px;background:var(--border);margin:4px 6px}.user-pill-menu-value{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--bg-2);border:1px solid var(--border);font-size:11px;font-weight:700;font-family:var(--mono, ui-monospace, monospace);color:var(--violet-2);letter-spacing:.02em}body.cs-user-shown #themeToggle,body.cs-user-shown #langWrap{display:none!important}.nav-highlight{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;margin:2px 0 4px;background:linear-gradient(135deg,#facc152e,#fde04714);border:1px solid rgba(250,204,21,.45);border-radius:999px;color:#fde047!important;font-weight:600!important;font-size:13px!important;letter-spacing:.01em;transition:all .18s ease;position:relative;overflow:hidden;animation:navPulse 3.4s ease-in-out infinite}@keyframes navPulse{0%,to{box-shadow:0 0 #facc1500,0 0 10px -2px #facc1559;border-color:#facc1573}50%{box-shadow:0 0 0 2px #facc151f,0 0 20px #fde047a6;border-color:#fde047e6}}.nav-highlight:after{content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,0) 25%,rgba(255,255,255,.18) 50%,rgba(255,255,255,0) 75%,transparent 100%);transform:skew(-20deg);opacity:0;pointer-events:none}.nav-highlight svg{position:relative;z-index:1;filter:drop-shadow(0 0 3px rgba(250,204,21,.7))}.nav-highlight:before{content:"";position:absolute;inset:-1px;border-radius:999px;background:linear-gradient(135deg,var(--violet),var(--violet-2));opacity:0;z-index:-1;transition:opacity .18s ease}.nav-highlight:hover{color:#1a1d26!important;border-color:transparent;background:linear-gradient(135deg,#facc15,#fde047);box-shadow:0 6px 18px -6px #facc15a6;transform:translateY(-1px);animation-play-state:paused}@media(max-width:920px){.nav-links{gap:16px}.nav-utils{margin-left:12px;padding-left:12px}}@media(max-width:980px){.nav-highlight,.nav-musikplayer,.nav-schnittkurs{display:none!important}.nav-links{gap:8px;flex:1;justify-content:flex-end}.nav-utils{margin-left:0;padding-left:0;border-left:0}}@media(max-width:640px){.nav-inner{padding:0 14px;height:56px}.nav-utils{gap:6px}.nav-util-admin span[data-i18n="nav.login"]{display:none}.nav-util-admin{padding:7px 10px}.user-pill-name{display:none}.user-pill{padding:4px 8px 4px 4px;gap:4px}.user-pill-img,.user-pill-letter{width:24px;height:24px}.nav-portfolio span:not(.nav-portfolio-emoji){display:none}.nav-portfolio{padding:7px 10px}.nav-functions-btn span[data-i18n="nav.functions"]{display:none}.nav-functions-btn{padding:7px 10px}.nav-functions-menu{min-width:260px;left:auto;right:0;transform:translateY(-4px)}.nav-functions-wrap:hover .nav-functions-menu,.nav-functions-wrap.open .nav-functions-menu{transform:translateY(0)}}@media(max-width:420px){body:not(.cs-user-shown) .nav-util-lang b{display:none}body:not(.cs-user-shown) .nav-util-lang .caret{display:none}body:not(.cs-user-shown) .nav-util-lang{padding:7px 9px}.brand #brandName{display:none}}