#countdown-sheet .countdown-sheet { padding:20px; gap:14px; max-height:calc(100dvh - 20px); overflow-y:auto; overscroll-behavior:contain; }
#countdown-sheet .hintline { margin:0; font-size:12px; line-height:1.5; }
#countdown-wheels, .notification-duration-wheels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; background:#f2f2f7; border-radius:16px; padding:10px 8px; }
#countdown-wheels[hidden], .notification-duration-wheels[hidden] { display:none !important; }
.notification-duration-wheels { box-sizing:border-box; width:100%; gap:6px; margin:0 0 10px; padding:8px 6px; border-radius:12px; }
#duration-custom-field { margin:6px 0 4px; color:#53555f; font-size:13px; }
#duration-custom-field input[type=number] { display:block; box-sizing:border-box; width:100%; max-width:100%; min-height:44px; margin-top:5px; padding:9px 10px; border:1px solid #dce1eb; border-radius:10px; background:#f7f7fb; font-size:16px; }
.timer-wheel-column { min-width:0; text-align:center; position:relative; }
.timer-wheel-label { display:block; color:#86868b; font-size:12px; margin-bottom:4px; }
.timer-wheel { height:120px; min-height:0; padding:40px 0; box-sizing:border-box; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scroll-snap-type:y mandatory; scroll-behavior:auto !important; scrollbar-width:none; touch-action:pan-y; -webkit-overflow-scrolling:touch; user-select:none; -webkit-user-select:none; cursor:ns-resize; }
.timer-wheel.is-dragging { scroll-snap-type:none; cursor:grabbing; }
.timer-wheel::-webkit-scrollbar { display:none; }
.timer-wheel button { display:block; min-width:0; min-height:40px; height:40px; width:100%; margin:0; padding:0; border:0; border-radius:0; flex-shrink:0; background:transparent; color:#a1a1a9; font:400 24px/40px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; scroll-snap-align:center; }
.timer-wheel button.selected { color:#1c1c1e; font-weight:600; background:#e5e5ec; border-radius:8px; }
#countdown-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
#countdown-controls[hidden] { display:none; }
#countdown-controls button { min-width:0; min-height:44px; border:0; border-radius:12px; background:#eef4ff; color:#007aff; font-size:14px; font-weight:500; }
#countdown-controls button[data-countdown-action=close] { color:#ff3b30; background:#fff0ef; }
#countdown-controls button.countdown-state-toggle { grid-column:1/-1; min-height:52px; font-size:16px; font-weight:600; }
#countdown-controls button.countdown-state-toggle[data-countdown-state=paused] { color:#176ac7; background:#e8f2ff; }
#countdown-controls button.countdown-state-toggle[data-countdown-state=unknown] { color:#626a78; background:#f1f1f6; }
#countdown-controls button[data-countdown-action=minimize], #countdown-controls button[data-countdown-action=float], #countdown-controls button[data-countdown-action=fullscreen] { color:#565b6b; background:#f1f1f6; }
#countdown-sheet .split { display:grid; grid-template-columns:minmax(0,1fr) 70px; }
#countdown-sheet .split button { min-width:0; font-size:15px; }
#countdown-status:empty { display:none; }
#countdown-status { display:block; flex:none; min-height:0; margin:0; padding:8px 10px; border-radius:10px; background:#f4f6f9; font-size:12px; line-height:1.6; overflow-wrap:anywhere; position:static; }
#countdown-status[data-state="pending"], #countdown-status[data-state="warn"] { color:#80631b; }
#countdown-sheet .timer-title-size { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#countdown-sheet .timer-title-size output { margin-left:auto; color:#007aff; font-variant-numeric:tabular-nums; }
#countdown-sheet .timer-title-size input { width:100%; height:28px; min-height:28px; accent-color:#007aff; }
#countdown-update { background:#eef4ff; color:#007aff; border:0; border-radius:12px; min-height:44px; font-size:14px; }
.timer-target { position:sticky; top:0; z-index:2; display:flex; align-items:center; gap:12px; padding:8px 10px; background:#f2f2f7; border-radius:10px; font-size:13px; }
.timer-target span { flex:none; color:#86868b; }
.timer-target strong { min-width:0; overflow-wrap:anywhere; word-break:break-word; }
.timer-rename-hint { flex:none; margin:0; color:#8e8e93; font-size:11px; line-height:1.5; }
#timer-title-preview { padding:0; border:0; background:none; margin:0; }
#timer-title-preview summary { color:#007aff; font-size:13px; min-height:24px; cursor:pointer; }
#timer-title-preview-text { max-height:96px; overflow:auto; background:#101827; color:white; border-radius:10px; padding:10px; text-align:center; overflow-wrap:anywhere; line-height:1.25; }
#timer-title-preview p { font-size:11px; color:#8e8e93; margin:5px 0 0; }
.timer-settings-group,.timer-window-options { padding:0; margin:0; border:1px solid #e7e9ee; border-radius:13px; background:#fff; min-width:0; }
.timer-settings-group>summary,.timer-window-options>summary { padding:13px 12px; list-style:none; cursor:pointer; font-size:14px; color:#176ac7; display:flex; justify-content:space-between; }
.timer-settings-group>summary::-webkit-details-marker,.timer-window-options>summary::-webkit-details-marker { display:none; }
.timer-settings-group>summary::after,.timer-window-options>summary::after { content:'›'; color:#949ba6; border:0; width:auto; height:auto; font-size:20px; line-height:1; transform:none; margin:0; }
.timer-settings-group[open]>summary::after,.timer-window-options[open]>summary::after { transform:rotate(90deg); }
.timer-settings-body { display:flex; flex-direction:column; gap:14px; padding:0 12px 12px; }
.timer-settings-body label { font-size:12px; color:#626a78; }
.timer-settings-body input[type=text] { box-sizing:border-box; width:100%; min-height:44px; margin-top:6px; padding:10px; border:1px solid #dce1eb; border-radius:10px; background:#f7f7fb; font-size:16px; }
#countdown-controls .timer-window-options { grid-column:1/-1; }
#countdown-controls .timer-window-options[open]>summary { padding:8px 10px 4px; color:#707784; font-size:12px; }
.timer-window-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:0 8px 8px; }
#countdown-controls button[data-countdown-action=reset],#countdown-controls button[data-countdown-action=close] { grid-column:1/-1; }
.countdown-sheet[data-running=false] #countdown-new-timer { border:0; }
.countdown-sheet[data-running=false] #countdown-new-timer>summary { display:none; }
.countdown-sheet[data-running=false] #countdown-new-timer>.timer-settings-body { padding:0; }