@charset "UTF-8";
:root{color-scheme:dark;--ink:#f9f5e9;--muted:rgba(246,244,232,.59);--accent:#ecd5a8;--panel:#152c39;--scene-far:#385867;--scene-mid:#274653;--scene-near:#142f3e;--scene-detail:#55717a;--window-color:#ffd697;--window-opacity:.75;--ring:1250.36;--stars-opacity:.8;--cloud-opacity:.12;--moon-color:#efdfbd}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:#102634}body{font-family:Inter,"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{border:0;cursor:pointer;color:inherit;background:none}a{color:inherit;text-decoration:none}button{ -webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.35}button,select,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button:enabled:hover{filter:brightness(1.12)}button:active{transform:translateY(1px)}[hidden]{display:none!important}svg.icon{height:20px;width:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center}button{transition:background .2s,color .2s,opacity .2s,box-shadow .2s}h2,h3,p{margin-top:0}
.landscape{position:fixed;inset:0;overflow:hidden;pointer-events:none}.sky{position:absolute;inset:0;background:linear-gradient(180deg,#0b2338 0%,#315461 74%,#ad9477 115%);opacity:0;transition:opacity 1.2s ease}.sky.visible{opacity:1}.horizon-glow{position:absolute;bottom:11%;left:-12%;height:50%;width:85%;background:radial-gradient(ellipse at bottom,rgba(237,177,118,.2),transparent 65%);opacity:.5;transition:opacity 1.4s}.scene{position:absolute;inset:auto -1px 0;height:43%;min-height:245px;opacity:0;transition:opacity 1s ease;overflow:hidden}.scene.visible{opacity:1}.scene>svg{width:100%;height:100%;display:block}.scene svg path,.scene svg rect,.scene svg polygon{transition:fill 1.2s}.scene-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,16,25,.1),transparent 14%,rgba(7,20,29,.025) 60%,rgba(6,21,29,.14) 86%,rgba(6,21,29,.6));pointer-events:none}.texture{position:absolute;inset:0;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}.stars{position:absolute;inset:0 0 37%;opacity:var(--stars-opacity);transition:opacity 1.5s}.stars i{position:absolute;width:2px;height:2px;background:#ffefd0;border-radius:50%;opacity:.55}.stars i:nth-child(4n){width:3px;height:3px;opacity:.34;box-shadow:0 0 8px #ffe8bd}.celestial-track{position:absolute;inset:9% 7% auto;height:17%}.celestial{position:absolute;left:80%;top:25%;width:45px;height:45px;border-radius:50%;transition:left 3s linear,top 3s linear,opacity 1s,background 1s;filter:drop-shadow(0 0 28px rgba(246,225,173,.15))}.celestial.sun{background:#f5d29b;box-shadow:0 0 70px 22px #e9ba701a,0 0 140px 70px #e9ba700c}.celestial.moon{background:var(--moon-color);clip-path:path('M 31 1 C 15 12 17 34 41 35 C 34 46 17 48 7 36 C -7 20 7 -1 23 0 Z');transform:rotate(-18deg)}.celestial.neutral{opacity:0}.cloud{position:absolute;border-radius:50%;background:linear-gradient(0deg,transparent,rgba(235,242,243,.12),transparent);filter:blur(17px);height:80px;width:540px;opacity:var(--cloud-opacity);transition:opacity 1.2s;animation:drift 95s ease-in-out infinite alternate}.cloud-one{left:-8%;top:20%}.cloud-two{right:-10%;top:10%;width:670px;animation-delay:-24s;animation-duration:135s}.fog{position:absolute;bottom:0;height:42%;width:160%;left:-30%;background:radial-gradient(ellipse,rgba(209,226,224,.25),transparent 70%);opacity:0;transition:opacity 1.5s;animation:fog-drift 30s ease-in-out infinite alternate}.weather-particles{position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(to right,#000,rgba(0,0,0,.28) 34%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.28) 66%,#000)}.weather-particles i{position:absolute;top:-30px;animation-iteration-count:infinite;animation-timing-function:linear}.weather-particles.rain i,.weather-particles.storm i{height:26px;width:1px;background:linear-gradient(transparent,rgba(211,234,241,.6));animation-name:rain}.weather-particles.storm i{height:42px;opacity:.8}.weather-particles.snow i{width:4px;height:4px;border-radius:50%;background:#fff;opacity:.5;animation-name:snow}
.app-shell{position:relative;min-height:600px;height:100svh;width:100%;isolation:isolate}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:31px 42px;gap:20px;position:relative;z-index:2}.wordmark{display:inline-flex;gap:13px;align-items:center;width:max-content;font-size:12px;letter-spacing:.23em;font-weight:650;color:#f1efe5}.brand-symbol{font-family:Georgia,serif;font-size:33px;letter-spacing:-.12em;font-weight:400;line-height:1;border-right:1px solid #ffffff27;padding-right:16px;padding-bottom:3px}.location-cluster{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.city-button{display:flex;align-items:center;gap:8px;height:44px;padding:0 5px;font-size:14px;font-weight:600}.city-button>span:first-child .icon{width:16px;height:16px;opacity:.7}.chevron{opacity:.55}.chevron .icon{width:13px;height:13px}.weather-button{display:flex;gap:8px;align-items:center;padding:0 9px;height:44px;font-size:13px;color:#f7f2e5b8}.weather-button .icon{width:17px;height:17px}.top-actions{display:flex;align-items:center;gap:13px;justify-self:end}.fullscreen-button{height:44px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #e8e3d79c;border-radius:9px;padding:0 16px;background:#f3ecd9;color:#233d4c;box-shadow:0 2px 8px #071c2312;font-weight:650;font-size:12px;white-space:nowrap}.fullscreen-button .icon{width:16px;height:16px}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:50%;color:#e1e7e3bf}.icon-button:hover{background:#ffffff10}.settings-button{border-color:#ffffff26}.icon-button[aria-pressed="true"]{color:var(--accent);background:#ecd5a817;border-color:#ecd5a830}
.clock-stage{position:absolute;left:0;right:0;top:25.3%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;z-index:1;transition:opacity .2s ease,transform .2s ease}.clock-stage.switching{opacity:.45;transform:translateY(3px)}.clock-context{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.26em;font-weight:450;color:#f2edde9c;line-height:20px;margin-bottom:14px}.context-dot{width:4px;height:4px;border-radius:100%;background:#f0dab1;opacity:.8}.time-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,1140px);height:clamp(145px,21.5vw,300px)}.main-time{display:flex;align-items:baseline;justify-content:center;width:100%;position:relative;font-variant-numeric:tabular-nums;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:200;white-space:nowrap;line-height:.94;letter-spacing:-.055em;text-shadow:0 6px 60px #0d243c18}.time-major{font-size:clamp(124px,21.1vw,300px);display:inline-flex;align-items:baseline;letter-spacing:-.035em;line-height:1}.time-major .time-colon{font-size:.75em;align-self:center;padding:0 .065em .08em;opacity:.82;font-weight:200}.time-minor{font-size:clamp(30px,4.3vw,62px);color:#f2edde8f;letter-spacing:-.02em;margin-left:24px;font-weight:300;min-width:1.15em}.ampm{font-family:inherit;font-size:14px;letter-spacing:.05em;color:#f2edde9c;margin-right:13px}.ampm:empty{display:none}.subline{font-size:13px;line-height:22px;letter-spacing:.13em;color:#eee8dba8;margin-top:14px;min-height:22px}.mode-controls{height:92px;display:flex;align-items:center;justify-content:center;position:relative;width:100%;margin-top:8px}.tool-controls{display:flex;align-items:center;justify-content:center;gap:17px}.clock-controls{font-size:11px;color:#e6e8dd85}.next-alarm{display:inline-flex;gap:7px;align-items:center;letter-spacing:.02em}.next-alarm svg{height:13px;width:13px}.primary-control{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 28px;border:1px solid #e8d8b39c;border-radius:30px;background:#ead9b8;color:#203c49;font-size:13px;font-weight:650;box-shadow:0 5px 28px #00152015}.primary-control .icon{width:17px;height:17px}.round-control{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff07;border:1px solid #fff2;color:#f3ecd5b3}.round-control .icon{height:17px;width:17px}.secondary-control{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 19px;border:1px solid #ffffff24;border-radius:30px;color:#eae6d7;font-size:12px;background:#ffffff04}.secondary-control .icon{width:16px;height:16px}.secondary-control>span:not([data-icon]){color:var(--accent);font-size:10px}.control-row{display:flex;align-items:center;justify-content:center;gap:16px}.mode-nav{display:flex;gap:4px;padding:5px;border:1px solid #e5e6d724;border-radius:16px;background:#0c243b24;box-shadow:0 5px 25px #0c213110;backdrop-filter:blur(14px)}.mode-nav button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border-radius:11px;font-size:12px;color:#ecead69c;white-space:nowrap}.mode-nav button .icon{width:17px;height:17px}.mode-nav button.active{background:#f0ead6;color:#233d4c;box-shadow:0 3px 7px #09151d14;font-weight:650}.mode-nav button:not(.active):hover{background:#fff1}.timer-control-stack{flex-direction:column;gap:13px}.timer-presets{display:flex;gap:5px}.timer-presets button{min-width:44px;min-height:33px;padding:0 12px;color:#e3e7db9c;border-radius:7px;border:1px solid transparent;font-size:11px}.timer-presets button.selected{background:#fff1;color:#fff3d1;border-color:#fff2}.timer-presets .icon{height:14px;width:14px}.progress-ring,.orbit{position:absolute;height:clamp(270px,36vw,460px);width:clamp(270px,36vw,460px);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .4s}.progress-ring{overflow:visible;transform:translate(-50%,-50%) rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:1.4}.ring-track{stroke:#f0e9d314}.ring-progress{stroke:#e2d1aa5c;stroke-dasharray:var(--ring);stroke-dashoffset:0;transition:stroke-dashoffset .2s linear}.orbit{border:1px solid #edddbb17;border-radius:50%;animation:orbit 60s linear infinite}.orbit i{position:absolute;height:5px;width:5px;left:50%;top:-2.5px;background:#f3dca9;border-radius:50%;box-shadow:0 0 18px #f5d5a333}.laps-button{font-size:11px;color:#e9e3cf99;min-height:44px;margin-top:7px;text-underline-offset:4px}.laps-button:hover{text-decoration:underline}body[data-mode="timer"] .progress-ring{opacity:1}body[data-mode="stopwatch"] .orbit{opacity:1}body[data-mode="timer"] .time-major,body[data-mode="stopwatch"] .time-major{font-size:clamp(110px,17vw,235px)}body[data-mode="timer"] .mode-controls{height:112px}body[data-mode="timer"] .clock-stage,body[data-mode="stopwatch"] .clock-stage{top:24%}body[data-mode="stopwatch"] .time-minor{font-size:clamp(24px,3.5vw,49px)}.orbit.paused{animation-play-state:paused}.lap-pulse .time-wrap:after{content:"";position:absolute;left:50%;top:50%;height:100%;width:55%;border:1px solid #ecd5a85c;border-radius:50%;transform:translate(-50%,-50%);animation:lap-wave .65s ease-out forwards;pointer-events:none}
body[data-skin="classic"] .main-time{font-weight:600;letter-spacing:-.055em}body[data-skin="classic"] .time-major{font-size:clamp(115px,19vw,270px)}body[data-skin="classic"] .time-minor{font-weight:400}body[data-skin="flip"] .time-major{font-size:clamp(85px,14vw,198px);gap:.055em;letter-spacing:0;font-weight:550;line-height:1.18}body[data-skin="flip"] .digit{display:inline-block;position:relative;border:1px solid #dfd1b429;padding:.015em .065em;border-radius:.045em;background:linear-gradient(180deg,#182f3c 49.5%,#102733 50%);box-shadow:0 9px 28px #05182418;min-width:.67em}body[data-skin="flip"] .digit:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#071d2a99}body[data-skin="flip"] .digit.changed{animation:digit-turn .28s ease-out}body[data-skin="flip"] .time-colon{padding:0;font-size:.6em}body[data-skin="flip"] .time-minor{margin-left:16px}body[data-skin="led"] .main-time{font-family:"Courier New",monospace;color:#f0d9ad;text-shadow:0 0 25px #ecd5a82b;font-weight:500}body[data-skin="led"] .time-major{letter-spacing:-.04em;font-size:clamp(115px,19vw,270px)}
.bottombar{position:absolute;bottom:43px;left:42px;right:42px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;z-index:2}.theme-button{display:flex;align-items:center;gap:13px;text-align:left;width:max-content;padding:7px 10px 7px 7px;border:1px solid #d6dfd029;border-radius:11px;background:#142d3680;backdrop-filter:blur(12px)}.theme-thumbnail{height:39px;width:61px;display:block;border-radius:5px;overflow:hidden;background:linear-gradient(#4b7183,#bba788);border:1px solid #ffffff10}.theme-thumbnail svg{width:100%;height:100%;transform:scale(1.25);transform-origin:50% 100%}.footer-eyebrow{display:block;font-size:8px;color:#ece9d878;letter-spacing:.08em;line-height:13px}.theme-button strong{font-size:11px;font-weight:450;color:#f1ecdcd9}.theme-button>.icon,.theme-button>span:last-child svg{width:13px;height:13px;margin-left:7px;color:#eae2c69c}.scene-caption{display:flex;gap:13px;align-items:center;font-size:9px;letter-spacing:.2em;color:#e3e7d878}.caption-line{display:block;width:31px;height:1px;background:#eee5cd4d}.footer-actions{display:flex;align-items:center;gap:7px;justify-self:end}.footer-actions .icon-button{border:1px solid #ffffff17;width:40px;height:40px;background:#142d3659;backdrop-filter:blur(9px)}.footer-actions .icon{width:17px;height:17px}.manual-label{font-size:9px;color:#eedab2b8;padding:6px;border:1px solid #eedab226;border-radius:5px;letter-spacing:.02em}.weather-credit{position:absolute;bottom:15px;right:44px;color:#d6ded06b;font-size:8px;letter-spacing:.06em}.weather-credit:hover{color:#eee8d3}
dialog{color:var(--ink);border:1px solid #dfebed21;background:linear-gradient(150deg,#1d3947,#112a37);box-shadow:0 20px 100px #04131f66;outline:none}dialog::backdrop{background:#06172366;backdrop-filter:blur(6px)}dialog[open]{animation:sheet-in .23s ease}.sheet{padding:28px 30px;border-radius:20px;max-height:calc(100svh - 64px);max-width:calc(100vw - 32px);width:460px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#546972 transparent}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.sheet-header .close-dialog{background:#ffffff08;flex-shrink:0}.sheet-header h2{font-size:21px;font-weight:500;letter-spacing:-.04em;margin:6px 0 0;line-height:1.4}.sheet-eyebrow{font-size:8px;letter-spacing:.19em;color:#d9c6a4a6}.sheet-header .icon{width:17px;height:17px}.theme-sheet{width:760px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.theme-card{display:block;text-align:left;border:1px solid #ffffff12;border-radius:12px;overflow:hidden;background:#ffffff04;padding:0;position:relative}.theme-card.selected{border-color:#e5cf9f;box-shadow:0 0 0 1px #e5cf9f33}.theme-card-art{height:108px;background:linear-gradient(155deg,#345467,#9d9c86);overflow:hidden;display:block}.theme-card-art svg{width:100%;height:100%}.theme-card:nth-child(2) .theme-card-art{background:linear-gradient(150deg,#614b65,#c29987)}.theme-card:nth-child(3) .theme-card-art{background:linear-gradient(150deg,#304554,#a7a89a)}.theme-card:nth-child(4) .theme-card-art{background:linear-gradient(150deg,#485b5d,#a1aca3)}.theme-card:nth-child(5) .theme-card-art{background:linear-gradient(150deg,#5e5a60,#c6a494)}.theme-card:nth-child(6) .theme-card-art{background:linear-gradient(150deg,#347189,#b4bb9d)}.theme-card-text{display:flex;justify-content:space-between;align-items:center;padding:12px 13px}.theme-card-text strong{display:block;font-weight:500;font-size:12px}.theme-card-text small{display:block;color:#c4d3d199;font-size:9px;margin-top:4px;letter-spacing:.03em}.theme-card .check-indicator{font-size:11px;color:#e2cea7;opacity:0}.theme-card.selected .check-indicator{opacity:1}.field-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}.field-row label{font-size:12px;color:#d8e1ddc9}.field-row select{max-width:230px}select{appearance:auto;background:#ffffff08;border:1px solid #ffffff20;border-radius:7px;padding:10px 12px;font-size:12px;color:#eee9d9;min-height:40px}select option{color:#f3eddd;background:#193643}.quiet-note{font-size:10px;line-height:1.8;color:#b8cdcc93;margin:10px 0 0;word-break:keep-all}.settings-sheet{position:fixed;inset:20px 24px 20px auto;margin:0;max-height:none;width:390px;border-radius:17px;padding:26px}.settings-sheet .sheet-header{margin-bottom:20px}.setting-section{padding:19px 0;border-top:1px solid #d9e4df12}.setting-section h3{font-size:10px;color:#d3c3a2c7;font-weight:450;letter-spacing:.04em;margin:0 0 13px}.segmented{display:flex;padding:4px;background:#081f292b;border:1px solid #d9e4df13;border-radius:8px;gap:3px}.segmented button{flex:1;min-height:38px;border-radius:6px;font-size:11px;color:#d3dfdcb0}.segmented button.selected{background:#e6dac0;color:#24414d;font-weight:600}.toggle-row{display:flex;align-items:center;position:relative;min-height:43px;cursor:pointer;font-size:12px;color:#e0e5dcc9}.toggle-row>span:first-child{margin-right:auto}.toggle-row input{position:absolute;right:0;top:7px;width:43px;height:29px;opacity:0;cursor:pointer}.switch{width:34px;height:20px;background:#49616a8c;border:1px solid #ffffff10;border-radius:20px;position:relative;margin-right:4px;pointer-events:none;transition:background .2s}.switch:after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#a9b8b9;transition:transform .2s,background .2s}.toggle-row input:checked+.switch{background:#c9b88c;border-color:#d8c598}.toggle-row input:checked+.switch:after{transform:translateX(14px);background:#233f4a}.toggle-row input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:4px}.inline-button{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#e6d5b1;min-height:40px}.inline-button .icon{width:14px;height:14px}.settings-footer{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#a7c0bf73;padding-top:16px;border-top:1px solid #d9e4df12}.settings-footer a{display:flex;align-items:center;gap:5px;color:#d2d4c79c}.settings-footer .icon{width:10px;height:10px}.weather-value{display:flex;align-items:center;gap:18px;margin:20px 0 26px}.weather-value .icon{width:38px;height:38px;color:#e4d1a9}.weather-value strong{font-size:45px;font-weight:300;letter-spacing:-.05em}.weather-value span:last-child{color:#cbd9d2b8;font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;padding:20px 0;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}.detail-grid dt{font-size:10px;color:#acc3c4b3;margin-bottom:7px}.detail-grid dd{font-size:13px;margin:0;color:#efe8d2}.data-source{font-size:9px;line-height:1.7;color:#aac2c1a6;margin-top:16px}.data-source a{text-decoration:underline;text-underline-offset:3px}.full-width{width:100%;margin-top:18px}.duration-inputs{display:flex;align-items:flex-start;justify-content:center;gap:12px;padding:8px 0 22px}.duration-inputs label{display:flex;flex-direction:column;align-items:center;gap:9px;color:#a8c1c0;font-size:10px}.duration-inputs>span{font-size:24px;padding-top:16px;color:#a8c1c06b}.duration-inputs input{width:85px;font-size:36px;text-align:center;font-weight:300;color:var(--ink);background:#ffffff06;border:1px solid #ffffff1c;border-radius:9px;padding:10px 0;font-variant-numeric:tabular-nums;appearance:textfield}.duration-inputs input::-webkit-inner-spin-button{appearance:none}.text-input{width:100%;border:1px solid #ffffff20;border-radius:8px;background:#ffffff05;color:#f3ead5;padding:12px;font-size:13px;min-height:46px}.text-input::placeholder{color:#b9ccca70}.stacked-label{display:block;color:#c0d0c9;font-size:11px;margin:8px 0 10px}.stacked-label span{color:#a8bdb9;font-size:10px}.field-error{font-size:11px;color:#f7c3ad;line-height:1.7;margin:8px 0 0;min-height:0}.field-error:empty{display:none}.alarm-time-input{display:block;width:100%;font-size:49px;font-weight:300;border:1px solid #ffffff19;border-radius:11px;background:#ffffff05;padding:13px 18px;margin:12px 0;font-variant-numeric:tabular-nums;color:#f1e9d7}.alarm-time-input::-webkit-calendar-picker-indicator{width:22px;opacity:.5}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-top:27px;padding-top:22px;border-top:1px solid #ffffff18}.list-heading h3{font-size:12px;font-weight:500;margin:0}.list-heading span{font-size:9px;color:#aac0be}.alarm-item{display:flex;align-items:center;gap:9px;border-bottom:1px solid #ffffff0e;padding:17px 0}.alarm-item-info{flex:1;min-width:0}.alarm-item-time{font-size:26px;line-height:1.2;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.alarm-item-time small{font-size:10px;color:#abc2c3;margin-left:8px}.alarm-item-info p{font-size:10px;color:#a5bfbe;line-height:1.7;margin:6px 0 0;word-break:break-word}.alarm-item .icon-button{width:35px;height:35px}.alarm-item .icon-button .icon{width:15px;height:15px}.alarm-toggle{font-size:10px;border:1px solid #ffffff20;border-radius:20px;min-width:48px;min-height:32px;color:#bccac3}.alarm-toggle[aria-pressed="true"]{color:#e8d4ab;background:#e8d4ab13;border-color:#e8d4ab38}.empty-state{font-size:11px;color:#a9bfbe94;padding:22px 0 7px;text-align:center}.lap-table-heading,.lap-row{display:grid;grid-template-columns:50px 1fr 1fr;gap:12px;align-items:center;text-align:right;font-variant-numeric:tabular-nums}.lap-table-heading{font-size:10px;color:#aec1bb;padding-bottom:17px;border-bottom:1px solid #ffffff17}.lap-table-heading span:first-child,.lap-row span:first-child{text-align:left}.lap-row{font-size:13px;padding:15px 0;border-bottom:1px solid #ffffff10;color:#e4dfca}.lap-row span:first-child{font-size:11px;color:#a9beb9}.ring-dialog{padding:50px 45px 36px;text-align:center;width:420px;max-width:calc(100vw - 36px);border-radius:22px;overflow:hidden}.ring-dialog h2{font-size:23px;font-weight:400;margin:15px 0 13px;position:relative}.ring-dialog p{font-size:12px;color:#b9cbc5;line-height:1.8;margin-bottom:26px;position:relative}.ring-bell{margin-bottom:22px;color:#e3cda1;position:relative}.ring-bell .icon{width:36px;height:36px}.ring-halo{position:absolute;inset:-120px -60px 80px;border-radius:50%;background:radial-gradient(circle,#b7a1681f,transparent 65%);animation:halo 3s ease-in-out infinite}.ring-dialog .control-row{position:relative;gap:12px}.ring-dialog .sheet-eyebrow{position:relative}.toast{position:fixed;bottom:125px;left:50%;transform:translate(-50%,15px);background:#102c38ef;border:1px solid #e6d7b93b;color:#eee4cb;border-radius:12px;padding:14px 20px;font-size:12px;box-shadow:0 10px 30px #061c2830;max-width:calc(100vw - 36px);width:max-content;z-index:100;pointer-events:none;opacity:0;transition:transform .2s,opacity .2s;text-align:center;line-height:1.6}.toast.visible{transform:translate(-50%,0);opacity:1}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(190px)}}@keyframes fog-drift{from{transform:translateX(-6%)}to{transform:translateX(6%)}}@keyframes rain{to{transform:translate(-18vw,110vh)}}@keyframes snow{to{transform:translate(8vw,106vh) rotate(180deg)}}@keyframes orbit{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes lap-wave{to{width:90%;height:145%;opacity:0}}@keyframes digit-turn{0%{transform:perspective(500px) rotateX(-15deg);filter:brightness(.75)}100%{transform:perspective(500px) rotateX(0deg);filter:brightness(1)}}@keyframes sheet-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes halo{0%,100%{opacity:.5;scale:.9}50%{opacity:1;scale:1.05}}
body[data-motion="reduced"] .weather-particles{opacity:.4}body[data-motion="reduced"] .cloud,body[data-motion="reduced"] .fog,body[data-motion="reduced"] .orbit{animation-play-state:paused}body[data-motion="off"] .landscape *,body[data-motion="off"] .orbit,body[data-motion="off"] .ring-halo{animation:none!important}body[data-motion="off"] .weather-particles{display:none}body[data-motion="off"] .sky,body[data-motion="off"] .scene,body[data-motion="off"] .clock-stage{transition:none}
@media(min-width:1800px){.clock-stage{top:27%}.bottombar{bottom:58px;left:60px;right:60px}.topbar{padding:40px 60px}.scene{height:45%}.mode-controls{height:110px}.time-wrap{height:340px}.time-major{font-size:340px}.subline{font-size:15px}.mode-nav button{padding:0 25px;min-height:48px}}
@media(max-height:760px) and (min-width:850px){.topbar{padding:22px 32px}.clock-stage,body[data-mode="timer"] .clock-stage,body[data-mode="stopwatch"] .clock-stage{top:23%}.time-wrap{height:195px}.time-major{font-size:clamp(140px,17vw,225px)}.clock-context{margin-bottom:6px}.subline{margin-top:5px}.mode-controls{height:66px}body[data-mode="timer"] .mode-controls{height:100px}.mode-nav button{min-height:40px}.bottombar{bottom:32px;left:32px;right:32px}.scene{height:40%}.progress-ring,.orbit{width:330px;height:330px}body[data-skin="flip"] .time-major{font-size:clamp(120px,13vw,173px)}}
@media(max-width:1000px){.topbar{padding:25px 27px;gap:10px}.wordmark{gap:10px;font-size:10px;letter-spacing:.16em}.brand-symbol{font-size:28px;padding-right:12px}.location-cluster{gap:2px}.top-actions{gap:8px}.fullscreen-button{padding:0 12px}.bottombar{left:28px;right:28px}.scene-caption{font-size:8px;letter-spacing:.14em}.caption-line{width:20px}.time-minor{margin-left:17px}.scene{height:40%}}
@media(max-width:720px){.app-shell{min-height:640px}.topbar{grid-template-columns:1fr 1fr;padding:20px 22px;row-gap:15px}.top-actions{grid-column:2;grid-row:1}.location-cluster{grid-column:1/-1;grid-row:2;justify-self:center;gap:3px}.wordmark{font-size:10px}.brand-symbol{font-size:28px}.fullscreen-button{min-height:42px;height:42px;font-size:11px;padding:0 13px;border-radius:8px}.settings-button{height:40px;width:40px}.city-button{font-size:12px}.weather-button{font-size:12px}.clock-stage{top:29%;padding:0 17px}.clock-context{font-size:8px;letter-spacing:.23em;margin-bottom:17px}.time-wrap{height:clamp(120px,26vw,190px)}.time-major{font-size:clamp(100px,25vw,180px)}.time-minor{font-size:clamp(24px,5.8vw,40px);margin-left:13px}.subline{font-size:10px;letter-spacing:.1em;margin-top:18px}.mode-controls{height:85px;margin-top:0}.mode-nav{border-radius:14px;padding:4px;gap:0}.mode-nav button{gap:6px;font-size:11px;padding:0 14px;min-height:44px}.mode-nav button .icon{width:16px;height:16px}.mode-nav button.active{border-radius:10px}.bottombar{left:20px;right:20px;bottom:37px;grid-template-columns:1fr auto;gap:5px}.scene-caption{display:none}.theme-button{padding:6px 9px 6px 6px;gap:8px;border-radius:9px}.theme-thumbnail{width:43px;height:34px}.footer-eyebrow{font-size:7px;line-height:11px}.theme-button strong{font-size:10px}.theme-button>span:last-child svg{margin-left:3px;width:11px}.footer-actions{gap:4px}.footer-actions .icon-button{width:35px;height:35px}.footer-actions .icon{width:15px;height:15px}.weather-credit{right:22px;bottom:14px;font-size:7px}.manual-label{position:absolute;right:0;bottom:47px;font-size:8px}.scene{height:38%;min-height:215px;left:-13%;right:-13%}.celestial-track{inset:17% 8% auto;height:9%}.celestial{width:34px;height:34px;scale:.78}.cloud-one{top:24%;width:340px}.cloud-two{top:17%;width:370px}.ampm{font-size:10px;margin-right:7px}.progress-ring,.orbit{height:290px;width:290px}body[data-mode="timer"] .clock-stage,body[data-mode="stopwatch"] .clock-stage{top:28%}body[data-mode="timer"] .time-major,body[data-mode="stopwatch"] .time-major{font-size:clamp(90px,23vw,165px)}body[data-mode="stopwatch"] .time-minor{font-size:23px}.timer-presets button{font-size:10px;padding:0 11px}.primary-control{font-size:12px}.sheet{padding:24px;width:calc(100vw - 32px);border-radius:16px;max-height:calc(100svh - 36px)}.theme-grid{gap:9px;grid-template-columns:1fr 1fr}.theme-card-art{height:90px}.theme-card-text{padding:10px}.sheet-header h2{font-size:19px}.sheet-header{margin-bottom:22px}.settings-sheet{inset:12px 12px 12px auto;width:min(390px,calc(100vw - 24px));max-height:calc(100svh - 24px);padding:24px}.duration-inputs input{width:72px;font-size:31px}.duration-inputs{gap:9px}.ring-dialog{padding:40px 23px 30px}body[data-skin="classic"] .time-major,body[data-skin="led"] .time-major{font-size:clamp(90px,23vw,165px)}body[data-skin="flip"] .time-major{font-size:clamp(74px,18vw,130px)}body[data-skin="flip"] .time-minor{margin-left:10px;font-size:24px}.main-time.long-time .time-major{font-size:clamp(65px,16.4vw,115px)}.main-time.long-time .time-minor{font-size:20px;margin-left:8px}}
@media(max-width:370px){.topbar{padding:18px 14px}.bottombar{left:14px;right:14px}.mode-nav button{padding:0 10px;font-size:10px;gap:5px}.time-major{font-size:25vw}.time-minor{margin-left:9px;font-size:23px}.theme-thumbnail{display:none}.theme-button{padding:8px 10px}.city-button{font-size:11px}.weather-button{font-size:11px;padding:0 4px}.duration-inputs input{width:64px}.sheet{padding:20px}.alarm-time-input{font-size:40px}.manual-label{font-size:7px}}
@media(max-height:630px) and (min-width:721px){.app-shell{min-height:440px}.topbar{padding:14px 24px}.clock-stage,body[data-mode="timer"] .clock-stage,body[data-mode="stopwatch"] .clock-stage{top:23%}.time-wrap{height:135px}.time-major{font-size:150px}.time-minor{font-size:35px}.subline{font-size:10px;margin-top:4px}.clock-context{margin-bottom:0;font-size:8px}.mode-controls{height:54px}body[data-mode="timer"] .mode-controls{height:83px}.timer-control-stack{gap:7px}.timer-presets button{min-height:27px}.primary-control,.round-control{min-height:36px;height:36px}.mode-nav button{min-height:36px}.bottombar{bottom:25px}.theme-thumbnail{height:29px;width:42px}.progress-ring,.orbit{height:260px;width:260px}body[data-mode="timer"] .time-major,body[data-mode="stopwatch"] .time-major{font-size:140px}body[data-skin="flip"] .time-major{font-size:115px}.laps-button{min-height:28px}.weather-credit{bottom:9px}}
.scene{min-height:max(245px,40.625vw)}
@media(max-width:720px) and (max-height:700px){body{overflow-y:auto}.app-shell{min-height:570px}.topbar{padding:12px 16px;row-gap:5px}.clock-stage,body[data-mode="timer"] .clock-stage,body[data-mode="stopwatch"] .clock-stage{top:26%}.clock-context{margin-bottom:6px}.time-wrap{height:105px}.time-major{font-size:23vw}.subline{margin-top:10px}.mode-controls{height:58px}.mode-nav button{min-height:40px}.bottombar{bottom:30px;left:15px;right:15px}.celestial-track{top:18%;height:6%}.celestial{scale:.6}.scene{min-height:215px}.progress-ring,.orbit{height:240px;width:240px}.laps-button{margin-top:2px;min-height:30px}body[data-mode="timer"] .mode-controls{height:95px}.timer-control-stack{gap:7px}.timer-presets button{min-height:28px}body[data-skin="flip"] .time-major{font-size:17vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.weather-particles{display:none}}