.shell{min-height:100vh;display:grid;grid-template-columns:var(--nav-width) 1fr;background:var(--surface)}.shell-close,.shell-topbar{display:none}.shell-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.shell-nav{background:var(--white);-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);padding:var(--sp-20) var(--sp-12);display:grid;grid-template-rows:auto 1fr auto;grid-gap:var(--sp-16);gap:var(--sp-16);position:-webkit-sticky;position:sticky;top:0;align-self:start;height:100vh}.shell-brand{display:flex;align-items:center;gap:var(--sp-10);padding:0 var(--sp-10);color:var(--primary)}.shell-brand>span{display:grid;min-width:0}.shell-brand b{font-size:var(--fs-h1);font-weight:700;line-height:1.2}.shell-brand small{font-size:var(--fs-meta);font-weight:500;color:var(--muted);letter-spacing:var(--ls-label)}.shell-nav ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--sp-2);gap:var(--sp-2)}.shell-nav a{display:flex;align-items:center;gap:var(--sp-10);padding:var(--sp-10) var(--sp-12);min-height:44px;border-radius:var(--r-field);color:var(--muted);text-decoration:none;font-size:var(--fs-body);font-weight:500}.shell-nav a:hover{background:var(--surface-2);color:var(--ink)}.shell-nav a.active{background:var(--primary-tint);color:var(--primary);font-weight:600}.shell-nav a svg{flex-shrink:0}.shell-me{display:flex;align-items:center;gap:var(--sp-10);padding:var(--sp-10);border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface-2)}.shell-me-text{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);min-width:0}.shell-me .shell-name{font-size:var(--fs-sm);font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-icon-btn{position:relative;flex-shrink:0;-webkit-margin-start:auto;margin-inline-start:auto;width:var(--icon-btn);height:var(--icon-btn);display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:var(--r-field);background:var(--white);color:var(--muted);cursor:pointer;transition:color .12s ease,border-color .12s ease}.shell-icon-btn:after{content:"";position:absolute;inset-block:calc((var(--icon-btn) - 44px) / 2);inset-inline:calc((var(--icon-btn) - 44px) / 2)}.shell-icon-btn:hover{color:var(--primary);border-color:var(--primary)}.shell-main{display:grid;grid-template-rows:var(--header-height) 1fr;min-width:0}.shell-header{background:var(--white);-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);padding:0 var(--sp-24);justify-content:space-between;gap:var(--sp-16)}.shell-header,.shell-user{display:flex;align-items:center}.shell-user{gap:var(--sp-10)}.shell-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-tint);color:var(--primary);display:grid;place-items:center;font-weight:700}.shell-name{font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--sp-2)}.shell-actions{display:flex;align-items:center;gap:var(--sp-14)}.shell-link{border:0;background:none;padding:0;color:var(--muted);font:inherit;font-size:var(--fs-sm);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}.shell-link:hover{color:var(--primary)}.shell-content{padding:var(--sp-24);overflow-x:auto}@media (max-width:860px){.shell{grid-template-columns:1fr}.shell-topbar{gap:var(--sp-12);padding:var(--sp-10) var(--sp-12);-webkit-border-after:1px solid var(--border);border-block-end:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:30}.shell-burger,.shell-topbar{display:flex;align-items:center;background:var(--white)}.shell-burger{position:relative;flex-shrink:0;width:34px;height:34px;justify-content:center;border:1px solid var(--border);border-radius:var(--r-field);color:var(--ink);cursor:pointer}.shell-burger:after{content:"";position:absolute;inset:-5px;border-radius:inherit}.shell-burger:hover{border-color:var(--primary);color:var(--primary)}.shell-brand-top{padding:0;border:0}.shell-nav>.shell-brand:not(.shell-brand-top){display:none}.shell-nav{position:fixed;inset-block:0;inset-inline-start:0;width:min(300px,84vw);height:100dvh;z-index:50;-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);-webkit-border-after:0;border-block-end:0;padding:var(--sp-16) var(--sp-12);overflow-y:auto;transform:translateX(0);transition:transform .2s cubic-bezier(.22,1,.36,1);box-shadow:none}[dir=rtl] .shell-nav{transform:translateX(101%)}[dir=ltr] .shell-nav{transform:translateX(-101%)}[dir=ltr] .shell-nav.open,[dir=rtl] .shell-nav.open{transform:translateX(0)}.shell-nav.open{box-shadow:0 0 40px rgb(0 0 0/18%)}.shell-scrim{position:fixed;inset:0;z-index:40;background:rgb(17 24 39/45%)}.shell-close{display:flex;align-items:center;justify-content:center;position:relative;width:34px;height:34px;-webkit-margin-start:auto;margin-inline-start:auto;border:1px solid var(--border);background:var(--white);border-radius:var(--r-field);color:var(--muted);cursor:pointer}.shell-close:after{content:"";position:absolute;inset:-5px;border-radius:inherit}.shell-nav ul{grid-auto-flow:row;gap:var(--sp-2)}.shell-nav a{min-height:44px;display:flex;align-items:center}.shell-main{grid-template-rows:auto 1fr}.shell-header{flex-wrap:wrap;gap:var(--sp-8);padding:var(--sp-10) var(--sp-12)}.shell-content{padding:var(--sp-12)}}[dir=ltr] .shell-nav ul{--nav-fade-dir:right}.gsearch{position:relative;flex:1 1;max-width:460px}.gsearch-icon{position:absolute;inset-inline-start:var(--sp-12);top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}.gsearch-input{width:100%;-webkit-padding-start:calc(var(--sp-12) * 2 + 16px);padding-inline-start:calc(var(--sp-12) * 2 + 16px);background:var(--surface)}.gsearch-input:focus{background:var(--white)}.gsearch-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.gsearch-panel{position:absolute;inset-inline:0;top:calc(100% + var(--sp-6));background:var(--white);border:1px solid var(--border);border-radius:var(--r-raised);box-shadow:var(--shadow-modal);z-index:60;max-height:60vh;overflow-y:auto}.gsearch-panel ul{list-style:none;margin:0;padding:var(--sp-4);display:grid}.gsearch-panel button{width:100%;display:flex;align-items:center;gap:var(--sp-10);min-height:44px;padding:var(--sp-8) var(--sp-10);border:0;border-radius:var(--r-field);background:transparent;color:var(--ink);text-align:start;font:inherit;cursor:pointer}.gsearch-panel button.on{background:var(--primary-tint)}.gsearch-text{display:grid;min-width:0;flex:1 1}.gsearch-text b{font-size:var(--fs-body);font-weight:600}.gsearch-text b,.gsearch-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gsearch-text small{font-size:var(--fs-meta);color:var(--muted)}.gsearch-panel em{flex-shrink:0;font-style:normal;font-size:var(--fs-meta);color:var(--badge-neutral-text);background:var(--neutral-bg);border-radius:var(--r-pill);padding:var(--sp-2) var(--sp-8)}.gsearch-note{margin:0;padding:var(--sp-16);font-size:var(--fs-sm);color:var(--muted);text-align:center}@media (max-width:860px){.gsearch{max-width:none;flex-basis:100%;order:1}.shell-actions{order:2;-webkit-margin-start:auto;margin-inline-start:auto}.gsearch-input{font-size:16px}}.nbell{position:relative;flex-shrink:0}.nbell-btn{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--white);border-radius:var(--r-field);color:var(--muted);cursor:pointer;transition:border-color .12s ease,color .12s ease}.nbell-btn:after{content:"";position:absolute;inset:-3px;border-radius:inherit}.nbell-btn:hover,.nbell-btn[aria-expanded=true]{border-color:var(--primary);color:var(--primary)}.nbell-badge{position:absolute;top:-6px;inset-inline-start:-6px;min-width:18px;height:18px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-pill);background:var(--danger-fg);color:#ffffff;font-size:11px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nbell-panel{position:absolute;top:46px;inset-inline-end:0;width:360px;max-width:calc(100vw - var(--sp-24));background:var(--white);border:1px solid var(--border);border-radius:var(--r-raised);box-shadow:0 12px 32px rgb(0 0 0/14%);z-index:50;overflow:hidden}.nbell-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);padding:var(--sp-12) var(--sp-14);border-bottom:1px solid var(--border-light)}.nbell-title{font-size:var(--fs-body);font-weight:700;color:var(--ink)}.nbell-mark{border:none;background:none;cursor:pointer;padding:var(--sp-4) var(--sp-6);border-radius:var(--r-field);font:inherit;font-size:var(--fs-meta);font-weight:600;color:var(--primary)}.nbell-mark:hover:not(:disabled){background:var(--primary-tint)}.nbell-mark:disabled{cursor:progress;opacity:.65}.nbell-list{list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto}.nbell-row{width:100%;gap:var(--sp-10);align-items:flex-start;text-align:start;padding:var(--sp-10) var(--sp-14);border:none;background:none;font:inherit;color:var(--ink);cursor:pointer}.nbell-mark-dot{width:26px;height:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--fs-meta);font-weight:700;background:var(--mark-bg);color:var(--mark-fg)}.nbell-mark-dot.tone-danger{--mark-bg:var(--danger-bg);--mark-fg:var(--danger-fg)}.nbell-mark-dot.tone-warning{--mark-bg:var(--warning-bg);--mark-fg:var(--warning-deep)}.nbell-mark-dot.tone-info{--mark-bg:var(--info-bg);--mark-fg:var(--info-fg)}.nbell-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.nbell-text b{font-size:var(--fs-sm);font-weight:600;line-height:1.5}.nbell-text small{font-size:11px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nbell-empty,.nbell-foot{margin:0;padding:var(--sp-14);text-align:center;font-size:var(--fs-meta);color:var(--muted)}@media (forced-colors:active){.nbell-badge,.nbell-panel{border:1px solid CanvasText}.nbell-row.unread{outline:1px solid Highlight;outline-offset:-3px}}@media (max-width:520px){.nbell-panel{position:fixed;top:60px;inset-inline:var(--sp-12);width:auto}}.nbell-row{display:flex;align-items:stretch;border-bottom:1px solid var(--border-light)}.nbell-row:hover{background:var(--surface-2)}.nbell-row.unread{background:var(--primary-tint-2)}.nbell-open{flex:1 1;min-width:0;gap:var(--sp-10);align-items:flex-start;text-align:start;padding:var(--sp-10) var(--sp-14);border:none;background:none;font:inherit;color:var(--ink)}.nbell-open,.nbell-tick{display:flex;cursor:pointer}.nbell-tick{position:relative;align-self:center;width:30px;height:30px;flex-shrink:0;-webkit-margin-end:var(--sp-8);margin-inline-end:var(--sp-8);align-items:center;justify-content:center;border:1px solid var(--border);background:var(--white);border-radius:var(--r-pill);color:var(--muted)}.nbell-tick:after{content:"";position:absolute;inset:-7px;border-radius:inherit}.nbell-tick:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-tint)}@media (forced-colors:active){.nbell-tick{border-color:CanvasText}}