:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;color:#ffffffde;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;min-width:320px;min-height:100vh;margin:0;place-items:center}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{padding:.6em 1.2em;border:1px solid transparent;border-radius:8px;font-family:inherit;font-size:1em;font-weight:500;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}._container_ce8ok_3{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#0a1f2e;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:100;overflow:hidden}._backgroundGradient_ce8ok_19{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(8,51,71,.95) 0%,transparent 45%),radial-gradient(ellipse at 80% 20%,rgba(18,87,111,.85) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(31,108,129,.7) 0%,transparent 65%),radial-gradient(circle at 50% 0%,rgba(60,140,160,.3) 0%,transparent 60%),linear-gradient(180deg,#061420,#0f2d3d,#1a4a5e 60%,#2d6a7d);animation:_gradientShift_ce8ok_1 10s ease-in-out infinite}._grainOverlay_ce8ok_32{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E");opacity:.3;mix-blend-mode:overlay}._lightRefraction_ce8ok_41{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 50% 0%,rgba(142,202,230,.15) 0%,transparent 40%),radial-gradient(ellipse at 30% 20%,rgba(120,180,200,.1) 0%,transparent 50%);animation:_lightShift_ce8ok_1 10s ease-in-out infinite alternate}._bubble_ce8ok_54{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ffffffe6,#ffffff4d 40%,#8ecae61a);border:1px solid rgba(255,255,255,.4);bottom:-50px;filter:blur(.3px)}._content_ce8ok_66{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:40px;animation:_floatUp_ce8ok_1 2s cubic-bezier(.22,1,.36,1)}._title_ce8ok_77{font-size:clamp(56px,10vw,110px);font-weight:200;margin:0;color:transparent;background:linear-gradient(135deg,#fff,#e8f4f8,#b8dde8 60%,#8ec6d9);background-clip:text;-webkit-background-clip:text;letter-spacing:.2em;font-family:"Noto Serif JP",serif;text-shadow:0 0 60px rgba(142,202,230,.8);animation:_textGlow_ce8ok_1 4s ease-in-out infinite alternate;position:relative;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}._titleReflection_ce8ok_94{position:absolute;top:105%;left:0;right:0;background:linear-gradient(180deg,rgba(142,202,230,.4) 0%,transparent 70%);background-clip:text;-webkit-background-clip:text;transform:scaleY(-.5) translateY(-10px);opacity:.5;filter:blur(3px)}._rippleContainer_ce8ok_108{position:relative;width:140px;height:140px;display:flex;justify-content:center;align-items:center}._droplet_ce8ok_118{position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#e8f4f8 40%,#8ec6d9);box-shadow:0 0 30px #8ecae6,0 0 50px #8ecae699,inset -3px -3px 6px #0000004d,inset 2px 2px 4px #fff6;animation:_pulse_ce8ok_1 2.5s ease-in-out infinite}._ripple_ce8ok_108{position:absolute;width:100%;height:100%;border-radius:50%;animation:_rippleOut_ce8ok_1 4s cubic-bezier(.22,1,.36,1) infinite}._progressContainer_ce8ok_142{display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;animation:_fadeInUp_ce8ok_1 1s ease-out .3s forwards}._percentage_ce8ok_152{font-size:clamp(32px,5vw,48px);font-weight:300;color:transparent;background:linear-gradient(135deg,#fff,#b8dde8,#8ec6d9);background-clip:text;-webkit-background-clip:text;font-family:Noto Sans JP,sans-serif;letter-spacing:.1em;text-shadow:0 0 40px rgba(142,202,230,.8);filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}._loadingText_ce8ok_166{font-size:clamp(12px,1.5vw,16px);font-weight:300;color:#b8dde8;letter-spacing:.2em;font-family:Noto Sans JP,sans-serif;text-shadow:0 2px 6px rgba(0,0,0,.5);opacity:.9}._progressBar_ce8ok_177{width:200px;height:3px;background:#8ecae633;border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}._progressBarFill_ce8ok_186{height:100%;background:linear-gradient(90deg,#8ec6d9,#b8dde8,#fff);border-radius:2px;box-shadow:0 0 10px #8ecae6cc;transition:width .3s ease-out}._subtitle_ce8ok_195{font-size:clamp(14px,2vw,20px);font-weight:300;margin:0;color:#b8dde8;letter-spacing:.3em;font-family:"Noto Serif JP",serif;opacity:0;animation:_fadeInUp_ce8ok_1 1.5s ease-out .5s forwards;text-shadow:0 2px 8px rgba(0,0,0,.5)}._fishShadow_ce8ok_208{position:absolute;border-radius:50%;filter:blur(12px)}._fishShadow1_ce8ok_214{width:80px;height:30px;background:linear-gradient(90deg,transparent,rgba(30,70,90,.6),transparent);top:25%;left:-100px;animation:_fishSwim1_ce8ok_1 14s ease-in-out infinite}._fishShadow2_ce8ok_223{width:50px;height:18px;background:linear-gradient(90deg,transparent,rgba(40,90,110,.5),transparent);filter:blur(10px);top:60%;right:-60px;animation:_fishSwim2_ce8ok_1 18s ease-in-out infinite}._fishShadow3_ce8ok_233{width:65px;height:24px;background:linear-gradient(90deg,transparent,rgba(35,80,100,.55),transparent);filter:blur(11px);top:45%;left:-80px;animation:_fishSwim3_ce8ok_1 20s ease-in-out infinite 5s}@keyframes _gradientShift_ce8ok_1{0%,to{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(10deg) brightness(1.1)}}@keyframes _bubbleFloat_ce8ok_1{0%{transform:translateY(0) translate(0) scale(0) rotate(0);opacity:0}5%{opacity:.8;transform:translateY(-5vh) translate(0) scale(1) rotate(10deg)}25%{transform:translateY(-30vh) translate(-15px) scale(1.05) rotate(-15deg)}50%{transform:translateY(-60vh) translate(20px) scale(.95) rotate(20deg)}75%{transform:translateY(-90vh) translate(-10px) scale(1.02) rotate(-10deg)}95%{opacity:.6;transform:translateY(-115vh) translate(5px) scale(.85) rotate(5deg)}to{transform:translateY(-120vh) translate(0) scale(.7) rotate(0);opacity:0}}@keyframes _lightShift_ce8ok_1{0%{transform:translate(0) rotate(0)}to{transform:translate(20px,-30px) rotate(5deg)}}@keyframes _floatUp_ce8ok_1{0%{opacity:0;transform:translateY(60px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes _textGlow_ce8ok_1{0%{text-shadow:0 0 30px rgba(142,202,230,.5),0 0 50px rgba(142,202,230,.3),0 0 70px rgba(142,202,230,.2)}50%{text-shadow:0 0 40px rgba(180,220,240,.8),0 0 70px rgba(142,202,230,.6),0 0 100px rgba(142,202,230,.4),0 0 130px rgba(100,180,210,.2)}to{text-shadow:0 0 30px rgba(142,202,230,.5),0 0 50px rgba(142,202,230,.3),0 0 70px rgba(142,202,230,.2)}}@keyframes _pulse_ce8ok_1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes _rippleOut_ce8ok_1{0%{transform:scale(.1);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes _fadeInUp_ce8ok_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _fishSwim1_ce8ok_1{0%{left:-100px;top:25%;opacity:0}10%{opacity:.6}50%{top:28%}90%{opacity:.6}to{left:calc(100% + 100px);top:25%;opacity:0}}@keyframes _fishSwim2_ce8ok_1{0%{right:-60px;top:60%;opacity:0}10%{opacity:.5}50%{top:55%}90%{opacity:.5}to{right:calc(100% + 60px);top:60%;opacity:0}}@keyframes _fishSwim3_ce8ok_1{0%{left:-80px;top:45%;opacity:0}10%{opacity:.55}50%{top:42%}90%{opacity:.55}to{left:calc(100% + 80px);top:45%;opacity:0}}.react-clock{display:block;position:relative}.react-clock,.react-clock *,.react-clock *:before,.react-clock *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-clock__face{position:absolute;inset:0;border:1px solid black;border-radius:50%}.react-clock__hand{position:absolute;inset:0 50%}.react-clock__hand__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark{position:absolute;inset:0 50%}.react-clock__mark__body{position:absolute;background-color:#000;transform:translate(-50%)}.react-clock__mark__number{position:absolute;left:-40px;width:80px;text-align:center}.react-clock__second-hand__body{background-color:red}._container_19hkh_1{display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:10}._digitalDisplayWrapper_19hkh_9{display:flex;flex-direction:column;align-items:center;gap:.75rem}._digitalTime_19hkh_16{font-family:Courier New,monospace;font-size:18px;font-weight:700;color:#fffffff2;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.1);letter-spacing:3px}._digitalTime_19hkh_16._mobile_19hkh_26{font-size:24px}._clockContainer_19hkh_30{position:relative;display:flex;align-items:center;justify-content:center;width:16.25rem;height:16.25rem;padding:1.25rem;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff4d,inset 0 -1px #0003;transition:.3s ease}.App{position:relative;width:100vw;height:100vh;margin:0;border:none;background-color:var(--app-background-color, #4A90E2);overflow:hidden;transition:background-color 2s ease;font-family:sans-serif;text-align:center}.App-canvas{position:absolute;top:0;left:0;width:100vw;height:100vh}.custom-clock .react-clock{border:none!important;background:transparent!important}.custom-clock .react-clock__face{border:none!important;background:radial-gradient(circle,#ffffff14,#ffffff05)!important;box-shadow:none!important}.custom-clock .react-clock__hand{background-color:#ffffffe6!important;box-shadow:0 2px 8px #0006,0 0 10px #fff3!important}.custom-clock .react-clock__mark{background-color:#fff9!important}.custom-clock .react-clock__mark__number{font-family:"Noto Serif JP",serif!important;font-weight:700!important;color:#fffffff2!important;text-shadow:0 2px 8px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.1)!important}