.nn-tp-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:18px 36px;background:0 0;isolation:isolate}.nn-tp-topbar::after,.nn-tp-topbar::before{content:"";position:absolute;inset:0;pointer-events:none}.nn-tp-topbar::before{z-index:-1;backdrop-filter:url(#nn-tp-liquid-glass) blur(8px) saturate(1.6);-webkit-backdrop-filter:blur(8px) saturate(1.6);background:linear-gradient(to bottom,rgba(255,255,255,.92) 0,rgba(255,255,255,.85) 55%,rgba(255,255,255,.55) 85%,rgba(255,255,255,.15) 100%)}.nn-tp-topbar::after{z-index:-1;height:1px;bottom:auto;background:linear-gradient(to right,transparent 0,rgba(255,255,255,.85) 30%,rgba(255,255,255,.85) 70%,transparent 100%);opacity:.7}[data-theme=dark] .nn-tp-topbar::before{background:linear-gradient(to bottom,rgba(10,12,18,.92) 0,rgba(10,12,18,.85) 55%,rgba(10,12,18,.55) 85%,rgba(10,12,18,.15) 100%)}[data-theme=dark] .nn-tp-topbar::after{background:linear-gradient(to right,transparent 0,rgba(255,255,255,.18) 30%,rgba(255,255,255,.18) 70%,transparent 100%)}.nn-tp-topbar>.nn-tp-brand{justify-self:start}.nn-tp-topbar>.nn-tp-tabs{justify-self:center}.nn-tp-topbar>.nn-tp-topbar-right{justify-self:end}.nn-tp-brand{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:600;letter-spacing:-.01em}.nn-tp-brand:hover{color:var(--text)}.nn-tp-brand-icon{width:28px;height:28px;border-radius:8px}.nn-tp-brand-text{font-family:var(--font-body);font-size:var(--fs-base);font-weight:600}.nn-tp-brand-divider{width:1px;height:20px;background:var(--border);margin:0 6px}.nn-tp-brand-suffix{font-size:var(--fs-sm);color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase}.nn-tp-tabs{display:flex;gap:4px;padding:4px;background:var(--bg-elev);border-radius:999px;border:1px solid var(--border-soft);overflow-x:auto;scrollbar-width:none;justify-self:center}.nn-tp-tabs::-webkit-scrollbar{display:none}.nn-tp-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:0 0;border:0;border-radius:999px;color:var(--text-muted);font-size:var(--fs-base);font-weight:500;cursor:pointer;white-space:nowrap;transition-property:background,color,box-shadow;transition-duration:180ms;transition-timing-function:var(--ease-hover)}.nn-tp-tab:hover{color:var(--text)}.nn-tp-tab:active{transform:scale(.96)}.nn-tp-tab[hidden]{display:none}.nn-tp-tab.is-active{color:var(--text)}.nn-tp-tab-indicator{position:absolute;top:4px;bottom:4px;left:var(--x,0);width:var(--w,0);background:var(--card);border-radius:999px;box-shadow:var(--shadow-sm),0 0 0 1px var(--border);pointer-events:none;z-index:0;opacity:0}.nn-tp-tab-indicator.is-ready{opacity:1;transition-property:left,width;transition-duration:360ms;transition-timing-function:var(--ease-in-out)}.nn-tp-tab{position:relative;z-index:1}.nn-tp-tabs{position:relative}.nn-tp-tab-icon,.nn-tp-tab-icon svg{width:16px;height:16px;flex-shrink:0}.nn-tp-tab-icon{display:inline-grid;place-items:center}.nn-tp-topbar-right{display:inline-flex;align-items:center;gap:10px}.nn-tp-icon-btn{width:40px;height:40px;display:inline-grid;place-items:center;background:var(--card);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;transition-property:color,border-color,background,transform;transition-duration:180ms;transition-timing-function:var(--ease-hover)}.nn-tp-icon-btn:hover{color:var(--text);border-color:var(--text-muted)}.nn-tp-icon-btn:active{transform:scale(.96)}.nn-tp-icon,.nn-tp-icon svg{width:18px;height:18px}.nn-tp-icon{display:inline-grid;place-items:center}.nn-tp-icon-moon{display:none}[data-theme=dark] .nn-tp-icon-sun{display:none}[data-theme=dark] .nn-tp-icon-moon{display:inline-grid}.nn-tp-avatar-btn{position:relative;width:40px;height:40px;padding:0;background:0 0;border:0;border-radius:50%;cursor:pointer;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--border);transition-property:transform,box-shadow;transition-duration:180ms,.7s;transition-timing-function:cubic-bezier(0.2,0,0,1),cubic-bezier(0.4,0,0.2,1)}.nn-tp-avatar-btn:hover{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.nn-tp-avatar-btn:active{transform:scale(.96)}.nn-tp-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--bg-elev);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}[data-theme=dark] .nn-tp-avatar{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.nn-tp-avatar-fallback{position:absolute;inset:0;display:none;place-items:center;background:var(--text);color:var(--card);border-radius:50%;font-family:var(--font-header);font-weight:600;font-size:var(--fs-lg);pointer-events:none}.nn-tp-avatar-btn[data-no-avatar] .nn-tp-avatar{display:none}.nn-tp-avatar-btn[data-no-avatar] .nn-tp-avatar-fallback{display:grid}.nn-tp-avatar-btn[data-tutor-state=pending]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent-warn,#b26a00)}.nn-tp-avatar-btn[data-tutor-state=paused]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--danger,#b32d2e)}.nn-tp-avatar-btn[data-tutor-state=active]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--success,#007a47)}.nn-tp-avatar-btn[data-tutor-state]:hover{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.nn-tp-avatar-btn::after{content:"";position:absolute;top:-1px;right:-1px;width:8px;height:8px;border-radius:50%;background:var(--accent-warn,#b26a00);box-shadow:0 0 0 2px var(--bg);pointer-events:none;opacity:0;transform:scale(.4);transition:opacity .5s ease-out,transform .5s cubic-bezier(.34, 1.56, .64, 1)}.nn-tp-avatar-btn[data-has-notification="1"]::after{opacity:1;transform:scale(1)}.nn-tp-avatar-btn[data-has-notification="1"][data-tutor-state=paused]::after{background:var(--danger,#b32d2e)}@media (max-width:1100px){.nn-tp-tab span{display:none}.nn-tp-tab.is-active span{display:inline}.nn-tp-tab{padding:8px 10px}.nn-tp-tab.is-active{padding:8px 14px}}@media (max-width:560px){.nn-tp-tab.is-active span{display:none}.nn-tp-tab,.nn-tp-tab.is-active{padding:8px 10px}}@media (max-width:880px){.nn-tp-topbar{grid-template-columns:auto 1fr auto;grid-template-rows:auto;gap:12px;padding:14px 18px}.nn-tp-tabs{grid-column:2;grid-row:1}.nn-tp-main{padding:24px 16px 80px}.nn-tp-h1{font-size:32px}}@media (max-width:680px){.nn-tp-brand-divider,.nn-tp-brand-suffix{display:none}.nn-tp-brand-text{display:none}}