@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}}:root{color:#f5f6fb;background-color:#090d1c;font-family:Outfit,Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}:root{--ink: #f6f8ff;--muted: #b5bfd9;--panel: rgba(10, 15, 35, .7);--panel-border: rgba(255, 255, 255, .16);--accent: #ffd18a;--accent-2: #ff8572;--line: rgba(255, 255, 255, .2)}.app-root{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 5%,rgba(255,135,106,.22),transparent 36%),radial-gradient(circle at 85% 15%,rgba(122,176,255,.24),transparent 40%),linear-gradient(145deg,#050815 8%,#0f1836 55%,#11142a);display:flex;align-items:center;justify-content:center;padding:1.5rem}.clock-shell{width:min(980px,100%);border-radius:28px;border:1px solid var(--panel-border);background:linear-gradient(160deg,#ffffff17,#ffffff03);box-shadow:0 30px 70px #0000005c,inset 0 1px #fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;animation:shell-enter .42s ease-out both}.clock-header{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem}.header-actions{display:flex;align-items:center;gap:.75rem}.kicker{margin:0;color:var(--muted);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}.title{margin:.25rem 0;font-size:clamp(1.85rem,3vw,2.65rem);letter-spacing:.01em;line-height:1.06}.subtitle{margin:0;color:var(--muted)}.owl-wrap{width:94px;height:94px;flex-shrink:0}.owl-mark{width:100%;height:100%;filter:drop-shadow(0 14px 20px rgba(0,0,0,.35))}.owl-eye{animation:owl-blink 5.2s infinite;transform-origin:center}.fullscreen-button{border:1px solid var(--panel-border);border-radius:999px;background:#060a1abd;color:var(--ink);font:inherit;font-size:.85rem;padding:.5rem .85rem;cursor:pointer;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.fullscreen-button:hover{border-color:#ffd18ab3}.fullscreen-button[aria-pressed=true]{background:linear-gradient(125deg,#ffd18a47,#ff857233);color:var(--accent)}.mode-control{display:inline-flex;background:#060a1ab3;border:1px solid var(--panel-border);border-radius:999px;padding:.28rem;margin-bottom:1.1rem}.mode-control button{border:0;color:var(--muted);background:transparent;font:inherit;font-size:.9rem;padding:.45rem .9rem;border-radius:999px;cursor:pointer;transition:background-color .18s ease,color .18s ease}.mode-control button.active{color:#091022;background:linear-gradient(125deg,var(--accent),var(--accent-2))}.toolbar{margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:space-between}.timezone-control{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.87rem}.timezone-control select{border:1px solid var(--panel-border);border-radius:10px;background:#060a1ab3;color:var(--ink);padding:.5rem .62rem;font:inherit;min-width:320px;line-height:1.25}.format-control{display:inline-flex;border-radius:999px;border:1px solid var(--panel-border);background:#060a1ab3;padding:.2rem}.format-control button{border:0;color:var(--muted);background:transparent;font:inherit;font-size:.85rem;padding:.4rem .7rem;border-radius:999px;cursor:pointer}.format-control button.active{color:#091022;background:linear-gradient(125deg,var(--accent),var(--accent-2))}.clock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:1rem}.clock-grid.mode-digital,.clock-grid.mode-analog{grid-template-columns:minmax(0,1fr)}.clock-stage:fullscreen{width:100vw;height:100vh;padding:2rem;background:radial-gradient(circle at 10% 5%,rgba(255,135,106,.22),transparent 36%),radial-gradient(circle at 85% 15%,rgba(122,176,255,.24),transparent 40%),linear-gradient(145deg,#050815 8%,#0f1836 55%,#11142a)}.clock-stage:fullscreen .clock-grid{height:100%;gap:1.4rem;align-items:stretch}.clock-stage:fullscreen .card{min-height:100%;border-radius:28px}.clock-stage:fullscreen .clock-grid.mode-digital .digital-time{font-size:clamp(5.5rem,15vw,12rem)}.clock-stage:fullscreen .clock-grid.mode-both .digital-time{font-size:clamp(4rem,8.4vw,7.2rem)}.clock-stage:fullscreen .period{font-size:clamp(1rem,2vw,1.45rem)}.clock-stage:fullscreen .date-text{font-size:clamp(.95rem,1.7vw,1.25rem)}.clock-stage:fullscreen .clock-grid.mode-analog .dial{width:min(86vh,94vw);--tick-offset: 5.5%;--major-tick-offset: 5.5%;--minor-tick-length: 15px;--major-tick-length: 24px;--number-offset: 10%;--hour-hand-length: 25%;--minute-hand-length: 35%;--second-hand-length: 39%}.clock-stage:fullscreen .clock-grid.mode-both .dial{width:min(62vh,46vw);--tick-offset: 5.5%;--major-tick-offset: 5.5%;--minor-tick-length: 15px;--major-tick-length: 24px;--number-offset: 10%;--hour-hand-length: 25%;--minute-hand-length: 35%;--second-hand-length: 39%}.clock-stage:fullscreen .hour-number{font-size:clamp(1.2rem,2.1vw,1.8rem)}.card{min-height:320px;border:1px solid var(--panel-border);border-radius:22px;background:var(--panel);padding:1rem;position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.12),transparent 45%)}.card-label{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.digital-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.digital-time{margin:.7rem 0 0;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(2rem,6.4vw,4rem);line-height:1;letter-spacing:.04em;font-weight:600;display:flex;align-items:baseline;justify-content:center;gap:.16em;perspective:1200px}.time-separator{opacity:.72;transform:translateY(-.05em)}.time-digit{width:.74em;height:1.18em;border-radius:.16em;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#ffffff14,#ffffff05),linear-gradient(180deg,#070d20f2,#020612e6);box-shadow:inset 0 1px #ffffff1f,inset 0 -8px 14px #00000080,0 8px 18px #00000059;text-align:center;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.time-digit:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#ffffff29;pointer-events:none}.time-digit-inner{display:inline-block;text-shadow:0 0 0 rgba(255,209,138,0);transform-origin:center top;animation:zen-flip-in .52s cubic-bezier(.2,.85,.2,1),zen-flip-glow .62s ease-out}.period{margin:.5rem 0 0;font-size:.92rem;letter-spacing:.15em;color:var(--accent)}.date-text{margin:.5rem 0 0;color:var(--muted)}.timezone-text{margin:.35rem 0 0;color:var(--muted);font-size:.85rem;max-width:100%;text-wrap:balance}.analog-card{display:flex;flex-direction:column;align-items:center;justify-content:center}.dial{--tick-offset: 6.1%;--major-tick-offset: 4.8%;--minor-tick-length: 12px;--major-tick-length: 18px;--number-offset: 10.6%;--hour-hand-length: 23%;--minute-hand-length: 32%;--second-hand-length: 35%;margin-top:.9rem;width:min(340px,82vw);aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.38),transparent 56%),radial-gradient(circle at 30% 25%,rgba(255,255,255,.2),transparent 44%),linear-gradient(140deg,#202d57,#111b3a 52%,#091126);border:2px solid rgba(255,255,255,.2);box-shadow:inset 0 2px 12px #ffffff29,inset 0 -20px 32px #00000080,0 16px 28px #0006}.hour-numbers{position:absolute;inset:0}.hour-number{position:absolute;inset:0;transform-origin:50% 50%;color:#f6f8fff2;font-size:clamp(.9rem,1.8vw,1.2rem);font-family:Outfit,Avenir Next,Segoe UI,sans-serif;font-weight:600;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.65),0 0 6px rgba(255,209,138,.22)}.hour-number b{position:absolute;left:50%;top:var(--number-offset);display:block;font-weight:600}.tick{position:absolute;inset:0;transform-origin:50% 50%}.tick:before{content:"";position:absolute;left:50%;top:var(--tick-offset);width:2.5px;height:var(--minor-tick-length);transform:translate(-50%);background:#f5f8ffb3;box-shadow:0 0 4px #ffffff29}.tick.major:before{top:var(--major-tick-offset);height:var(--major-tick-length);width:4px;background:#ffd18af2;box-shadow:0 0 8px #ffd18a59}.hand{position:absolute;left:50%;bottom:50%;transform-origin:center bottom;border-radius:999px;box-shadow:0 2px 6px #0006}.hand.hour{width:10px;height:var(--hour-hand-length);background:linear-gradient(180deg,#fffaf0,#f6f8ff)}.hand.minute{width:6px;height:var(--minute-hand-length);background:linear-gradient(180deg,#fff,#dce6ff)}.hand.second{width:3px;height:var(--second-hand-length);background:linear-gradient(180deg,#ffb2a0,var(--accent-2));box-shadow:0 0 8px #ff85728c,0 2px 6px #00000061}.dial-center{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--accent);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ffd18a38,0 0 10px #ff857259}@keyframes owl-blink{0%,45%,52%,to{transform:scaleY(1)}48%{transform:scaleY(.1)}}@keyframes shell-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes zen-flip-in{0%{transform:rotateX(-88deg) translateY(-20%);opacity:0;filter:blur(3px)}58%{transform:rotateX(12deg) translateY(3%);opacity:1;filter:blur(0)}to{transform:rotateX(0) translateY(0);opacity:1;filter:blur(0)}}@keyframes zen-flip-glow{0%{text-shadow:0 0 18px rgba(255,209,138,.78),0 0 8px rgba(255,133,114,.42)}to{text-shadow:0 0 0 rgba(255,209,138,0)}}@media(max-width:820px){.clock-shell{padding:1.2rem}.clock-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.toolbar{align-items:flex-start;flex-direction:column}.timezone-control{width:100%;flex-direction:column;align-items:flex-start;gap:.35rem}.timezone-control select{width:100%;min-width:0}.owl-wrap{width:72px;height:72px}.clock-grid{grid-template-columns:minmax(0,1fr)}.dial{--tick-offset: 6.7%;--major-tick-offset: 5.3%;--major-tick-length: 17px;--minor-tick-length: 11px;--number-offset: 11.4%;--hour-hand-length: 22%;--minute-hand-length: 30.5%;--second-hand-length: 33.5%}.card{min-height:288px}}