.bell{position:relative}.bell__button{width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative}.bell__button:hover,.bell__button--open{background:var(--panel-muted);color:var(--ink)}.bell__count{border:2px solid var(--paper);background:var(--accent);color:#fff;text-align:center;border-radius:9px;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:13px;position:absolute;top:2px;right:1px}.bell__panel{z-index:30;width:min(380px,100vw - 24px);max-height:min(520px,100vh - var(--header-height) - 24px);background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 40px #0000002e}@media (max-width:480px){.bell__panel{top:calc(var(--header-height) + 4px);position:fixed;right:12px}}.bell__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px 10px 16px;display:flex}.bell__empty{color:var(--ink-faint);text-align:center;margin:0;padding:24px 20px;font-size:14px}.bell__list{margin:0;padding:4px;list-style:none;overflow-y:auto}.bell__item{width:100%;color:var(--ink-soft);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:14px;display:flex}.bell__item:hover{background:var(--panel-muted)}.bell__item--unread{color:var(--ink)}.bell__item--unread .bell__text{font-weight:600}.bell__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bell__detail{color:var(--ink-soft);font-family:var(--font-book);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.bell__time{color:var(--ink-faint);font-size:12px}.bell__dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}
.layout{flex-direction:column;min-height:100vh;display:flex}.layout__header{z-index:10;height:var(--header-height);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);position:sticky;top:0}.layout__header-inner{align-items:center;gap:24px;max-width:1280px;height:100%;margin:0 auto;padding:0 24px;display:flex}@media (max-width:640px){.layout__header-inner{gap:12px;padding:0 12px}}.layout__logo{color:var(--ink);font-family:var(--font-book);align-items:center;gap:8px;font-size:21px;font-weight:700;display:flex}.layout__logo:hover{text-decoration:none}@media (max-width:640px){.layout__logo .badge,.layout__logo .wordmark>span{display:none}}.layout__nav{flex:1;gap:4px;display:flex}.layout__link{color:var(--ink-soft);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-weight:500;display:inline-flex;position:relative}.layout__link:hover{background:var(--panel-muted);text-decoration:none}.layout__link.active{color:var(--ink);background:var(--panel-muted)}.layout__dot{background:var(--accent);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.layout__session{align-items:center;gap:12px;margin-left:auto;display:flex}.layout__me{color:var(--ink);align-items:center;gap:8px;font-weight:500;display:flex}@media (max-width:800px){.layout__me-name{display:none}}.layout__main{flex:1}.layout__footer{border-top:1px solid var(--border);color:var(--ink-faint);justify-content:center;align-items:center;gap:12px;padding:16px;font-size:13px;display:flex}.layout__beta{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.layout__toasts{z-index:50;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.layout__toast{background:var(--ink);color:var(--paper);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:8px;padding:10px 8px 10px 14px;font-size:14px;display:flex}.layout__toast .btn{color:inherit}