.home-together-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-together-section .home-shortcut-card{width:auto;min-height:94px;padding:12px;flex-direction:column;justify-content:center;gap:8px}.home-together-section .home-shortcut-card svg{width:28px;height:28px;color:inherit}.home-together-section .home-shortcut-card.affection svg{fill:currentColor;stroke:none}.home-together-section .home-shortcut-card.countdowns svg{fill:none}.home-together-section .home-shortcut-card span{font-size:14px}
.home-event-banner{display:flex;align-items:center;gap:12px;width:100%;padding:12px;margin:0 0 16px;background:#10161d;border:1px solid var(--theme-color);border-radius:8px;color:#fff;text-align:left;min-width:0}.home-event-banner[hidden]{display:none}.home-event-banner>svg{width:26px;height:26px;flex:0 0 26px;color:var(--theme-color)}.event-banner-copy{min-width:0;flex:1}.event-banner-copy small{display:block;color:#aab5c1;font-size:11px;margin-bottom:4px}.event-banner-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:14px;line-height:1.4}.home-event-banner>b{font-size:12px;white-space:nowrap;color:var(--theme-color)}
.home-continue{margin-top:26px;min-width:0}.home-continue[hidden]{display:none}.continue-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.continue-heading .menu-prompt{font-size:18px;margin:0;min-width:0}.continue-indicator{display:flex;align-items:center;gap:4px;flex-shrink:0;font-size:11px;color:#b4bfca;font-variant-numeric:tabular-nums}.continue-indicator button{padding:4px;background:none;color:var(--theme-color);width:24px;height:28px;display:grid;place-items:center}.continue-indicator svg{width:16px;height:16px}.continue-indicator button[hidden]{display:none}.continue-indicator button:disabled{opacity:.35}.continue-viewport{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.continue-viewport::-webkit-scrollbar{display:none}#continue-pages{display:flex;width:100%}.continue-page{flex:0 0 100%;width:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box}.continue-card{display:grid;grid-template-rows:32px 30px 36px 32px 32px;gap:4px;min-width:0;border:1px solid #30363d;border-radius:8px;padding:10px 6px;background:#0a0f14;text-align:center;align-items:center;overflow-wrap:anywhere}.continue-card img{width:32px;height:32px;object-fit:contain;margin:auto}.continue-card strong{font-size:12px;line-height:1.3}.continue-card small{font-size:11px;line-height:1.4;color:#a3afbb}.continue-card b{font-size:11px;line-height:1.4;color:var(--theme-color)}.continue-card button{padding:6px 2px;min-width:0;font-size:12px;border:1px solid #30363d;border-radius:6px;background:#161b22;color:var(--theme-color)}.continue-card button:disabled{opacity:.45}#continue-status{font-size:13px;color:#f0a5ac;line-height:1.5;margin:10px 0 0}#continue-status:empty{display:none}
.countdowns-content{flex:1;min-height:0;overflow-y:auto;padding:16px 18px 24px}.countdowns-content h2{font-size:20px;overflow-wrap:anywhere}.countdowns-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.together-tabs{display:flex;gap:6px;align-items:center}.together-tabs button{min-height:38px;padding:8px 12px;background:#161b22;border:1px solid #30363d;color:#b6c2ce;font-size:13px;border-radius:6px}.together-tabs button[aria-selected=true]{border-color:var(--theme-color);color:var(--theme-color)}.together-icon-button{display:grid;place-items:center;width:36px;height:36px;padding:8px;border:1px solid #30363d;border-radius:6px;background:#161b22;color:var(--theme-color);flex-shrink:0}.together-icon-button svg{width:18px;height:18px}.together-icon-button.danger-action{color:#f0a5ac}.together-icon-button:disabled{opacity:.4}.together-limit{text-align:right;font-size:12px;color:#a3afbb;margin:12px 0}.together-empty{font-size:13px;color:#a3afbb;padding:12px 0}#countdowns-status,#countdown-settings-status{font-size:13px;line-height:1.5;color:#aab5c1;margin:10px 0}#countdowns-status:empty,#countdown-settings-status:empty{display:none}
.countdown-card{border:1px solid #30363d;border-radius:8px;background:#0a0f14;padding:12px;margin-bottom:12px;min-width:0}.countdown-card-details{display:flex;align-items:center;gap:10px;padding:0;width:100%;background:none;color:#fff;text-align:left}.countdown-card-details>svg{width:22px;height:22px;flex:0 0 22px;color:var(--theme-color)}.countdown-card-details>span{flex:1;min-width:0}.countdown-card-details strong{font-size:15px;line-height:1.4;overflow-wrap:anywhere;display:block}.countdown-card-details time{display:block;color:#a3afbb;font-size:12px;line-height:1.5;margin-top:4px}.countdown-card-details>b{font-size:12px;color:var(--theme-color);white-space:nowrap}.countdown-card>p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;margin:10px 0}.countdown-card-footer{display:flex;align-items:center;gap:8px;margin-top:12px}.countdown-card-footer>span{flex:1;font-size:11px;color:#a3afbb}
.countdown-dialog header h2{min-width:0;font-size:20px;overflow-wrap:anywhere}.countdown-dialog header{align-items:flex-start}.countdown-dialog .coin-close{flex:0 0 36px}.countdown-dialog label{font-size:13px}.countdown-dialog input:not([type=checkbox]),.countdown-dialog textarea{width:100%;box-sizing:border-box;padding:10px;font-size:16px;border:1px solid #30363d;border-radius:6px;background:#10161d;color:#fff;color-scheme:dark}.countdown-dialog textarea{resize:vertical;min-height:80px;max-height:30vh}.countdown-checkbox{display:flex;align-items:center;gap:10px;margin:12px 0}.countdown-alert-options{border:0;padding:0;margin:16px 0}.countdown-alert-options legend{font-size:14px;color:#dce4ec}.countdown-dialog input.app-checkbox{background:#0a0f14;border-color:#30363d}.countdown-dialog input.app-checkbox:checked{background:var(--theme-color);border-color:var(--theme-color)}.countdown-dialog .game-custom-select-button{background:#10161d;border-color:#30363d}.countdown-dialog .game-custom-select-options{background:#10161d;border-color:#30363d;max-height:160px}.countdown-dialog .game-custom-select-options button{background:#10161d;color:#fff}.countdown-dialog .game-custom-select-options button[aria-selected=true]{background:var(--theme-color);color:var(--theme-text-color)}.countdown-dialog [hidden]{display:none!important}.countdown-dialog .action-apply{background:#a7ddb6;color:#102a19}.countdown-dialog footer{display:flex;gap:10px;margin-top:18px}.countdown-dialog footer button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px}.countdown-dialog footer svg{width:16px;height:16px}.countdown-dialog .danger-action{color:#f0a5ac;background:#161b22}.countdown-detail-date,.countdown-detail-alerts{font-size:13px;color:#a3afbb;line-height:1.5}.countdown-detail-note{font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.countdown-detail-remaining{color:var(--theme-color);font-size:20px}#countdown-editor-status{color:#f0a5ac;font-size:13px;line-height:1.5}
@media(min-width:700px){.countdowns-content{width:620px;max-width:100%;box-sizing:border-box;margin:auto}.continue-card{padding:12px}.home-together-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
#countdowns-status.action-success{color:#a7ddb6}#countdowns-status.action-error{color:#f0a5ac}.countdown-card-details time{font-weight:400}.home-event-banner.event-today>svg{animation:upcoming-calendar-pulse .65s ease-out 2}@keyframes upcoming-calendar-pulse{50%{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){.home-event-banner.event-today>svg{animation:none}}
.continue-card{grid-template-rows:40px 30px 48px 32px 32px}.continue-card img{width:40px;height:40px;border-radius:4px}.countdown-detail-date,.countdown-detail-alerts{overflow-wrap:anywhere}
.countdown-dialog .game-custom-select-options button[aria-selected=true]{background:color-mix(in srgb,var(--theme-color) 20%,#0a0f14);color:var(--theme-color)}
.countdown-dialog label.countdown-checkbox{display:flex;flex-direction:row;align-items:center;gap:10px;margin:12px 0}
.countdown-dialog label.countdown-checkbox input{flex:0 0 22px;width:22px;height:22px;margin:0}
.countdown-dialog select[data-custom-select]{display:none}
.countdown-title-field{position:relative}
#countdown-title{width:100%;box-sizing:border-box;min-height:42px;padding:10px;font-size:16px;line-height:1.4;border:1px solid #30363d;border-radius:6px;background:#10161d;color:#fff;overflow-wrap:anywhere}
#countdown-title:focus{outline:2px solid var(--theme-color);outline-offset:1px}
.countdown-mention{font-weight:700;color:var(--mention-colour);border-bottom:1px dotted currentColor}
#countdown-mentions{position:absolute;top:100%;left:0;right:0;z-index:3;padding:4px;background:#161b22;border:1px solid #30363d;border-radius:6px;box-shadow:0 4px 16px #0008}
#countdown-mentions button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:transparent;color:#fff;text-align:left}
#countdown-mentions button[aria-selected=true]{background:color-mix(in srgb,var(--theme-color) 15%,#161b22)}
#countdown-mentions small{color:#a3afbb}
.countdown-dialog{box-sizing:border-box}
.countdown-dialog form,.countdown-dialog input,.countdown-dialog textarea,.countdown-dialog .game-custom-select{min-width:0;max-width:100%;box-sizing:border-box}
.countdown-dialog .game-custom-select-button{min-width:0;box-sizing:border-box}
.countdown-dialog .countdown-date-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid #30363d;background:#10161d;color:#fff;font-size:16px;text-align:left}
.countdown-date-button span{min-width:0;overflow-wrap:anywhere}
.countdown-date-button svg{width:20px;height:20px;flex:0 0 20px;color:var(--theme-color)}
.countdown-time-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.app-date-picker{width:min(390px,calc(100% - 28px))}
.app-calendar-navigation{display:grid;grid-template-columns:28px minmax(0,1fr) 72px 28px;align-items:center;gap:6px;margin-bottom:14px}
.app-calendar-navigation>div{min-width:0}
.app-date-picker .calendar-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.app-date-picker .app-calendar-navigation>button{display:grid;place-items:center;min-height:38px;padding:0;background:transparent;color:var(--theme-color)}
.app-calendar-navigation>button svg{width:20px;height:20px}
.app-date-picker .app-calendar-navigation .game-custom-select-button{height:38px;min-height:38px;padding:6px;font-size:13px;gap:3px}
.app-calendar-navigation .game-custom-select-button svg{width:14px;height:14px;flex-basis:14px}
.app-calendar-navigation .game-custom-select-button span{min-width:0}
.app-calendar-weekdays,.app-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.app-calendar-weekdays{font-size:11px;text-align:center;color:#a3afbb;margin-bottom:8px}
#app-calendar-grid{display:grid;gap:4px}
.app-date-picker .app-calendar-week button{width:100%;min-width:0;height:36px;min-height:36px;padding:0;background:transparent;color:#fff;border:1px solid transparent;border-radius:6px;font-size:14px;font-variant-numeric:tabular-nums}
.app-date-picker .app-calendar-week .calendar-other-month{color:#758391}
.app-date-picker .app-calendar-week button[aria-current=date]{border-color:var(--theme-color)}
.app-date-picker .app-calendar-week button[aria-selected=true]{background:var(--theme-color);color:var(--theme-text-color);font-weight:700}
.app-calendar-week button:focus-visible,.countdown-date-button:focus-visible{outline:2px solid var(--theme-color);outline-offset:1px}
.app-date-picker footer{justify-content:space-between}
.app-date-picker footer button{background:#161b22;color:var(--theme-color);border:1px solid #30363d}
