.clock-page{--clock-paper:#fffdf7;--clock-ink:#1b3c50;--clock-copper:#914323;background:#f6f1e5;color:var(--clock-ink)}.clock-page :is(button,select,a):focus-visible{outline:3px solid var(--clock-copper);outline-offset:3px}.clock-header{align-items:center;gap:20px;margin-bottom:24px}.clock-heading{min-width:0}.clock-eyebrow{margin:0 0 7px;color:var(--clock-copper);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.clock-title{font-size:clamp(2.2rem, 4vw, 3.4rem);color:var(--clock-ink);background:0 0;-webkit-text-fill-color:currentColor}.clock-subtitle{display:block;margin:10px 0 0;color:#52636e;line-height:1.55}.clock-back{min-height:44px;color:var(--clock-ink);font-weight:700}.clock-layout{grid-template-columns:minmax(420px,1fr) 320px;grid-template-areas:'clock controls' 'settings controls';gap:22px;max-width:1180px}.clock-controls,.clock-main,.clock-time-settings{background:var(--clock-paper);border:1px solid #d9d8cd;box-shadow:0 7px 22px rgba(28,54,65,.08)}.clock-wrapper{max-width:420px}.digital-time{color:var(--clock-ink);background:#edf3f0;font-size:2.15rem}.digital-time-words{color:#526873}.clock-controls{max-height:none}.control-title{color:#52636e;font-size:.78rem}.toggle-label{color:var(--clock-ink);font-size:.88rem}.clock-random-label{display:block;margin-bottom:7px;color:#52636e;font-size:.78rem;font-weight:700}#clock-random-step{width:100%;min-height:44px;border:1px solid #cbd5d1;border-radius:8px;background:var(--clock-paper);color:var(--clock-ink);padding:8px}.clock-examples{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:14px;max-width:1180px;margin:30px auto 0}.clock-examples>div{padding:12px 8px 12px 0}.clock-examples h2{margin:6px 0;font-size:1.3rem}.clock-examples button{display:flex;min-height:150px;flex-direction:column;align-items:flex-start;padding:16px;border:1px solid #d9d8cd;border-radius:14px;background:var(--clock-paper);color:var(--clock-ink);text-align:left}.clock-examples button:hover{border-color:var(--clock-ink);background:#edf3f0}.clock-examples strong{margin:10px 0 6px}.clock-examples b{margin-top:auto;color:var(--clock-copper);font-size:.8rem}.clock-guide{max-width:1180px;margin:16px auto;padding:14px;border:1px solid #d9d8cd;border-radius:12px;background:var(--clock-paper);color:#526873}.clock-guide summary{min-height:30px;cursor:pointer;color:var(--clock-ink);font-weight:800}.clock-guide-content{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.clock-guide article{padding:12px;border-radius:9px;background:#edf3f0}.clock-guide article h2{margin:0 0 6px;font-size:.9rem}.clock-guide article p{margin:0;font-size:.8rem;line-height:1.5}.clock-privacy{max-width:1180px;margin:18px auto 0;color:#52636e;font-size:.8rem;text-align:center}.clock-page .sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[data-theme=dark] .clock-page{--clock-paper:#202c30;--clock-ink:#edf3ef;background:#172225}.clock-page[data-theme=dark] .clock-main{background:var(--clock-paper)}[data-theme=dark] .clock-page :is(.clock-main,.clock-controls,.clock-time-settings,.clock-examples button,.clock-guide){background:var(--clock-paper)!important;border-color:#4a5d5d;color:var(--clock-ink)}[data-theme=dark] .clock-guide article,[data-theme=dark] .digital-time{background:#2a393b;color:#edf3ef}[data-theme=dark] .clock-privacy,[data-theme=dark] .clock-subtitle,[data-theme=dark] .toggle-label{color:#bdcbc5}@media screen and (max-width:800px){.clock-page{padding:18px 0 30px}.clock-container{padding:0 12px}.clock-layout{grid-template-columns:1fr;grid-template-areas:'clock' 'settings' 'controls'}.clock-wrapper{max-width:360px}.clock-examples,.clock-guide-content{grid-template-columns:1fr}.clock-examples{margin-top:22px}}@media print{#accessibility-backdrop,#accessibility-panel,#contact-modal,#cookie-banner,#fab-menu,#header,#mobile-menu,.clock-controls,.clock-examples,.clock-guide,.clock-header,.clock-privacy,.clock-time-settings,.plume-fab-companion,body>footer{display:none!important}.clock-main,.clock-page{background:#fff!important;color:#111!important;box-shadow:none!important}.clock-layout{display:block}.digital-time{color:#111!important;background:#eee!important}}:root{--clock-bg:var(--white);--clock-border:#2c3e50;--clock-face:var(--gray-50);--hour-hand:#2c3e50;--minute-hand:#3498db;--second-hand:#e74c3c;--hour-marks:#2c3e50;--minute-marks:#95a5a6}[data-theme=dark]{--clock-bg:var(--gray-800);--clock-border:var(--gray-400);--clock-face:var(--gray-700);--hour-hand:var(--gray-200);--minute-hand:#60a5fa;--second-hand:#f87171;--hour-marks:var(--gray-200);--minute-marks:var(--gray-500)}.theme-modern{--clock-border:#374151;--hour-hand:#374151;--minute-hand:#6366f1;--second-hand:#ec4899;--hour-marks:#374151;--minute-marks:#d1d5db;--clock-face:#f9fafb}.theme-colorful{--clock-border:#7c3aed;--hour-hand:#2563eb;--minute-hand:#059669;--second-hand:#dc2626;--hour-marks:#7c3aed;--minute-marks:#f59e0b;--clock-face:#fff7ed}.theme-roman{--clock-border:#78350f;--hour-hand:#78350f;--minute-hand:#92400e;--second-hand:#b91c1c;--hour-marks:#78350f;--minute-marks:#d97706;--clock-face:#fffbeb}.clock-page{min-height:calc(100vh - 60px);height:auto;padding:24px 0 40px;overflow:visible}.clock-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%;min-width:0}.clock-header{text-align:center;margin-bottom:.5rem;display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:0 .5rem;position:relative;min-width:0}.clock-title{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.clock-subtitle{display:none}.clock-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--gray-500);text-decoration:none;font-size:.85rem;transition:color .2s}.clock-back:hover{color:var(--primary)}.clock-layout{display:grid;grid-template-columns:1fr 300px;grid-template-areas:'clock controls' 'settings controls';gap:1rem;max-width:1050px;margin:0 auto;align-items:start}@media screen and (max-width:800px){.clock-layout{grid-template-columns:1fr;grid-template-areas:'clock' 'settings' 'controls';max-width:500px}}.clock-main{grid-area:clock}.clock-controls{grid-area:controls}.clock-time-settings{grid-area:settings}.clock-main{background:var(--white);border-radius:1.25rem;padding:1rem;box-shadow:0 4px 20px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center}.clock-wrapper{position:relative;width:100%;max-width:340px;aspect-ratio:1}#clock-canvas{width:100%;height:100%;cursor:grab}#clock-canvas:active{cursor:grabbing}.dual-clock-area{display:flex;align-items:center;gap:1rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.digital-display{text-align:center}.digital-time{font-family:'Courier New',monospace;font-size:2rem;font-weight:700;color:var(--gray-900);background:var(--gray-100);padding:.4rem 1.2rem;border-radius:12px;letter-spacing:4px;transition:opacity .3s}.digital-time.hidden{opacity:0}.digital-time-words{margin-top:.5rem;font-size:1.15rem;color:var(--gray-600);font-weight:500;transition:opacity .3s}.digital-time-words.hidden{opacity:0}.digital-format-toggle{display:flex;gap:.25rem;justify-content:center;margin-top:.4rem}.format-btn{min-height:44px;padding:.2rem .6rem;border:1px solid var(--gray-300);background:var(--white);border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;color:var(--gray-600)}.format-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.clock-controls{background:var(--white);border-radius:1.25rem;padding:1rem;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow-y:auto;max-height:calc(100vh - 100px)}.clock-time-settings{background:var(--white);border-radius:1.25rem;padding:.75rem 1rem;box-shadow:0 4px 20px rgba(0,0,0,.08);display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.clock-time-settings .control-section{margin-bottom:0;padding-bottom:0;border-bottom:none}.clock-real-time{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--gray-200)}.clock-real-time .toggle-label{font-weight:700;color:var(--primary)}.clock-timer-alarm{margin-top:.5rem}#btn-timer-exit{margin-top:.75rem}.control-section{margin-bottom:.6rem;padding-bottom:.6rem;border-bottom:1px solid var(--gray-200)}.control-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.control-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.control-title i{color:var(--primary)}.toggle-group{display:flex;flex-direction:column;gap:.5rem}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:.35rem 0}.toggle-label{font-size:.9rem;color:var(--gray-700);font-weight:500}.toggle-switch{position:relative;width:64px;height:44px;box-sizing:border-box;border:8px solid transparent;background-clip:padding-box!important;background:var(--gray-300);border-radius:24px;cursor:pointer;transition:background .3s;flex-shrink:0}.toggle-switch.active{background:var(--primary)}.toggle-switch::after{content:'';position:absolute;top:2px;left:2px;width:24px;height:24px;background:var(--white);border-radius:50%;transition:transform .3s;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-switch.active::after{transform:translateX(20px)}.time-inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.time-input-group{display:flex;flex-direction:column;align-items:center;gap:.4rem}.time-input-group label{font-size:.7rem;color:var(--gray-500);font-weight:600;text-transform:uppercase}.time-input{width:100%;padding:.6rem;font-size:1.1rem;font-weight:700;text-align:center;border:2px solid var(--gray-200);border-radius:10px;color:var(--gray-800);transition:border-color .2s}.time-input:focus{outline:2px solid transparent;border-color:var(--primary)}.time-input.hidden-value{background:var(--gray-100);color:#b0b9cc}.time-input.hidden-value::placeholder{color:#b0b9cc}.action-buttons{display:flex;flex-direction:column;gap:.5rem}.action-btn{min-height:44px;padding:.7rem 1rem;border:none;border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn.primary{background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.4)}.action-btn.secondary{background:var(--gray-100);color:var(--gray-700)}.action-btn.secondary:hover{background:var(--gray-200)}.action-btn.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-btn.success:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.4)}.action-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.action-btn.warning:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(245,158,11,.4)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.timer-panel{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(239,68,68,.1));border:2px solid rgba(245,158,11,.3);border-radius:12px;padding:1rem}.timer-panel.hidden{display:none}.timer-presets{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.timer-preset-btn{padding:.3rem .7rem;border:2px solid var(--gray-200);border-radius:8px;background:var(--white);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;color:var(--gray-600)}.timer-preset-btn:hover{border-color:#f59e0b;color:#d97706}.timer-display{text-align:center;font-size:2rem;font-weight:800;color:#d97706;margin:.5rem 0;font-family:'Courier New',monospace}.timer-custom{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.timer-custom input{width:60px;padding:.4rem;font-size:1rem;font-weight:700;text-align:center;border:2px solid var(--gray-200);border-radius:8px}.timer-custom input:focus{border-color:#f59e0b;outline:0}.timer-custom label{font-size:.8rem;color:#6b7280;font-weight:600}.theme-selector{display:flex;gap:.5rem;flex-wrap:wrap}.theme-btn{width:44px;height:44px;border-radius:50%;border:3px solid var(--gray-200);cursor:pointer;transition:all .2s;position:relative}.theme-btn.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.theme-btn:hover{transform:scale(1.1)}.theme-btn[data-theme=classic]{background:linear-gradient(135deg,#2c3e50,#3498db)}.theme-btn[data-theme=modern]{background:linear-gradient(135deg,#374151,#6366f1)}.theme-btn[data-theme=colorful]{background:linear-gradient(135deg,#7c3aed,#059669)}.theme-btn[data-theme=roman]{background:linear-gradient(135deg,#78350f,#d97706)}#btn-fullscreen{min-width:44px;min-height:44px}.time-adjust-row{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.6rem}.time-adjust-row:last-child{margin-bottom:0}.time-adjust-label{font-size:.85rem;font-weight:600;color:var(--gray-600);min-width:50px;text-align:center}.time-adjust-btn{width:40px;height:40px;border:2px solid var(--gray-200);border-radius:10px;background:var(--white);font-size:1rem;font-weight:700;color:var(--gray-600);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.time-adjust-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(99,102,241,.05);transform:scale(1.05)}.time-adjust-btn:active{transform:scale(.95)}.time-adjust-btn.plus{color:#14532d;border-color:rgba(16,185,129,.3)}.time-adjust-btn.plus:hover{border-color:#10b981;background:rgba(16,185,129,.1);color:#059669}.time-adjust-btn.minus{color:#991b1b;border-color:rgba(239,68,68,.3)}.time-adjust-btn.minus:hover{border-color:#ef4444;background:rgba(239,68,68,.1);color:#dc2626}.ampm-toggle-container{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--gray-200)}.ampm-toggle{display:flex;border-radius:10px;overflow:hidden;border:2px solid var(--gray-200)}.ampm-btn{padding:.5rem 1rem;border:none;background:var(--white);font-size:.85rem;font-weight:700;color:var(--gray-500);cursor:pointer;transition:all .2s}.ampm-btn:first-child{border-right:1px solid var(--gray-200)}.ampm-btn.active{background:var(--primary-dark);color:#fff}.ampm-btn:hover:not(.active){background:var(--gray-100);color:var(--gray-700)}@media screen and (max-width:600px){.clock-page{height:auto;min-height:calc(100vh - 60px);overflow-x:hidden}.clock-container{padding:0 .75rem}.clock-header{flex-wrap:wrap;justify-content:center;gap:.5rem}.clock-title{flex:1 1 10rem;min-width:0;font-size:1.25rem}#btn-fullscreen{padding:.5rem}#btn-fullscreen span{display:none}.clock-controls,.clock-main,.clock-time-settings{min-width:0}.clock-time-settings{grid-template-columns:1fr}.digital-time{padding-left:.6rem;padding-right:.6rem;letter-spacing:2px}.ampm-toggle-container{flex-wrap:wrap}.ampm-btn{padding-left:.65rem;padding-right:.65rem}}.clock-instructions{display:none}.timer-arc-info{text-align:center;font-size:.85rem;color:var(--gray-500);margin-top:.25rem}.smooth-seconds-active #clock-canvas{image-rendering:auto}.action-btn:focus-visible,.format-btn:focus-visible,.theme-btn:focus-visible,.timer-preset-btn:focus-visible,.toggle-switch:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.clock-layout.clock-projecting{position:fixed;inset:0;z-index:10000;width:100%;height:100dvh;max-width:none;margin:0;padding:.75rem;box-sizing:border-box;background:var(--white);grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:'clock' 'actions';align-items:stretch;gap:.5rem}.clock-layout.clock-projecting.clock-settings-open{grid-template-columns:minmax(0,1fr) min(340px,42vw);grid-template-areas:'clock panel' 'actions actions'}.clock-projection-settings{display:none}.clock-projecting.clock-settings-open .clock-projection-settings{display:flex;flex-direction:column;gap:.75rem;grid-area:panel;overflow-y:auto;min-height:0;border-left:1px solid var(--gray-200);padding-left:.5rem}.clock-projecting .clock-controls{max-height:none;overflow:visible}.clock-projecting .clock-time-settings{grid-template-columns:1fr}.clock-projecting .clock-projection-settings>*{flex-shrink:0}.clock-projecting .clock-projection-settings button,.clock-projecting .clock-projection-settings input,.clock-projecting .toggle-item{min-height:44px}.clock-projecting .clock-main{background:#fff;padding:.5rem;gap:.5rem;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;box-sizing:border-box}.clock-projecting .clock-wrapper{min-width:0;min-height:0;max-width:100%;max-height:100%;width:100%;height:100%;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;margin:0 auto}.clock-projecting .dual-clock-area{flex-shrink:0;margin-top:0}.clock-projecting .digital-time{font-size:clamp(2rem, 6vh, 5rem);padding:.3rem 1rem}.clock-projecting .digital-time-words{font-size:clamp(1.1rem, 2.8vh, 2rem);margin-top:.3rem}.clock-projecting .clock-instructions{display:none}.clock-fs-bar{display:none}.clock-projecting .clock-fs-bar{display:flex;gap:.5rem;grid-area:actions;flex-wrap:wrap;justify-content:center;background:rgba(15,23,42,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:.5rem .75rem;border-radius:999px;z-index:10;box-shadow:0 8px 30px rgba(0,0,0,.3)}.clock-fs-bar button{background:rgba(255,255,255,.12);color:#fff;border:none;border-radius:999px;padding:.6rem 1rem;cursor:pointer;font-size:.95rem;display:inline-flex;align-items:center;gap:.4rem;transition:background .15s;min-height:44px}.clock-fs-bar button:focus-visible,.clock-fs-bar button:hover{background:rgba(255,255,255,.25);outline:0}.clock-fs-bar .clock-fs-bar-exit{background:rgba(239,68,68,.7)}.clock-fs-bar .clock-fs-bar-exit:hover{background:rgba(239,68,68,.95)}.clock-fs-bar button i{font-size:1.1rem}@media screen and (max-height:600px),screen and (max-width:700px){.clock-projecting .clock-fs-bar button .clock-fs-bar-label{display:none}}@media screen and (max-width:600px){.clock-layout.clock-projecting.clock-settings-open{grid-template-columns:minmax(0,1fr) min(260px,55vw)}.clock-projecting .digital-time{font-size:1.5rem;padding:.25rem}.clock-projecting .digital-time-words{font-size:.85rem}.clock-projecting .clock-fs-bar{gap:.25rem;padding:.4rem}.clock-projecting .clock-fs-bar button{min-width:44px;padding:.5rem}}[data-theme=dark] .action-btn.primary{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff}[data-theme=dark] .action-btn.success{background:linear-gradient(135deg,#047857,#065f46);color:#fff}[data-theme=dark] .action-btn.warning{background:linear-gradient(135deg,#b45309,#92400e);color:#fff}[data-theme=dark] .action-btn.danger{background:linear-gradient(135deg,#b91c1c,#991b1b);color:#fff}.clock-page:has(.clock-layout:not(.clock-projecting)){min-height:calc(100vh - 60px);height:auto;overflow:visible;padding:24px 0 40px;background:#f6f1e5;color:#1b3c50}.clock-page:has(.clock-layout:not(.clock-projecting)) .clock-header{align-items:center;gap:20px;margin-bottom:24px}.clock-page:has(.clock-layout:not(.clock-projecting)) .clock-heading{min-width:0}.clock-page:has(.clock-layout:not(.clock-projecting)) .clock-eyebrow{margin:0 0 7px;color:#8f4728;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.clock-page:has(.clock-layout:not(.clock-projecting)) .clock-title{margin:0;font-size:clamp(2.2rem, 4vw, 3.4rem);line-height:1.05;color:#1b3c50;background:0 0;-webkit-text-fill-color:currentColor}.clock-page:has(.clock-layout:not(.clock-projecting)) .clock-title span{color:#b66739}.clock-page .clock-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.clock-page:has(.clock-layout:not(.clock-projecting)) .clock-subtitle{display:block;margin:10px 0 0;color:#52636e;line-height:1.55}.clock-page:has(.clock-layout:not(.clock-projecting)) .clock-back{min-height:44px;color:#1b3c50;font-weight:700}.clock-page:has(.clock-layout:not(.clock-projecting)) .clock-layout{grid-template-columns:minmax(420px,1fr) 320px;grid-template-areas:'clock controls' 'settings controls';gap:22px;max-width:1180px}.clock-page:has(.clock-layout:not(.clock-projecting)) :is(.clock-main,.clock-controls,.clock-time-settings){background:#fffdf7;border:1px solid #d9d8cd;box-shadow:0 7px 22px rgba(28,54,65,.08)}.clock-page:has(.clock-layout:not(.clock-projecting)) .clock-wrapper{max-width:420px}.clock-page:has(.clock-layout:not(.clock-projecting)) .digital-time{color:#1b3c50;background:#edf3f0;font-size:2.15rem}.clock-page:has(.clock-layout:not(.clock-projecting)) .clock-controls{max-height:none}.clock-page:has(.clock-layout:not(.clock-projecting)) .clock-layout{align-content:start;grid-template-rows:auto auto}.clock-page .clock-header{text-align:left}.clock-page .clock-heading{flex:1}.clock-page .clock-display-options summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.clock-page .clock-display-options summary::after{content:'+';margin-left:auto;font-size:1.2rem}.clock-page .clock-display-options[open] summary::after{content:'−'}.clock-page .clock-instructions{display:block;margin-top:12px;max-width:440px;text-align:center;font-size:.82rem;line-height:1.6;color:#52636e}.clock-page .clock-instructions p{margin:0}.clock-page .clock-examples strong{font-size:1.6rem;font-variant-numeric:tabular-nums}.clock-page .clock-examples button{cursor:pointer;gap:5px}.clock-page .clock-examples small{font-size:.8rem;line-height:1.5}.clock-page .clock-guide summary{min-height:44px;align-content:center}.clock-fs-bar button:disabled,.clock-page .action-btn:disabled{opacity:.5;cursor:default}.clock-page .time-adjust-btn{min-width:44px}.clock-page .clock-random-label{margin-top:6px}.clock-page #clock-random-step{margin-bottom:10px}.clock-page:has(.clock-layout:not(.clock-projecting)) :is(button,.toggle-switch){min-height:44px}.clock-page:has(.clock-layout:not(.clock-projecting)) :is(button,a,select):focus-visible{outline:3px solid #b66739;outline-offset:3px}[data-theme=dark] .clock-page:has(.clock-layout:not(.clock-projecting)){background:#172225!important;color:#edf3ef}[data-theme=dark] .clock-page:has(.clock-layout:not(.clock-projecting)) :is(.clock-main,.clock-controls,.clock-time-settings,.clock-examples button,.clock-guide){background:#202c30!important;border-color:#4a5d5d;color:#edf3ef}[data-theme=dark] .clock-page:has(.clock-layout:not(.clock-projecting)) .clock-title{color:#edf3ef}[data-theme=dark] #clock-page :is(
.clock-subtitle,.clock-back,.clock-privacy,.clock-instructions,.clock-random-label,.digital-time-words
){color:#bdcbc5}[data-theme=dark] #clock-page :is(.clock-eyebrow,.clock-examples b){color:#efb285}[data-theme=dark] #clock-page .time-adjust-btn.plus{color:#6ee7b7}[data-theme=dark] #clock-page .time-adjust-btn.minus{color:#fca5a5}[data-theme=dark] #clock-page .clock-projecting{background:#172225}.clock-projecting .clock-instructions{display:none}@media screen and (max-height:500px){.clock-projecting .digital-format-toggle{display:none}.clock-projecting .clock-main{padding:4px;gap:4px}.clock-projecting .digital-time{font-size:1.5rem;padding:2px 12px}.clock-projecting .digital-time-words{font-size:.9rem;margin-top:2px}}@media screen and (max-width:600px){.clock-layout.clock-projecting{padding:4px;gap:4px}.clock-projecting .clock-fs-bar{padding:2px;gap:0;border-radius:16px}.clock-projecting .clock-fs-bar button{width:44px;padding:0;justify-content:center}.clock-layout.clock-projecting.clock-settings-open{grid-template-columns:1fr;grid-template-areas:'clock' 'actions'}.clock-projecting.clock-settings-open .clock-projection-settings{position:absolute;inset:4px 4px 56px;z-index:20;background:var(--white);padding:10px;border:1px solid var(--gray-300);border-radius:12px}}[data-theme=dark] .clock-page:has(.clock-layout:not(.clock-projecting)) .digital-time{background:#2a393b;color:#edf3ef}@media screen and (max-width:800px){.clock-page:has(.clock-layout:not(.clock-projecting)){padding:18px 0 30px}.clock-page:has(.clock-layout:not(.clock-projecting)) .clock-layout{grid-template-columns:1fr;grid-template-areas:'clock' 'settings' 'controls'}.clock-page:has(.clock-layout:not(.clock-projecting)) .clock-wrapper{max-width:360px}.clock-page:has(.clock-layout:not(.clock-projecting)) :is(.clock-examples,.clock-guide-content){grid-template-columns:1fr}}