.notification-bell{border:1px solid var(--border);background:var(--card);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;position:relative;color:var(--accent)!important;display:inline-flex!important}.bell-count{border:2px solid var(--border);background:var(--accent);min-width:20px;height:20px;color:var(--on-accent);border-radius:12px;place-items:center;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-5px;right:-5px}.notifications-page{background:var(--bg);min-height:100dvh;color:var(--text)}.notifications-top{background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:22px 5%;display:flex}.notifications-top nav{align-items:center;gap:24px;display:flex}.notifications-top a{color:inherit;text-decoration:none}.notifications-main{max-width:900px;margin:auto;padding:42px 24px 70px}.notifications-intro h1{letter-spacing:-1px;align-items:center;gap:18px;margin:14px 0;font-size:clamp(30px,5vw,44px);display:flex}.notifications-intro h1 svg{color:var(--text)}.notifications-intro p{color:var(--muted)}.notification-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 15px;display:flex}.notifications-page button{border:1px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;min-height:42px;font:inherit;border-radius:13px;padding:10px 15px;font-size:12px}.notifications-page button:disabled{opacity:.5;cursor:default}.notification-toolbar nav{gap:8px;display:flex}.notification-toolbar button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--border)}.notification-toolbar nav span{margin-left:6px}.notifications-page .read-all{background:0 0;border-color:#0000;align-items:center;gap:8px;display:inline-flex}.notifications-connection{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;font-size:11px;display:flex}.notifications-connection button{background:0 0;border:0;font-size:11px;text-decoration:underline}.notifications-list{gap:13px;display:grid}.notification-card{background:var(--card);border:1px solid var(--border);border-radius:20px;align-items:flex-start;gap:18px;padding:22px;animation:.2s ease-out notification-in;display:flex}.notification-card.is-unread{border-color:var(--border);box-shadow:0 3px 18px var(--shadow-color);background:var(--card)}.notification-icon{border-radius:17px;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid}.notification-icon.violet{background:var(--card);color:var(--accent)}.notification-icon.mint{background:var(--success-surface);color:var(--success)}.notification-icon.peach{background:var(--warning-surface);color:var(--warning)}.notification-icon.rose{background:var(--card);color:var(--danger)}.notification-body{flex:1;min-width:0}.notification-meta{color:var(--muted);justify-content:space-between;gap:10px;font-size:10px;display:flex}.notification-read-state{white-space:nowrap}.is-unread .notification-read-state{color:var(--on-accent);font-weight:700}.notification-body>p{overflow-wrap:anywhere;margin:9px 0;font-size:14px;line-height:1.7}.is-read .notification-body>p{color:var(--muted)}.notification-body time{color:var(--muted);font-size:10px}.notification-actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:12px;display:flex}.notification-actions>a{color:var(--accent);font-size:12px;font-weight:600;text-decoration:none}.notification-actions>a[aria-disabled=true]{pointer-events:none;opacity:.5}.notification-actions button{background:var(--card);min-height:36px;padding:7px 11px;font-size:11px}.notification-unavailable{color:var(--muted);font-size:11px}.notifications-empty{text-align:center;background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:22px;padding:45px 25px;font-size:14px;line-height:1.8}.notifications-empty h2{color:var(--text);font-size:21px}.notification-pagination{color:var(--muted);justify-content:center;align-items:center;gap:18px;margin-top:28px;font-size:12px;display:flex}.notification-success,.notification-error{border-radius:12px;padding:12px 16px;font-size:13px;line-height:1.6}.notification-success{background:var(--success-surface);color:var(--success)}.notification-error{background:var(--danger-surface);color:var(--danger)}.notifications-demo{border:1px dashed var(--border);color:var(--muted);border-radius:14px;margin-bottom:18px;padding:13px 16px;font-size:11px}.notifications-demo summary{cursor:pointer}.notifications-demo button{min-height:32px;margin:6px 6px 0 0;font-size:10px}.notification-bell:focus-visible,.notifications-page :focus-visible{outline:3px solid var(--border);outline-offset:3px}@keyframes notification-in{0%{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.notification-card{animation:none}}@media (width<=600px){.notifications-top{flex-wrap:wrap;padding:18px}.notifications-top nav{gap:18px;font-size:12px}.notifications-main{padding:28px 16px}.notification-card{gap:12px;padding:17px 14px}.notification-icon{border-radius:14px;width:40px;height:40px}.notification-meta{font-size:9px}.notification-body>p{font-size:13px}.notification-toolbar,.notification-pagination{gap:10px}.notifications-connection{gap:8px}.notifications-page .read-all{padding-left:0}.topbar-profile .notification-bell{width:34px;height:34px}.student-topbar nav,.events-topbar nav,.people-top nav,.messages-top nav{align-items:center}}.home-brand-row{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (width>=1100px){.sidebar .home-brand-row{gap:8px;margin-bottom:47px}.sidebar .home-brand-row .brand{gap:7px;margin-bottom:0;font-size:19px}.sidebar .home-brand-row .brand-mark{border-radius:11px;width:32px;height:32px}.sidebar .home-brand-row .notification-bell{border-radius:12px;width:34px;height:34px}}.student-page{background:var(--bg);min-height:100svh}.student-topbar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:22px max(20px,50vw - 560px);display:flex}.student-topbar nav{color:var(--muted);gap:23px;font-size:13px;display:flex}.student-topbar [aria-current]{color:var(--accent);font-weight:700}.student-main{max-width:1120px;margin:auto;padding:25px 20px 48px}.student-back{color:var(--muted);align-items:center;gap:8px;padding:8px 0;font-size:12px;display:inline-flex}.student-title{justify-content:space-between;align-items:center;gap:20px;margin:20px 0 26px;display:flex}.student-title h1{letter-spacing:-1px;margin:10px 0 0;font-size:32px;font-weight:750}.student-title-note{color:var(--text);font-size:12px;display:none}.student-hero{background:var(--card);border:1px solid var(--border);border-radius:22px;margin-bottom:24px;overflow:hidden}.student-cover{background:linear-gradient(110deg, var(--accent-surface), var(--accent-surface) 60%, var(--accent-surface));min-height:115px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.student-cover>span:first-child{letter-spacing:2px;font-size:9px;font-weight:800}.student-cover>span:last-child{color:var(--accent);font-size:80px;line-height:.6}.student-identity{flex-wrap:wrap;align-items:center;gap:20px;padding:0 24px 26px;display:flex}.profile-avatar{border:5px solid var(--border);object-fit:cover;background:var(--accent);width:92px;height:92px;color:var(--on-accent);border-radius:27px;flex-shrink:0;justify-content:center;align-items:center;margin-top:-25px;font-size:28px;font-weight:750;display:flex;position:relative}.student-name{overflow-wrap:anywhere;flex:190px;min-width:0;padding-top:18px}.student-name h2{letter-spacing:-.7px;margin:8px 0;font-size:25px;font-weight:750}.student-name p{color:var(--text);margin:0;font-size:12px}.student-identity>.primary-button{width:100%}.student-grid,.student-stack{align-content:start;gap:22px;display:grid}.student-card{background:var(--card);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:20px;min-width:0;padding:24px}.student-card h2{letter-spacing:-.3px;align-items:center;gap:10px;margin:0 0 20px;font-size:17px;font-weight:700;display:flex}.student-card h2 svg{color:var(--text);flex-shrink:0}.student-card h3{margin:23px 0 12px;font-size:12px;font-weight:700}.student-bio{white-space:pre-wrap;color:var(--muted);font-size:14px;line-height:1.9}.student-tags{flex-wrap:wrap;gap:9px;display:flex}.student-tag{background:var(--card);color:var(--accent);overflow-wrap:anywhere;border-radius:9px;align-items:center;gap:8px;max-width:100%;padding:8px 11px;font-size:12px;display:inline-flex}.student-tag.mint{background:var(--success-surface);color:var(--success)}.student-tag.peach{background:var(--warning-surface);color:var(--warning)}.student-tag button{color:inherit;background:0 0;border:0;border-radius:7px;flex-shrink:0;padding:5px;display:flex}.student-empty{color:var(--muted);margin:8px 0;font-size:12px;line-height:1.8}.student-sports{gap:12px;display:grid}.student-sports>div{background:var(--card);border-radius:12px;justify-content:space-between;align-items:center;gap:15px;padding:14px;font-size:13px;display:flex}.student-level{color:var(--muted);background:var(--card);border-radius:20px;padding:5px 9px;font-size:11px}.student-schedule{margin:15px 0 0}.student-schedule>div{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;padding:12px 0;font-size:12px;display:grid}.student-schedule dt{color:var(--muted)}.student-schedule dd{color:var(--muted);text-align:right;margin:0}.student-facts{gap:20px;margin:20px 0 0;display:grid}.student-facts dt{color:var(--muted);margin-bottom:5px;font-size:11px}.student-facts dd{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.student-groups{gap:20px;margin:0;padding:0;list-style:none;display:grid}.student-groups li{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.student-groups small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.student-group-icon{background:var(--card);color:var(--muted);border-radius:10px;flex-shrink:0;padding:10px}.student-footer{text-align:center;color:var(--muted);padding:20px;font-size:11px}.student-editor{max-width:780px;margin:auto}.student-edit-note{color:var(--muted);background:var(--card);border-radius:12px;padding:18px;font-size:12px;line-height:1.8}.student-editor fieldset{border:0;gap:20px;min-width:0;margin:0;padding:0;display:grid}.student-editor textarea,.student-editor select{width:100%;font:inherit;background:var(--control);border:1px solid var(--input-border);color:var(--muted);border-radius:12px;padding:14px;font-size:13px}.student-editor textarea{resize:vertical;min-height:120px}.student-editor textarea:focus,.student-editor select:focus{outline:3px solid var(--input-border);border-color:var(--input-border)}.editor-add{align-items:stretch;gap:10px;margin-top:15px;display:flex}.editor-add input{min-width:0}.editor-add .secondary-button{white-space:nowrap;flex-shrink:0}.secondary-button{background:var(--card);color:var(--accent);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:650;display:inline-flex}.editor-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;margin-bottom:20px;display:grid}.editor-row>div{min-width:0}.editor-row label{margin-top:10px}.editor-row select{padding-left:8px;padding-right:4px}.availability-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.availability-row .remove-row{justify-self:end}.remove-row{width:36px;height:44px;color:var(--danger);background:var(--danger-surface);border:0;border-radius:10px;place-items:center;display:grid}.editor-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;display:flex}.editor-actions .primary-button{width:auto;margin:0}.student-editor input[type=time]{min-width:0;padding:12px 7px}@media (width>=700px){.student-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.student-title-note{display:block}.student-identity>.primary-button{width:auto;margin-top:18px}.student-cover{min-height:145px;padding:35px}.student-identity{padding-left:35px;padding-right:35px}.availability-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) auto}}.activity-list-actions{flex-wrap:wrap;align-items:center;gap:14px;margin:25px 0;display:flex}.activity-list-actions h2{flex:210px;margin:0}.activity-mine-tabs{gap:12px;margin:20px 0;display:flex}.activity-mine-tabs a{background:var(--card);color:var(--muted);border:1px solid var(--border);border-radius:12px;padding:12px 18px;font-size:13px}.activity-mine-tabs [aria-current]{background:var(--accent);color:var(--on-accent)}.activity-editor{max-width:780px;margin:0 auto 40px}.activity-editor fieldset{border:0;gap:24px;min-width:0;margin:0;padding:0;display:grid}.activity-editor textarea,.activity-editor select,.activity-modal select{width:100%;font:inherit;background:var(--control);border:1px solid var(--input-border);color:var(--muted);border-radius:12px;padding:14px;font-size:13px}.activity-editor textarea{resize:vertical}.activity-editor input{min-width:0}.activity-editor-columns{gap:16px;display:grid}.activity-editor-columns>div{min-width:0}.activity-toggle{align-items:center;gap:10px;display:flex}.activity-toggle input,.activity-days input{width:auto;accent-color:var(--accent)}.activity-days{flex-wrap:wrap;gap:10px;display:flex}.activity-days label{border:1px solid var(--border);border-radius:10px;align-items:center;gap:7px;margin:5px 0;padding:10px;font-size:12px;display:flex}.activity-edit-link{width:100%;margin-top:15px;display:flex}.cancel-activity-button{border:1px solid var(--border);background:var(--card);width:100%;color:var(--danger);border-radius:12px;margin-top:15px;padding:14px;font-size:13px;font-weight:650;display:block}.cancel-activity-button:disabled{opacity:.6}.activity-modal-backdrop{background:var(--backdrop);z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.activity-modal{background:var(--card);width:100%;max-width:450px;max-height:90svh;box-shadow:0 30px 100px var(--shadow-color);border-radius:20px;padding:28px;overflow-y:auto}.activity-modal h2{letter-spacing:-.5px;font-size:23px;font-weight:750}.activity-modal p{color:var(--muted);margin:18px 0;font-size:13px;line-height:1.8}.activity-modal .secondary-button{width:100%;margin-top:12px}.activity-modal label{color:var(--muted);margin:14px 0 8px;font-size:12px;display:block}.event-status{font-weight:650}@media (width>=650px){.activity-editor-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}.events-page{background:var(--bg);min-height:100svh}.events-topbar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px max(20px,50vw - 580px);display:flex}.events-topbar nav{color:var(--muted);flex-wrap:wrap;gap:20px;font-size:12px;display:flex}.events-topbar [aria-current]{color:var(--accent);font-weight:700}.events-main{max-width:1160px;margin:auto;padding:30px 20px}.events-heading{background:var(--card);border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:30px 25px;display:flex}.events-heading h1{color:var(--text);letter-spacing:-1.3px;margin:15px 0;font-size:clamp(28px,4vw,40px);font-weight:750;line-height:1.15}.events-heading p{color:var(--muted);font-size:13px;line-height:1.8}.events-sticker{color:var(--accent);font-size:100px;display:none}.events-section-title{letter-spacing:-.5px;margin:30px 0 20px;font-size:23px;font-weight:750}.events-filters{background:var(--control);border:1px solid var(--border);border-radius:18px;gap:16px;padding:20px;display:grid}.events-filters>div{min-width:0}.events-filters label{margin:0 0 8px}.events-filters select{width:100%;font:inherit;border:1px solid var(--input-border);color:var(--muted);background:var(--control);border-radius:12px;padding:14px 9px;font-size:12px}.events-filters input{min-width:0}.events-checks{flex-wrap:wrap;grid-column:1/-1;gap:18px;display:flex}.events-checks label{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:11px;display:flex}.events-checks input{width:auto;accent-color:var(--accent);box-shadow:none}.events-filter-actions{flex-wrap:wrap;grid-column:1/-1;gap:12px;display:flex}.events-filter-actions .primary-button{width:auto;margin:0}.events-filters .error-message{grid-column:1/-1}.events-search{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;padding:20px 0 8px;display:flex}.events-search label{color:var(--muted);font-size:12px}.events-search input{background:var(--control);border:1px solid var(--input-border);border-radius:12px;flex:240px;min-width:0;padding:13px;font-size:13px}.events-note,.events-count{color:var(--muted);font-size:11px;line-height:1.7}.events-count{margin:22px 0 16px}.events-grid{gap:23px;display:grid}.event-card{background:var(--card);border:1px solid var(--border);border-radius:20px;min-width:0;overflow:hidden}.event-card-cover{background:var(--card);height:130px;color:var(--warning);justify-content:space-between;align-items:start;padding:22px;display:flex;position:relative}.category-study .event-card-cover,.event-detail-hero.category-study,.category-social .event-card-cover,.event-detail-hero.category-social{background:var(--card);color:var(--muted)}.category-outing .event-card-cover,.event-detail-hero.category-outing{background:var(--card);color:var(--success)}.event-card-cover>span:first-child{background:var(--card);border-radius:20px;padding:6px 11px;font-size:11px;font-weight:700}.event-card-cover>span:nth-child(2){font-size:85px;line-height:1}.event-card-cover b{background:var(--card);color:var(--muted);border-radius:20px;padding:6px 10px;font-size:10px;position:absolute;bottom:15px;left:20px}.event-card-body{padding:21px}.event-card h3{letter-spacing:-.5px;color:var(--text);margin:15px 0 20px;font-size:20px;font-weight:750;line-height:1.35}.event-card-body>p{color:var(--muted);align-items:center;gap:8px;margin:10px 0;font-size:12px;line-height:1.8;display:flex}.event-card-body svg{flex-shrink:0}.event-tags{flex-wrap:wrap;gap:8px;display:flex}.event-tags span{background:var(--card);color:var(--muted);border-radius:6px;padding:5px 9px;font-size:10px}.event-organizer{color:var(--muted);border-top:1px solid var(--border);margin-top:20px;padding-top:16px;font-size:11px}.event-detail-link{color:var(--accent);justify-content:space-between;margin-top:20px;font-size:12px;font-weight:650;display:flex}.events-state{background:var(--card);border:1px solid var(--border);color:var(--muted);border-radius:18px;padding:36px 24px;line-height:1.8}.events-state h3{font-size:20px;font-weight:700}.events-pagination{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:30px;font-size:12px;display:flex}.events-pagination button:disabled{opacity:.4}.events-footer{text-align:center;color:var(--muted);padding:35px 20px;font-size:11px}.event-detail-hero{background:var(--card);border-radius:22px;margin:20px 0 25px;padding:35px 25px}.event-detail-hero h1{letter-spacing:-1px;color:var(--text);margin:20px 0;font-size:clamp(30px,4vw,42px);font-weight:750;line-height:1.2}.event-detail-hero p{color:var(--muted);font-size:13px}.event-detail-grid{gap:24px;display:grid}.event-description{white-space:pre-wrap;color:var(--muted);font-size:14px;line-height:1.9}.event-facts{gap:20px;margin-top:30px;display:grid}.event-facts dt{color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:11px;display:flex}.event-facts dd{color:var(--muted);margin:0;font-size:13px}.event-participants{margin-top:24px}.event-participants ul{gap:18px;padding:0;list-style:none;display:grid}.event-participants li{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.event-participants small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.event-initials{background:var(--card);width:40px;height:40px;color:var(--muted);border-radius:12px;place-items:center;font-weight:700;display:grid}.event-signup{align-self:start}.event-signup h2{margin-top:20px;font-size:24px}.event-signup>p{color:var(--muted);font-size:13px;line-height:1.8}.event-signup .primary-button{width:100%;margin-top:25px}.event-joined,.event-block{background:var(--card);border-radius:10px;padding:12px}@media (width>=650px){.events-filters,.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.events-sticker{display:block}.events-heading{padding:35px}.event-detail-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}}@media (width>=1000px){.events-filters,.events-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}