.nbell{display:inline-flex;position:relative}.nbell-btn{width:34px;height:34px;color:inherit;cursor:pointer;opacity:.85;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:15px;display:inline-flex;position:relative}.nbell-btn:hover,.nbell-btn[aria-expanded=true]{opacity:1;background:color-mix(in srgb, currentColor 10%, transparent)}.nbell-badge{background:var(--sun-accent);min-width:16px;height:16px;color:var(--sun-accent-ink);font:700 10px var(--sun-font-body);text-align:center;box-sizing:border-box;border-radius:99px;padding:0 4px;line-height:16px;position:absolute;top:2px;right:0}.nbell-pop{z-index:60;background:var(--sun-surface);width:360px;max-width:calc(100vw - 24px);max-height:min(70vh,520px);color:var(--sun-ink);border:1px solid var(--sun-line);border-radius:var(--sun-radius-lg,12px);text-align:left;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 32px #00000024}.nbell-head{border-bottom:1px solid var(--sun-line);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.nbell-title{font:600 14px var(--sun-font-head,var(--sun-font-body))}.nbell-all,.nbell-link{font:500 12px var(--sun-font-body);color:var(--sun-accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;display:inline-flex}.nbell-all:hover,.nbell-link:hover{text-decoration:underline}.nbell-empty{color:var(--sun-ink-soft);text-align:center;padding:22px 12px;font-size:13px}.nbell-list{margin:0;padding:4px;list-style:none;overflow-y:auto}.nbell-item{border-radius:var(--sun-radius-sm,8px);width:100%;color:var(--sun-ink);text-align:left;cursor:pointer;font-family:var(--sun-font-body);background:0 0;border:none;align-items:flex-start;gap:10px;padding:9px 8px;display:flex}.nbell-item:hover{background:var(--sun-fill)}.nbell-item--unread .nbell-item-title{font-weight:600}.nbell-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:1px;font-size:13px;display:inline-flex}.nbell-icon--accent{color:var(--sun-accent);background:color-mix(in srgb, var(--sun-accent) 12%, transparent)}.nbell-icon--ok{color:var(--sun-ok);background:color-mix(in srgb, var(--sun-ok) 12%, transparent)}.nbell-icon--neutral{color:var(--sun-ink-soft);background:var(--sun-fill)}.nbell-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.nbell-item-title{font-size:13px;line-height:1.3}.nbell-item-body{color:var(--sun-ink-soft);font-size:12px;line-height:1.35}.nbell-item-when{color:var(--sun-ink-faint,var(--sun-ink-soft));font-size:11px}.nbell-dot{background:var(--sun-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.titlebar{width:100%;min-width:0;height:var(--dash-top-h);box-sizing:border-box;background:linear-gradient(180deg, color-mix(in srgb, var(--sun-bar-raised) 50%, var(--sun-bar)) 0%, var(--sun-bar) 100%);border-bottom:1px solid var(--sun-bar-edge);color:var(--sun-bar-ink);font-family:var(--sun-font-body);-webkit-user-select:none;user-select:none;z-index:40;--bar-fill:var(--sun-bar);--bar-edge:var(--sun-bar-edge);--bar-corner:var(--sun-radius-lg);flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:0 12px;display:grid;position:relative;box-shadow:0 2px 6px #00000040}.titlebar:before,.titlebar:after{content:"";width:var(--bar-corner);height:var(--bar-corner);pointer-events:none;position:absolute;top:calc(100% + 1px)}.titlebar:before{background:radial-gradient(circle at 100% 100%, transparent calc(var(--bar-corner) - .5px), var(--bar-edge) calc(var(--bar-corner) + .5px), var(--bar-edge) calc(var(--bar-corner) + 1.5px), var(--bar-fill) calc(var(--bar-corner) + 2.5px));left:0}.titlebar:after{background:radial-gradient(circle at 0 100%, transparent calc(var(--bar-corner) - .5px), var(--bar-edge) calc(var(--bar-corner) + .5px), var(--bar-edge) calc(var(--bar-corner) + 1.5px), var(--bar-fill) calc(var(--bar-corner) + 2.5px));right:0}.titlebar-filemenu{justify-self:start;align-items:center;gap:3px;display:flex}.titlebar-tabs{background:var(--sun-bar-deep);border:1px solid var(--sun-bar-edge);box-sizing:border-box;border-radius:9px;justify-self:center;align-items:center;gap:3px;min-width:0;max-width:100%;padding:3px;display:flex}.titlebar-tab{box-sizing:border-box;min-width:96px;max-width:200px;font:600 13px var(--sun-font-body);color:var(--sun-bar-ink-soft);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:0 auto;align-items:center;gap:7px;padding:6px 16px;transition:background .12s ease-out,color .12s ease-out;display:inline-flex}.titlebar-tab .svg-inline--fa{opacity:.75;font-size:12px}.titlebar-tab:hover{color:var(--sun-bar-ink);background:color-mix(in srgb, var(--sun-bar-raised) 50%, var(--sun-bar-deep))}.titlebar-tab.active{background:var(--sun-bar-edge);color:var(--sun-bar-ink);box-shadow:inset 0 0 0 1px #ffffff26}.titlebar-tab.active .svg-inline--fa{opacity:1}.titlebar-tab.active.kind-component{background:var(--sun-accent);color:var(--sun-accent-ink);box-shadow:0 1px 4px #e8920c80}.titlebar-tab.active.kind-template{background:var(--sun-ok);box-shadow:0 1px 4px color-mix(in srgb, var(--sun-ok) 50%, transparent)}.titlebar.mode-component{--bar-edge:var(--sun-accent);border-bottom-color:var(--sun-accent);box-shadow:0 2px 6px #e8920c38}.titlebar.mode-template{--bar-edge:var(--sun-ok);border-bottom-color:var(--sun-ok);box-shadow:0 2px 6px color-mix(in srgb, var(--sun-ok) 22%, transparent)}.titlebar-actions{justify-content:flex-end;align-items:center;gap:3px;min-width:0;padding-right:6px;display:flex}.titlebar-btn{width:32px;height:32px;color:var(--sun-bar-ink-soft);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;font-size:14px;transition:background .12s ease-out,color .12s ease-out;display:inline-flex}.titlebar-btn:hover:not(:disabled){background:var(--sun-bar-raised);color:var(--sun-bar-ink)}.titlebar-btn:disabled{color:color-mix(in srgb, var(--sun-bar-ink-soft) 45%, transparent);cursor:default}.titlebar-btn.accent{color:var(--sun-bar-ink)}.titlebar-btn.accent:hover:not(:disabled){background:color-mix(in srgb, var(--sun-bar-ink) 12%, transparent);color:var(--sun-bar-ink)}.titlebar-sep{background:var(--sun-bar-raised);width:1px;height:22px;margin:0 5px}.titlebar.app-bar{z-index:var(--sun-z-panel);position:sticky;top:0}.app-bar__home{padding:5px var(--sun-space-8);border-radius:var(--sun-radius-sm);transition:background var(--sun-ease);align-items:center;display:inline-flex}.app-bar__home:hover{background:var(--sun-bar-raised)}.app-bar__home img{height:17px;display:block}.app-bar__tabs{overscroll-behavior-x:contain;scrollbar-width:none;overflow-x:auto}.app-bar__tabs::-webkit-scrollbar{display:none}.app-bar__tabs .titlebar-tab{flex:none;justify-content:center;text-decoration:none}html:has(.titlebar.app-bar):not(:has(.lp)){scroll-padding-top:var(--dash-top-h)}.app-bar__home:focus-visible,.app-bar__tabs .titlebar-tab:focus-visible,.app-bar__enter:focus-visible,.app-bar__join:focus-visible{outline:2px solid var(--sun-accent);outline-offset:1px}.app-bar__enter,.app-bar__join{height:30px;padding:0 var(--sun-space-12);border-radius:var(--sun-radius-sm);font:600 var(--sun-text-base)/1 var(--sun-font-body);white-space:nowrap;transition:background var(--sun-ease), color var(--sun-ease);align-items:center;text-decoration:none;display:inline-flex}.app-bar__enter{color:var(--sun-bar-ink-soft)}.app-bar__enter:hover{background:var(--sun-bar-raised);color:var(--sun-bar-ink)}.app-bar__join{margin-left:var(--sun-space-4);background:var(--sun-accent);color:var(--sun-accent-ink)}.app-bar__join:hover{background:color-mix(in srgb, var(--sun-accent) 88%, var(--sun-bar-ink))}@media (width<=720px){.titlebar.app-bar{padding:0 var(--sun-space-8);column-gap:var(--sun-space-8)}.app-bar__tabs .titlebar-tab{min-width:0;padding:var(--sun-space-6) var(--sun-space-10)}}