:root{color-scheme:dark;--page-bg: radial-gradient(circle at top, #3b4455 0%, #171a22 46%, #0a0c10 100%);--panel-bg: rgba(16, 18, 24, .78);--panel-border: rgba(255, 255, 255, .12);--text-primary: #f4f7fb;--text-secondary: rgba(228, 234, 244, .72);--accent: #7dd3fc;--button-bg: rgba(255, 255, 255, .06);--button-active-bg: rgba(125, 211, 252, .18);--button-active-border: rgba(125, 211, 252, .42);--theme-card-bg: rgba(255, 255, 255, .04);--clockheight: 220px;--radius: 30px;--rotationtime: .55s;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}:root[data-theme=light]{color-scheme:light;--page-bg: radial-gradient(circle at top, #f9f3e7 0%, #e8dccb 42%, #d2c1ab 100%);--panel-bg: rgba(255, 250, 242, .82);--panel-border: rgba(58, 41, 20, .12);--text-primary: #241d17;--text-secondary: rgba(60, 46, 34, .72);--accent: #b45309;--button-bg: rgba(92, 60, 22, .06);--button-active-bg: rgba(180, 83, 9, .16);--button-active-border: rgba(180, 83, 9, .3);--theme-card-bg: rgba(92, 60, 22, .04)}:root[data-theme=mechanical]{color-scheme:dark;--page-bg: radial-gradient(circle at top, #7f5e34 0%, #2c1c10 42%, #140d09 100%);--panel-bg: rgba(31, 18, 10, .8);--panel-border: rgba(230, 184, 122, .18);--text-primary: #f6ebd8;--text-secondary: rgba(246, 235, 216, .68);--accent: #e8b96a;--button-bg: rgba(232, 185, 106, .08);--button-active-bg: rgba(232, 185, 106, .18);--button-active-border: rgba(232, 185, 106, .34);--theme-card-bg: rgba(232, 185, 106, .06)}:root[data-theme=neon]{color-scheme:dark;--page-bg: radial-gradient(circle at top, #152b3d 0%, #09131d 38%, #02070c 100%);--panel-bg: rgba(3, 13, 19, .82);--panel-border: rgba(34, 211, 238, .18);--text-primary: #ecfeff;--text-secondary: rgba(191, 247, 255, .72);--accent: #22d3ee;--button-bg: rgba(34, 211, 238, .08);--button-active-bg: rgba(34, 211, 238, .18);--button-active-border: rgba(34, 211, 238, .4);--theme-card-bg: rgba(34, 211, 238, .06)}html,body,#app{min-height:100%}body{margin:0;background:var(--page-bg);color:var(--text-primary)}button,select,input{font:inherit}button,select,input{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(21rem,26rem);gap:1.5rem;align-items:center;padding:clamp(1rem,3vw,2rem);box-sizing:border-box}.app-shell[data-fullscreen=true],.app-shell[data-screensaver=true]{grid-template-columns:1fr;padding:clamp(1rem,2vw,1.5rem)}.app-shell[data-fullscreen=true] .settings-panel,.app-shell[data-screensaver=true] .settings-panel{display:none}.app-shell[data-size=compact]{--clockheight: 180px;--radius: 24px}.app-shell[data-size=large]{--clockheight: 260px;--radius: 34px}.clock-panel,.settings-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:28px;box-shadow:0 24px 80px #00000038}.clock-panel{position:relative;padding:clamp(1.25rem,3vw,2.5rem)}.screensaver-exit{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;z-index:1}.screensaver-exit:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.clock-meta,.clock{position:relative;z-index:2}.clock-meta{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.meta-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.eyebrow{margin:0 0 .65rem;font-size:.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.date-row{display:flex;justify-content:space-between;gap:1rem;align-items:end;flex-wrap:wrap}.date-row h1{margin:0;font-size:clamp(1.5rem,4vw,2.8rem);line-height:1.05}.date-row span,.segment span,.group-heading p,.theme-card span,.status-row,.timezone-note{color:var(--text-secondary)}.fullscreen-toggle{border:1px solid var(--button-active-border);background:var(--button-active-bg);padding:.8rem 1rem;border-radius:999px;transition:transform .18s ease,border-color .18s ease;white-space:nowrap}.status-row{display:flex;flex-wrap:wrap;gap:.55rem}.status-row span{padding:.3rem .55rem;border-radius:999px;background:var(--button-bg)}.clock{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;align-items:end}.clock.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.segment{display:flex;flex-direction:column;gap:.55rem}.segment span{font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;text-align:center}.period-pill{position:absolute;right:0;top:-.25rem;padding:.4rem .7rem;border-radius:999px;background:var(--button-active-bg);border:1px solid var(--button-active-border);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}.settings-panel{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.settings-header h2{margin:0;font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.settings-group{display:flex;flex-direction:column;gap:.85rem;padding-top:1rem;border-top:1px solid var(--panel-border)}.group-heading h2,.group-heading p{margin:0}.group-heading h2{font-size:1rem}.group-heading p{margin-top:.25rem;font-size:.88rem}.setting{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.55rem;align-items:center}.setting.stacked{grid-template-columns:1fr}.setting span{font-size:.92rem}.setting-options{display:flex;flex-direction:column;gap:.75rem;padding-top:.35rem}.toggle-row{grid-template-columns:minmax(0,1fr) auto}.setting small{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.setting button,.setting select,.timezone-input,.theme-card{border:1px solid transparent;background:var(--button-bg);color:var(--text-primary);border-radius:14px;padding:.72rem .9rem;transition:border-color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease}.setting button.active,.theme-card.active{background:var(--button-active-bg);border-color:var(--button-active-border)}.setting button:hover,.setting select:hover,.setting button:focus-visible,.setting select:focus-visible,.timezone-input:hover,.timezone-input:focus-visible,.theme-card:hover,.theme-card:focus-visible,.fullscreen-toggle:hover,.fullscreen-toggle:focus-visible{outline:none;border-color:var(--button-active-border);transform:translateY(-1px)}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.theme-card{display:flex;flex-direction:column;align-items:start;gap:.35rem;min-height:6.25rem;text-align:left;background:var(--theme-card-bg)}.theme-card strong{font-size:.95rem}.theme-card span{font-size:.8rem;line-height:1.45}.timezone-input{width:100%;box-sizing:border-box}.timezone-note{margin:0;font-size:.82rem}.timezone-note.invalid{color:#ffb4b4}.flipper{position:relative;width:100%;min-width:0;height:var(--clockheight);transform-style:preserve-3d;perspective:1600px}.gear{position:absolute;top:calc(var(--clockheight) / 3);width:12px;height:calc(var(--clockheight) / 3);background:linear-gradient(to bottom,#000,#666 17%,#7f7f7f 52% 52%,#0c0c0c 53%,#595959 87%,#131313);outline:3px solid #000;z-index:99;transform-style:preserve-3d;transform:translateZ(10px);perspective:0}.gear:nth-child(2){left:calc(100% - 12px)}.top,.bottom{box-shadow:0 6px 6px 1px #00000080,0 2px 2px 1px #ffffff26;border-top:2px solid rgb(102,103,110);border-bottom:2px solid #000}.top{position:relative;width:100%;height:calc(50% - 15px);background-image:linear-gradient(#303135,#38393e);margin-top:10px;margin-bottom:5px;border-top-left-radius:calc(var(--radius) * .65);border-top-right-radius:calc(var(--radius) * .65)}.bottom{position:relative;width:100%;height:calc(50% - 15px);background-image:linear-gradient(#393a3f,#414147);margin-top:5px;margin-bottom:15px;border-bottom-left-radius:calc(var(--radius) * .65);border-bottom-right-radius:calc(var(--radius) * .65)}:root[data-theme=light] .top{background-image:linear-gradient(#c5b49a,#baaa91);border-top-color:#ffffffad}:root[data-theme=light] .bottom{background-image:linear-gradient(#b7a68c,#ab9a82)}:root[data-theme=mechanical] .top{background-image:linear-gradient(#7e592f,#64431e);border-top-color:#fadda966}:root[data-theme=mechanical] .bottom{background-image:linear-gradient(#65431f,#4f3012)}:root[data-theme=neon] .top{background-image:linear-gradient(#082f49,#064b6d);border-top-color:#67e8f980;box-shadow:0 0 18px #22d3ee2e,0 6px 6px 1px #00000080}:root[data-theme=neon] .bottom{background-image:linear-gradient(#043d57,#022334);box-shadow:0 0 18px #22d3ee24,0 6px 6px 1px #00000080}.text{font-size:clamp(5rem,8vw,8.75rem);display:block;position:absolute;overflow:hidden;width:100%;height:100%;line-height:calc(var(--clockheight) - 27px);text-align:center;color:#e2e2e2}:root[data-theme=light] .text{color:#fffaf2;text-shadow:0 1px 0 rgba(67,49,29,.26)}:root[data-theme=mechanical] .text{color:#f9e9c8;text-shadow:0 1px 0 rgba(53,29,7,.35)}:root[data-theme=neon] .text{color:#bffcff;text-shadow:0 0 12px rgba(34,211,238,.52)}.bottom .text{line-height:0}.top.new,.bottom.new{position:absolute;left:0;z-index:12}.top.new{top:0;z-index:1}.top.new .text{backface-visibility:hidden}.bottom.new{position:absolute;top:0;height:calc(100% + -0px);transform:rotateX(.5turn);z-index:1;opacity:0}.flipper.flipping .top.new{transform-origin:bottom center;animation:rotate var(--rotationtime) 1 ease-in-out forwards}.flipper.flipping .bottom.new{animation:rotatebottom var(--rotationtime) 1 ease-in-out forwards}@keyframes rotatebottom{0%{opacity:0}49%{opacity:0}50%{opacity:1}to{opacity:1}}@keyframes rotate{0%{transform:rotateX(0) translateY(0)}to{transform:rotateX(-180deg) translateY(-10px)}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.settings-panel{order:-1}}@media(max-width:720px){.app-shell{--clockheight: 160px;--radius: 22px}.app-shell{padding:.85rem}.meta-head{flex-direction:column}.fullscreen-toggle{width:100%}.clock{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.setting,.theme-grid{grid-template-columns:1fr}.text{font-size:clamp(3.8rem,12vw,5.2rem)}.segment span{font-size:.68rem;letter-spacing:.12em}}@media(max-width:720px)and (orientation:portrait){.app-shell{--clockheight: 128px;--radius: 18px}.clock{gap:.35rem}.clock-panel{padding:1rem .8rem 1.2rem}.date-row h1{font-size:clamp(1.2rem,7vw,1.8rem)}.text{font-size:clamp(3rem,11vw,4.1rem)}.period-pill{top:-.1rem;padding:.3rem .55rem;font-size:.66rem}}