[data-theme=umi] body{background:var(--sea3);font-family:Zen Maru Gothic,sans-serif}[data-theme=umi] #sky{background:linear-gradient(180deg,var(--sea1) 0%,var(--sea2) 46%,var(--sea3) 100%)}[data-theme=umi] .rays{inset:0;width:100%;height:100%;opacity:var(--rays);mix-blend-mode:soft-light}[data-theme=umi] .ray{animation:umiRay 9s ease-in-out infinite alternate}@keyframes umiRay{0%{opacity:.35}50%{opacity:1}to{opacity:.5}}[data-theme=umi] .surface{top:0;left:0;width:200%;height:26px;opacity:var(--surf);animation:umiSurf 16s linear infinite}@keyframes umiSurf{to{transform:translate(-50%)}}[data-theme=umi] .sun{width:170px}[data-theme=umi] .moon{width:130px}[data-theme=umi] .sun .wob,[data-theme=umi] .moon .wob{transform-box:fill-box;transform-origin:center;animation:umiWob 3.6s ease-in-out infinite}[data-theme=umi] .moon .wob{animation-duration:4.4s}@keyframes umiWob{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.05,.95) rotate(4deg)}50%{transform:scale(.97,1.04) rotate(-2deg)}75%{transform:scale(1.03,.98) rotate(-5deg)}}[data-theme=umi] .stars i{border-radius:50%;background:#b8fbff;box-shadow:0 0 6px 1px #78f0ffcc}[data-theme=umi] #sky .stars>.jelly{aspect-ratio:40 / 54;filter:drop-shadow(0 0 8px var(--glow));animation:umiJelly 7s ease-in-out infinite}@keyframes umiJelly{0%,to{transform:translateY(0) scale(1)}18%{transform:translateY(-4px) scale(1.06,.92)}40%{transform:translateY(-22px) scale(.96,1.05)}70%{transform:translateY(-12px) scale(1)}}[data-theme=umi] .fish{left:-12%;height:auto;animation:umiSwim 48s linear infinite}[data-theme=umi] .fish.l{animation-name:umiSwimL}[data-theme=umi] .fish.f1{top:34%;width:46px;animation-delay:-8s}[data-theme=umi] .fish.f2{top:52%;width:34px;animation-duration:62s;animation-delay:-40s;opacity:.8}[data-theme=umi] .fish.school{top:22%;width:74px;animation-duration:70s;animation-delay:-46s;opacity:.7}[data-theme=umi] .fish.f3{top:60%;width:30px;animation-duration:40s;animation-delay:-22s}[data-theme=umi] .fish.f3 path:first-child{fill:var(--accent)}[data-theme=umi] .fwag{transform-box:fill-box;transform-origin:70% 50%;animation:umiWag .9s ease-in-out infinite alternate}@keyframes umiWag{0%{transform:skewY(-3deg)}to{transform:skewY(3deg)}}@keyframes umiSwim{0%{left:-12%;transform:translateY(0)}25%{transform:translateY(-14px)}50%{transform:translateY(4px)}75%{transform:translateY(-8px)}to{left:112%;transform:translateY(0)}}@keyframes umiSwimL{0%{left:112%;transform:translateY(0) scaleX(-1)}30%{transform:translateY(10px) scaleX(-1)}65%{transform:translateY(-8px) scaleX(-1)}to{left:-12%;transform:translateY(0) scaleX(-1)}}[data-theme=umi] .bed{left:0;bottom:0;width:100%;height:38vh}[data-theme=umi] .kelp{bottom:0;height:48vh;max-height:420px;width:auto;aspect-ratio:180 / 320}[data-theme=umi] .kelp.kl{left:-14px}[data-theme=umi] .kelp.kr{right:-14px}[data-theme=umi] .shell{left:16%;bottom:27.5vh;width:58px;height:auto}[data-theme=umi] .weed{transform-box:fill-box;transform-origin:50% 100%;animation:umiSway 5.5s ease-in-out infinite alternate}[data-theme=umi] .weed:nth-of-type(2n){animation-duration:7s}@keyframes umiSway{0%{transform:skew(-7deg)}to{transform:skew(6deg)}}[data-theme=umi] .bubbles{inset:0}[data-theme=umi] .bubbles i{position:absolute;bottom:14vh;aspect-ratio:1;border-radius:50%;opacity:0;border:1.2px solid rgba(255,255,255,.75);background:radial-gradient(circle at 32% 30%,#fffffff2 0 16%,#ffffff1a 24%);animation:umiRise 11s ease-in infinite}@keyframes umiRise{0%{transform:translate(0);opacity:0}8%{opacity:.9}35%{transform:translate(7px,-28vh)}65%{transform:translate(-5px,-56vh);opacity:.7}to{transform:translate(4px,-88vh);opacity:0}}[data-theme=umi] #clock{filter:drop-shadow(0 18px 24px rgba(3,28,52,.38))}.dial-umi .rim{fill:url(#umiBrass);stroke:#6e4818;stroke-width:1}.dial-umi .rim-hi{fill:none;stroke:#fff6d8;stroke-width:2.4;stroke-linecap:round;opacity:.7}.dial-umi .bezel{fill:url(#umiBrassIn);stroke:#6e4818;stroke-width:.8}.dial-umi .rivet{fill:url(#umiRivet)}.dial-umi .rivet-sh{fill:#5a3a12;opacity:.45}.dial-umi .mnum{font:700 8.6px Fredoka,sans-serif;fill:#4a300c;letter-spacing:.02em}.dial-umi .face{fill:url(#umiGlass)}.dial-umi .tick{stroke:#a9cfcc;stroke-width:1.1}.dial-umi .tick.big{stroke:#12395a;stroke-width:2.6}.dial-umi .hnum{font:600 20px Fredoka,sans-serif;fill:#12395a}.dial-umi .glass-sh{fill:none;stroke:#0d4a5e;stroke-width:4;opacity:.1;stroke-linecap:round}.dial-umi .glass-hi{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;opacity:.95}.dial-umi .glass-hi.dot{stroke-width:2;opacity:.8}.dial-umi .glint{transform:translate(-160px);opacity:0}#clock.ringing .dial-umi .glint{animation:umiGlint .9s ease-out}@keyframes umiGlint{0%{transform:translate(-140px);opacity:1}to{transform:translate(150px);opacity:1}}.dial-umi .hh{fill:#12395a}.dial-umi .mh{fill:#e2603f}.dial-umi .hub{fill:url(#umiRivet);stroke:#6e4818;stroke-width:.8}.dial-umi .hub-dot{fill:#12395a}[data-theme=umi] #themeBtn{color:#12395a;background:#fbf6ea;box-shadow:inset 0 0 0 2.5px #c9974a,inset 0 0 0 4px #fbf6ea,inset 0 0 0 5px #c9974a66,0 4px 12px #031c3447}[data-theme=umi] #nowBtn{color:var(--ui-ink);background:rgba(255,255,255,var(--glass));box-shadow:inset 0 0 0 1px #ffffff73}[data-theme=umi] #nowBtn[aria-pressed=true]{color:#12395a;background:#fbf6ea;box-shadow:inset 0 0 0 2px #c9974a,0 3px 10px #031c3433}[data-theme=umi] .ampm{padding:5px;border-radius:999px;background:#04223a5c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1.5px #ffffff42}[data-theme=umi] .knob{top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:linear-gradient(180deg,#fffaf0,#f1e5c8);box-shadow:inset 0 0 0 2px #c9974a,0 4px 10px #0014284d}[data-theme=umi] .ampm-btn{font-weight:700;color:#ffffffeb}[data-theme=umi] .ampm-btn[aria-checked=true]{color:#12395a}[data-theme=umi] #readout{width:100%;min-height:108px;padding:16px 52px;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(circle 4px at 15px 15px,#fff1c4 0 1px,#d3a24c 2px,#7a5220 3.4px,transparent 4px),radial-gradient(circle 4px at calc(100% - 15px) 15px,#fff1c4 0 1px,#d3a24c 2px,#7a5220 3.4px,transparent 4px),radial-gradient(circle 4px at 15px calc(100% - 15px),#fff1c4 0 1px,#d3a24c 2px,#7a5220 3.4px,transparent 4px),radial-gradient(circle 4px at calc(100% - 15px) calc(100% - 15px),#fff1c4 0 1px,#d3a24c 2px,#7a5220 3.4px,transparent 4px),linear-gradient(180deg,#fffcf3,#f6eedb);box-shadow:inset 0 0 0 2.5px #c9974a,inset 0 0 0 5px #fdf8ec,inset 0 0 0 6px #c9974a73,0 14px 28px #031c3452}[data-theme=umi] .ap{white-space:nowrap;flex:none;font-size:12px;font-weight:700;letter-spacing:.14em;color:#fbf1d8;background:#12395a;border-radius:999px;padding:4px 11px}[data-theme=umi] .time{white-space:nowrap}[data-theme=umi] .time b{font:600 clamp(40px,12.5vw,54px) "Fredoka",sans-serif;color:#12395a}[data-theme=umi] .time b.m{color:#e2603f}[data-theme=umi] .time i{font-weight:700;font-size:20px;color:#3e6a7c;margin:0 7px 0 3px}[data-theme=umi] .time i:last-child{margin-right:0}[data-theme=umi] .speaker{right:22px;color:#12395a}@media(orientation:landscape){[data-theme=umi] .bed{height:30vh}[data-theme=umi] .kelp{height:60vh}[data-theme=umi] .kelp.kl{left:1vw}[data-theme=umi] .shell{left:47%;bottom:8vh;transform:none}[data-theme=umi] #sky .stars>.jelly:nth-of-type(1){left:48%!important;top:12%!important}[data-theme=umi] #sky .stars>.jelly:nth-of-type(3){left:47%!important;top:58%!important}}@media(orientation:landscape)and (max-height:480px){[data-theme=umi] .time b{font-size:44px}[data-theme=umi] #readout{min-height:88px;padding:12px 48px}}@media(prefers-reduced-motion:reduce){[data-theme=umi] .ray,[data-theme=umi] .surface,[data-theme=umi] .wob,[data-theme=umi] #sky .stars>.jelly,[data-theme=umi] .fwag,[data-theme=umi] .weed,[data-theme=umi] .bubbles i{animation:none}[data-theme=umi] .fish{animation-duration:160s}}