.v-hosted-account .tome-notifications-main{width:min(100%,1040px)}.tome-notifications-heading{display:flex;align-items:center;gap:20px;margin:20px 0 30px}.tome-notifications-heading>.v-brief-icon{--icon-size:72px;width:72px;height:72px;flex-shrink:0}.tome-notifications-heading h1{font:500 clamp(25px,3vw,36px)/1.25 Literata,serif;margin:9px 0 12px;max-width:650px}.tome-notifications-heading p{font-size:14px;line-height:1.7;color:var(--muted)}.tome-notifications-content{display:grid;gap:22px}.tome-notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.v-hosted-account .tome-notification-preferences h2,.v-hosted-account .tome-notification-toolbar h2{margin-top:0}.tome-notification-toolbar p{color:var(--muted);margin:0}.tome-notification-items{list-style:none;margin:24px 0;padding:0;display:grid;gap:16px}.tome-notification-items>li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.tome-notification-items>li.is-unread{border-left:4px solid var(--blue)}.tome-notification-items .v-brief-icon{--icon-size:48px;width:48px;height:48px}.tome-notification-items h3{font:500 21px/1.4 Literata,serif;margin:12px 0 8px;overflow-wrap:anywhere}.tome-notification-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12px;line-height:1.6}.tome-notification-meta>span{display:inline-flex;border:1px solid var(--line);border-radius:20px;padding:2px 10px;color:var(--ink);background:var(--white)}.tome-notification-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 8px}.tome-notification-actions a,.tome-notification-actions button{max-width:100%;overflow-wrap:anywhere}.tome-notification-empty{padding:32px 10px;text-align:center}.tome-notification-empty>.v-brief-icon{--icon-size:80px;width:80px;height:80px;margin:0 auto 14px}.tome-notification-empty h3{font:500 23px/1.4 Literata,serif;margin:8px 0}.tome-notification-empty p{max-width:470px;margin:14px auto 22px}.tome-notification-status{padding:12px 16px;border-radius:12px;color:var(--ink);background:var(--paper);border:1px solid var(--line)}.v-hosted-account .tome-notification-preferences fieldset{display:grid;gap:18px;padding:20px}.v-hosted-account .tome-notification-preferences label{display:flex;align-items:start;gap:14px;cursor:pointer}.v-hosted-account .tome-notification-preferences input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:var(--blue);border-radius:6px;flex-shrink:0}.tome-notification-preferences label span{font-size:15px;line-height:1.5}.tome-notification-preferences label small{display:block;font-size:12px;line-height:1.7;color:var(--muted);margin-top:3px}.tome-account-classroom-notices{display:flex;align-items:center;gap:7px;min-height:44px;padding:6px 12px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--paper);text-decoration:none;font-size:13px}.tome-account-classroom-notices .v-brief-icon{--icon-size:30px;width:30px;height:30px}.theme-night .tome-notifications-main a:not(.primary){color:#adc8ff}@media(max-width:600px){.tome-notifications-heading{gap:12px;align-items:start}.tome-notifications-heading>.v-brief-icon{--icon-size:48px;width:48px;height:48px}.tome-notifications-heading h1{font-size:26px}.tome-notification-items>li{grid-template-columns:1fr;padding:18px;gap:8px}.tome-notification-items h3{font-size:20px}.tome-notification-actions{align-items:stretch;flex-direction:column}.tome-account-classroom-notices{padding:6px}.tome-account-classroom-notices>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}@media(prefers-reduced-motion:no-preference){.tome-notification-actions :is(button,a){transition:transform .15s ease,box-shadow .15s ease}.tome-notification-actions :is(button,a):active{transform:translateY(1px)}}