.site-menu-entry{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:flex}.tutor-mode-badge{color:#344739;white-space:nowrap;background:#f5f5e9;border:1px solid #b4c1a7;border-radius:8px;align-items:center;min-height:32px;padding:6px 10px;font:600 14px/1.3 DM Sans,sans-serif;display:inline-flex}.signed-in-header{flex-wrap:wrap}.signed-in-header .site-menu-entry .site-menu-trigger{min-width:112px;min-height:48px}@media (max-width:420px){.signed-in-header{gap:8px 12px}.site-menu-entry{gap:8px}.tutor-mode-badge{padding-inline:8px}}.notification-center{flex-shrink:0;position:relative}.notification-trigger{border:1px solid var(--border);background:var(--card);color:#354d41;border-radius:12px;place-items:center;width:46px;height:46px;padding:0;display:grid;position:relative}.notification-trigger:hover{background:#f2eadb}:is(.notification-trigger:focus-visible,.notification-tab:focus-visible,.notification-mark-read:focus-visible,.notification-item:focus-visible){outline-offset:2px;outline:3px solid #627e56}.notification-badge{color:#fffdf7;background:#8b5339;border:2px solid #f8f5ee;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font:700 12px/1 DM Sans,Arial,sans-serif;display:grid;position:absolute;top:-6px;right:-6px}.notification-panel{z-index:var(--z-notifications);border:1px solid var(--border);background:var(--card);overscroll-behavior:contain;transform-origin:100% 0;border-radius:18px;width:min(430px,100vw - 32px);max-height:min(620px,100dvh - 86px);animation:.14s ease-out notification-panel-in;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 24px 70px #302a2033}.notification-panel[hidden]{display:none}.notification-panel-head{border-bottom:1px solid #e4ddce;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:10px 16px;display:flex}.notification-panel h2{font:500 22px/1.2 var(--ink-serif);margin:0}.notification-mark-read{color:#3d4a38;white-space:nowrap;cursor:pointer;background:#f4f6ee;border:1px solid #c3cbb8;border-radius:11px;justify-content:center;align-items:center;min-height:44px;padding:8px 14px;font:600 14px DM Sans,Arial,sans-serif;display:inline-flex}.notification-mark-read:disabled{color:#8a857b;cursor:default;background:#efece4}.notification-tabs{border-bottom:1px solid #e4ddce;grid-template-columns:1fr 1fr;gap:6px;padding:10px 12px;display:grid}.notification-tab{color:#5f5a51;background:0 0;border:0;border-radius:10px;min-height:44px;font:650 15px DM Sans,Arial,sans-serif}.notification-tab[aria-selected=true]{color:#29382f;background:#e3e9dc}.notification-list{margin:0;padding:0;list-style:none}.notification-item{min-height:82px;color:inherit;border-bottom:1px solid #eee8dd;grid-template-columns:10px minmax(0,1fr) 20px;gap:12px;padding:15px 17px;text-decoration:none;display:grid}.notification-list li:last-child .notification-item{border-bottom:0}.notification-item:hover{background:#f5f1e8}.notification-item.is-busy{cursor:wait;opacity:.62}.notification-dot{background:#8b5339;border-radius:50%;width:9px;height:9px;margin-top:7px}.notification-kind-icon{color:#8b5339;margin-top:1px}.notification-item.has-homework{grid-template-columns:20px minmax(0,1fr) 20px}.notification-copy{grid-template-columns:minmax(0,1fr) auto;gap:3px 14px;min-width:0;display:grid}.notification-copy strong{overflow-wrap:anywhere;grid-column:1;font-size:16px;font-weight:700}.notification-copy>span{color:#5f5a51;overflow-wrap:anywhere;grid-column:1;line-height:1.4}.notification-copy time{color:#756a5c;text-align:right;white-space:nowrap;grid-area:1/2/span 2;align-self:start;font-size:14px}.notification-arrow{color:#4d6048;align-self:center}.notification-item.is-read .notification-dot{background:0 0}.notification-item.is-read .notification-kind-icon{color:#756a5c}.notification-empty{color:#756a5c;text-align:center;margin:0;padding:30px 20px}@keyframes notification-panel-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:760px){.notification-trigger{width:44px;height:44px}.notification-panel{max-height:calc(100dvh - 82px);position:fixed;top:70px;right:16px}}@media (max-width:430px){.notification-panel{width:auto;left:12px;right:12px}.notification-copy{grid-template-columns:1fr}.notification-copy time{text-align:left;grid-area:auto/1}.tutor-mode-badge+.notification-center{margin-left:auto}}@media (prefers-reduced-motion:reduce){.notification-panel{animation:none}}
