/* Dark Clock theme follows the supplied iPhone reference; all selectors stay scoped to Clock. */
.clk-app{--clock-accent:#ff9f0a;background:#000;color:#f2f2f7;color-scheme:dark;font-family:var(--font-ios);padding-top:var(--shell-top)}.clk-icon{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round;flex:none}.clk-toolbar{height:62px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:4px 16px;position:relative;gap:10px}.clk-toolbar h1{position:absolute;left:50%;transform:translateX(-50%);font-size:17px;font-weight:600;line-height:1.2;margin:0;pointer-events:none;white-space:nowrap}.clk-toolbar-left{min-width:64px}.clk-toolbar-right{display:flex;align-items:center;gap:4px;margin-left:auto}.clk-pill{border-radius:28px;background:#1c1c1e;min-width:64px;height:44px;font-size:17px;font-weight:500;padding:9px 16px;box-shadow:inset 0 0 0 .5px #38383a}.clk-add.clk-pill{min-width:44px;width:44px;padding:10px;display:grid;place-items:center}.clk-add .clk-icon{width:24px;height:24px;stroke-width:1.7}.clk-toolbar .app-home{width:29px;height:40px;padding:6px;color:#8e8e93}.clk-toolbar .app-home svg{width:17px;height:17px}.clk-scroll{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;padding:0 16px 18px;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.clk-sleep{margin-top:36px}.clk-sleep h2,.clk-other h2{font-size:19px;font-weight:650;line-height:1.3;margin:0;display:flex;align-items:center;gap:6px;padding-bottom:12px;border-bottom:.5px solid #333335}.clk-sleep h2 .clk-icon{width:21px;height:21px;stroke-width:2.3}.clk-sleep-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0 12px;border-bottom:.5px solid #333335;min-height:88px}.clk-sleep-row>div{min-width:0}.clk-sleep-empty{font-size:40px;color:#8e8e93;font-weight:300;line-height:1.2;letter-spacing:-1px}.clk-sleep-row p{font-size:14px;margin:3px 0 0;color:#8e8e93}.clk-change{font-size:15px;font-weight:600;color:var(--clock-accent);background:#1c1c1e;border-radius:22px;min-width:52px;min-height:32px;padding:5px 12px;flex:none}.clk-sleep-time{font-size:40px;font-weight:300;letter-spacing:-1px;line-height:1.2;white-space:nowrap}.clk-sleep-time>span{font-size:23px;margin-right:5px;letter-spacing:0}.clk-other{margin-top:58px}.clk-alarm-row{display:flex;align-items:center;gap:12px;min-height:101px;border-bottom:.5px solid #333335;padding:10px 0}.clk-alarm-copy{flex:1;min-width:0;display:block;text-align:left;padding:0;overflow:hidden}.clk-time{display:flex;align-items:baseline;gap:5px;white-space:nowrap;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-1.9px;font-weight:250}.clk-time time{font-size:clamp(48px,14.5cqw,60px);line-height:1.08}.clk-period{font-size:25px;font-weight:350;letter-spacing:-.7px;flex:none}.clk-alarm-label{font-size:14px;line-height:1.5;display:block;margin-top:4px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clk-alarm-row.off .clk-alarm-copy{color:#8e8e93}.clk-alarm-row>.toggle{width:56px;height:32px;flex:none;margin-right:0;padding:0;border-radius:20px;background:#48484a}.clk-alarm-row>.toggle:after{width:28px;height:28px;top:2px;left:2px;box-shadow:0 1px 3px #0002}.clk-alarm-row>.toggle.on{background:#34c759}.clk-alarm-row>.toggle.on:after{left:26px}.clk-tabs{display:flex;align-items:center;justify-content:space-between;gap:2px;margin:8px 17px calc(8px + var(--shell-bottom));padding:4px;background:#1c1c1e;border:1px solid #38383a;border-radius:40px;flex:none;min-height:65px;box-shadow:0 2px 6px #00000008}.clk-tabs button{flex:1;min-width:0;min-height:55px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:31px;color:#f2f2f7;padding:5px 2px;font-size:10px;line-height:1.25;font-weight:600;letter-spacing:0}.clk-tabs .clk-icon{width:25px;height:25px;stroke-width:1.9}.clk-tabs button.active{background:#3a3a3c;color:var(--clock-accent)}.clk-delete{width:24px;height:24px;background:#ff3b30;color:white;border-radius:50%;flex:none;display:grid;place-items:center;padding:3px}.clk-delete .clk-icon{width:18px;height:18px;stroke-width:2}.clk-edit-arrow{color:#c6c6c8;flex:none}.clk-edit-arrow .clk-icon{width:14px;height:20px}.clk-alarm-row.is-editing{gap:8px}.clk-alarm-row.is-editing .clk-time time{font-size:clamp(43px,13cqw,55px)}.clk-empty{padding:50px 20px;text-align:center;color:#8e8e93;font-size:18px}.clk-editor{background:#1c1c1e}.clk-editor form{height:100%;min-height:0;display:flex;flex-direction:column}.clk-editor-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:5px 16px;height:56px;flex:none}.clk-editor-header h1{font-size:17px;font-weight:600;margin:0}.clk-editor-header button{font-size:17px;color:var(--clock-accent);padding:10px 0;min-width:44px;min-height:44px}.clk-editor-header .clk-save{font-weight:600}.clk-editor-body{overflow:auto;flex:1;min-height:0;padding:0 16px calc(20px + var(--shell-bottom))}.clk-time-input{display:flex;align-items:center;justify-content:center;min-height:190px;padding:26px 0}.clk-time-input input{font:300 54px var(--font-ios);letter-spacing:-1px;background:#2c2c2e;border:0;border-radius:13px;min-width:0;max-width:100%;color:#f2f2f7;padding:7px 12px;text-align:center;color-scheme:dark}.clk-editor-group{background:#2c2c2e;border-radius:12px;overflow:hidden}.clk-form-row{display:flex;align-items:center;gap:16px;min-height:49px;padding:10px 16px;border-bottom:.5px solid #48484a;font-size:16px}.clk-form-row:last-child{border:0}.clk-form-row>span:first-child{flex:1;min-width:0}.clk-form-row>span:nth-child(2){color:#8e8e93}.clk-form-row select,.clk-form-row input{min-width:0;max-width:62%;border:0;background:none;font:16px var(--font-ios);text-align:right;color:#8e8e93;padding:0}.clk-form-row select{color:#d1d1d6}.clk-form-row .toggle{flex:none;width:51px;height:31px;padding:0}.clk-delete-alarm{color:#ff453a;background:#2c2c2e;width:100%;border-radius:12px;min-height:49px;padding:12px;margin-top:26px;font-size:17px}.clk-world-list{padding-top:30px}.clk-world-row{display:flex;align-items:center;gap:10px;padding:17px 0;border-bottom:.5px solid #333335}.clk-world-row>div{flex:1;min-width:0}.clk-world-row small{font-size:14px;color:#8e8e93}.clk-world-row h2{font-size:29px;font-weight:400;margin:4px 0 0}.clk-world-time{font-size:49px;font-weight:250;letter-spacing:-1px;white-space:nowrap}.clk-world-time small{font-size:20px;color:#f2f2f7;letter-spacing:0;margin-right:4px}.clk-city-picker button{display:block;width:100%;padding:15px 0;border-bottom:.5px solid #48484a;text-align:left;font-size:17px}.clk-stopwatch{padding-top:75px}.clk-stopwatch-time{text-align:center;font-size:clamp(48px,15.5cqw,66px);font-weight:250;line-height:1.2;letter-spacing:-1.7px;font-variant-numeric:tabular-nums;white-space:nowrap}.clk-counter-actions{display:flex;justify-content:space-between;gap:20px;margin:48px 4px 28px}.clk-round{width:77px;height:77px;border-radius:50%;display:grid;place-items:center;font-size:16px;box-shadow:inset 0 0 0 3px #000,inset 0 0 0 4px #ffffff18;border:2px solid transparent;padding:0}.clk-round.neutral{background:#2c2c2e;color:#f2f2f7}.clk-round.green{background:#0a2b13;color:#30d158}.clk-round.red{background:#3b1115;color:#ff453a}.clk-round.amber{background:#392500;color:#ff9f0a}.clk-laps>div{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:.5px solid #333335;font-size:15px;font-variant-numeric:tabular-nums}.clk-timer{padding-top:43px}.clk-timer-picker{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px 0;min-height:185px}.clk-timer-picker label{display:flex;gap:4px;align-items:center;font-size:16px}.clk-timer-picker select{font:300 34px var(--font-ios);background:#1c1c1e;border:0;border-radius:9px;padding:5px 2px;min-width:46px;max-width:64px;color:#f2f2f7}.clk-timer-sound{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 14px;background:#1c1c1e;border-radius:12px;font-size:16px}.clk-timer-sound>span:last-child{color:#8e8e93}.clk-timer-face{width:245px;max-width:100%;aspect-ratio:1;border:6px solid #ff9500;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.clk-timer-face time{font-size:49px;font-weight:250;letter-spacing:-1px;font-variant-numeric:tabular-nums}.clk-timer-face>span{font-size:14px;color:#8e8e93}.clk-app button:active{filter:brightness(.92)}@media(max-width:350px){.clk-toolbar{padding-left:14px;padding-right:14px}.clk-scroll{padding-left:14px;padding-right:14px}.clk-toolbar h1{font-size:16px}.clk-period{font-size:22px}.clk-time{gap:4px;letter-spacing:-1.8px}.clk-alarm-row{gap:9px}.clk-alarm-row>.toggle{width:51px;height:31px}.clk-alarm-row>.toggle:after{width:27px;height:27px}.clk-alarm-row>.toggle.on:after{left:22px}.clk-tabs{margin-left:13px;margin-right:13px}.clk-world-time{font-size:40px}.clk-world-time small{font-size:18px}.clk-world-row h2{font-size:26px}.clk-timer-picker{gap:5px}.clk-timer-picker label{font-size:14px;gap:2px}.clk-timer-picker select{font-size:29px;min-width:41px}.clk-time-input input{font-size:46px}}

.clk-app .toggle:not(.on){background:#48484a}.clk-sheet{background:#1c1c1e;color:#f2f2f7;color-scheme:dark}.clk-sheet header button{color:#ff9f0a}