@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Noto+Sans+KR:wght@400;500;600&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#eef5f5;background:#153643;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}#ocean{position:fixed;inset:0;outline:none}canvas{display:block}header{position:fixed;left:42px;right:42px;top:30px;display:flex;justify-content:space-between;align-items:center}a{color:inherit;text-decoration:none}.brand{display:flex;gap:12px;align-items:center;font:500 38px Barlow Condensed,sans-serif;letter-spacing:4px}.brand span{font-size:23px}.brand small{display:block;font:500 9px Barlow Condensed,sans-serif;letter-spacing:3px;margin-top:3px;opacity:.65}.back{font-size:11px;border-bottom:1px solid #ffffff4d;padding-bottom:6px}.intro{position:fixed;left:44px;top:140px;text-shadow:0 1px 14px #152c4444;pointer-events:none}.intro>span{font:500 10px Barlow Condensed,sans-serif;letter-spacing:3px;opacity:.7}h1{font-size:30px;font-weight:400;letter-spacing:-1px;margin:12px 0}p{font-size:12px;font-weight:400;opacity:.7}.settings{position:fixed;right:42px;bottom:76px;width:322px;background:#142c386b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #e3f1ff26;padding:21px;box-shadow:0 8px 40px #081c2922;border-radius:9px}.setting-label{font-size:11px;display:flex;justify-content:space-between}.setting-label span{color:#bbdedd;font-size:10px}.presets{display:flex;gap:5px;margin:15px 0 19px}button{font:inherit;color:inherit;border:1px solid #d0e5ec26;background:#d0e5ec08;cursor:pointer;border-radius:4px;font-size:11px;min-height:39px;padding:9px 10px;transition:background .2s,border-color .2s}button:hover,button:focus-visible{background:#c9f1ef26;outline:1px solid #c9f1ef88}button[aria-pressed=true]{background:#dbefea;color:#1a3845;border-color:#dbefea}.presets button{flex:1;padding:8px 4px}.view-row{display:flex;justify-content:space-between;border-top:1px solid #ffffff1b;padding-top:12px;gap:4px}.view-row button{font-size:10px;background:none;border:none;padding:6px;min-height:32px}footer{position:fixed;bottom:26px;left:44px;right:42px;display:flex;justify-content:space-between;font-size:10px;opacity:.7;pointer-events:none}footer b{font-weight:400;padding:0 8px;opacity:.4}footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#addec5;margin-left:6px}#loading{position:fixed;inset:45% 0;text-align:center;pointer-events:none}@media(max-width:600px){header{left:22px;right:22px;top:22px}.brand{font-size:29px;gap:7px}.brand span{font-size:19px}.brand small{font-size:8px;letter-spacing:1.6px}.back{font-size:9px}.intro{left:24px;top:114px}.intro h1{font-size:25px}.intro p{font-size:10px}.settings{left:22px;right:22px;bottom:70px;width:auto;padding:16px}footer{left:24px;right:24px;bottom:25px;font-size:8px}footer b{padding:0 3px}}header,.intro,footer{text-shadow:0 1px 8px #102c4666}header:before{content:"";position:fixed;inset:0 0 auto;height:110px;background:linear-gradient(#18394d35,transparent);z-index:-1;pointer-events:none}