#active-drafts{margin:24px 0 38px;padding:24px;border:1px solid #325680;border-radius:18px;background:#102544}#active-drafts[hidden]{display:none}#active-drafts h2{font-size:25px;margin:6px 0 16px;color:#edf7ff}.active-draft-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.active-draft-card{padding:18px;border:1px solid #39618b;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.active-draft-card h3{font-size:17px;margin:8px 0;color:#f0f7ff}.active-draft-card p,.active-draft-card small,.active-draft-status,.active-empty{font-size:12px;color:#b8cbe6;line-height:1.6}.active-draft-card small{display:block}.active-draft-card b{font-size:13px;color:#dcecff}.active-draft-card b.active-your-turn{color:#7fe3ff}.active-draft-card a{align-self:flex-start;text-decoration:none;font-size:13px;font-weight:800;color:#081e3b;background:#80dfff;padding:10px 14px;border-radius:8px}.active-draft-status{margin:14px 0 0}.draft-notifications{position:fixed;top:84px;right:18px;width:min(340px,calc(100vw - 32px));z-index:80;display:flex;flex-direction:column;gap:12px;pointer-events:none}.draft-notification{position:relative;background:#133458;border:1px solid #67c9ef;border-left:4px solid #7fe3ff;border-radius:12px;padding:18px 42px 18px 18px;box-shadow:0 12px 32px #0007;color:#f0f8ff;pointer-events:auto;animation:draft-notice-in .25s ease-out}.draft-notification small{font:10px Manrope,sans-serif;letter-spacing:1.4px;color:#85dfff;display:block;margin-bottom:8px}.draft-notification strong{font:800 17px Manrope,sans-serif;display:block}.draft-notification p{font:12px/1.6 Manrope,sans-serif;color:#c9d9ed;margin:10px 0}.draft-notification a{color:#8ae2ff;font:800 12px Manrope,sans-serif;text-decoration:none}.draft-notification-close{position:absolute;top:8px;right:8px;border:0;background:transparent;color:#e4f4ff;font-size:24px;cursor:pointer;padding:3px 7px}.draft-announcer{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes draft-notice-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.draft-notification{animation:none}}@media(max-width:600px){#active-drafts{padding:18px}.active-draft-list{grid-template-columns:1fr}.draft-notifications{top:72px;right:12px;width:min(320px,calc(100vw - 24px))}.draft-notification{padding:14px 38px 14px 14px}}

#active-drafts h2{letter-spacing:-.5px;line-height:1.25}