@font-face{font-family:TidepoolSans;src:url(/assets/fonts/TidepoolSans-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:TidepoolSans;src:url(/assets/fonts/TidepoolSans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:TidepoolSans;src:url(/assets/fonts/TidepoolSans-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}:root{--font: TidepoolSans, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--ink: #06121a;--deep: #0b2430;--hud: #e6fff8;--aqua: #5ee6c8;--aqua-d: #1f9e88;--coral: #ff8a7a;--coral-d: #c4574b;--amber: #ffc45c;--red: #ff7a6b;--sand: #e9e4d4;--sand-2: #d8d0b8;--card: #f8f5ec;--navy: #14293a;--muted: #607079;--rule: rgba(20, 41, 58, .14);--glass: rgba(10, 32, 42, .4);--glass-line: rgba(235, 255, 250, .28);--glow: 0 0 10px rgba(94, 230, 200, .4), 0 0 2px rgba(0, 18, 26, .7), 0 1px 3px rgba(0, 16, 24, .5);--st: env(safe-area-inset-top, 0px);--sb: env(safe-area-inset-bottom, 0px);--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#0b2430;overscroll-behavior:none;font:14px/1.5 var(--font);color:var(--navy);font-feature-settings:"tnum"}body{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}#c{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.ic{display:block;flex:none}.glass{background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root{--glass: rgba(10, 32, 42, .72)}}.sq{position:fixed;z-index:12;width:48px;height:58px;border:0;padding:2px 0 0;background:none;display:grid;justify-items:center;align-content:start;gap:3px;color:var(--hud);transition:transform .15s var(--ease),opacity .4s}.sq .face{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-line);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.sq .lb{font-size:11px;line-height:1;text-shadow:0 1px 3px rgba(0,16,24,.7)}.sq:active{transform:scale(.94)}#mute{top:calc(var(--st) + 8px);left:6px;--ic-acc: var(--coral)}#viewbtn{top:calc(var(--st) + 68px);left:6px}body.in-flow #mute{left:auto;right:6px;z-index:45}#menubtn{top:calc(var(--st) + 8px);right:6px;z-index:34}#menubtn.on .face{background:none;box-shadow:inset 0 0 0 1px #ebfffa24;-webkit-backdrop-filter:none;backdrop-filter:none}#menubtn .dot{position:absolute;top:3px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 1.5px #0a202a99;transform:scale(0);transition:transform .3s var(--ease)}#menubtn .dot.has{transform:none}#menubtn.on .dot{transform:scale(0)}@keyframes pop{0%{transform:scale(0)}}#hud{position:fixed;inset:0;pointer-events:none;z-index:5;transition:opacity .6s}#vig{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,#280c1000 52%,#280c1066);transition:opacity 1s}#ar{position:absolute;inset:0;color:var(--hud);text-shadow:var(--glow);transition:opacity .3s;--band: calc(var(--st) + 74px)}#ar .k{font-size:12px;color:#e6fff8c7;letter-spacing:.04em}.ar-c{position:absolute;left:50%;top:var(--band);transform:translate(-50%)}.num,.surf{display:grid;grid-template-rows:18px 44px 20px;justify-items:center;align-items:center;white-space:nowrap}#dstate{display:flex;align-items:center;gap:4px;font-size:12px;color:#e6fff8e0;letter-spacing:.04em}#dstate .ic{filter:drop-shadow(0 0 3px rgba(94,230,200,.6))}#depth{font-size:40px;font-weight:300;line-height:44px;letter-spacing:-.01em}#depth small{font-size:15px;font-weight:400;margin-left:3px;color:#e6fff8cc;letter-spacing:0}#dtrend{font-size:12px;color:var(--aqua)}#dlim{font-size:11px;color:var(--coral)}.surf{display:none}.surf b{font-size:40px;font-weight:300;line-height:44px;letter-spacing:-.01em}.surf small{font-size:12px;color:#e6fff8c7}#ar.calm .num{display:none}#ar.calm .surf{display:grid}#hud>.rope{position:absolute;left:calc(50% - 94px);top:calc(var(--st) + 64px);width:36px;height:84px;color:var(--hud);text-shadow:var(--glow);transition:opacity .3s;-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}.rope .cord{position:absolute;left:24px;top:0;bottom:0;width:1.5px;background:#e6fff8b3;box-shadow:0 0 6px #5ee6c899}.rope #tags span{position:absolute;right:16px;transform:translateY(-50%);font-size:10px;color:#e6fff8cc;white-space:nowrap;transition:top .2s linear}.rope #tags span:after{content:"";position:absolute;left:calc(100% + 4px);top:50%;width:8px;height:1.5px;background:#e6fff8b3}.rope #tags span.goal{color:var(--coral);font-weight:600}.rope #tags span.goal:after{background:var(--coral);width:10px}.rope .me{position:absolute;left:19px;top:37px;width:12px;height:10px;border-radius:50%;background:var(--aqua);box-shadow:0 0 10px #5ee6c8e6}.ar-r{position:absolute;right:16px;top:var(--band);display:grid;grid-template-rows:18px 44px 20px;justify-items:end;align-items:center}.ar-r .r1{display:flex;gap:8px;align-items:baseline}.ar-r .r1 b{font-size:15px;font-weight:300}.ar-r .r3{display:flex;gap:4px;align-items:baseline;font-size:12px}.ar-r .r3 b{font-weight:400;color:#e6fff8c7;transition:color .8s}.pearls{display:flex;gap:3px}.pearls i{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1px #e6fff873;transition:background .8s,box-shadow .8s}.pearls i.on{background:var(--aqua);box-shadow:0 0 7px #5ee6c8cc}#dleft{font-size:15px;font-weight:400;color:var(--amber)!important}#upbtn,#wavebtn{display:none;margin-top:8px;padding:6px 12px;border:0;border-radius:999px;font:inherit;font-size:12px;letter-spacing:.04em;color:var(--hud);text-shadow:var(--glow);background:#0a202a40;box-shadow:inset 0 0 0 1px #ebfffa4d;pointer-events:auto}#upbtn.on,#wavebtn.on{display:block}#upbtn{margin:6px auto 0;white-space:nowrap}#upbtn[aria-pressed=true]{color:#063a32;text-shadow:none;background:var(--aqua);box-shadow:none}#dleft:empty{display:none}#dleft:not(:empty)+#dwarn{display:none}#ar.low #dleft{color:var(--red)!important}#ar.urgent .pearls i.on,#ar.urgent .r3 b{animation:pulse .8s ease-in-out infinite}#ar.critical .pearls i.on,#ar.critical .r3 b{animation-duration:.5s}@keyframes pulse{50%{opacity:.55}}body.breath-urgent #hud:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 60px 10px #ff5a4e80;animation:edge .8s ease-in-out infinite}body.breath-critical #hud:after{animation-duration:.5s}@keyframes edge{0%,to{opacity:.15}50%{opacity:.9}}#ar.mid .r3 b{color:var(--amber)}#ar.mid .pearls i.on{background:var(--amber);box-shadow:0 0 7px #ffc45ccc}#ar.low .r3 b{color:var(--red)}#ar.low .pearls i.on{background:var(--red);box-shadow:0 0 7px #ff7a6bd9}#ar.calm .pearls i.on{animation:breathe 5s ease-in-out infinite}@keyframes breathe{50%{opacity:.5}}body.menu-open #ar,body.menu-open #hud>.rope{opacity:.15}#guide{position:absolute;right:14px;top:calc(var(--st) + 168px);bottom:calc(var(--sb) + var(--joy, 50px) * 2 + 150px);width:30px;opacity:0;transition:opacity 1.2s var(--ease)}#guide.on{opacity:1}#guide .buoy{position:absolute;right:0;top:0;filter:drop-shadow(0 0 6px rgba(255,138,122,.5));--ic-acc: var(--coral);color:#f4fffb}#guide .line{position:absolute;right:14px;top:30px;bottom:0;width:1.5px;background:linear-gradient(#e6fff8d9,#5ee6c81a);box-shadow:0 0 8px #5ee6c899}#guide .bubs i{position:absolute;right:12px;bottom:0;width:6px;height:6px;border-radius:50%;box-shadow:inset 0 0 0 1.2px #ebfffae6,0 0 4px #5ee6c899;opacity:0;animation:rise 3.6s ease-in infinite}#guide .bubs i:nth-child(2){right:16px;width:4px;height:4px;animation-delay:.6s}#guide .bubs i:nth-child(3){right:10px;width:4px;height:4px;animation-delay:1.2s}#guide .bubs i:nth-child(4){right:15px;animation-delay:1.8s}#guide .bubs i:nth-child(5){right:11px;width:5px;height:5px;animation-delay:2.4s}#guide .bubs i:nth-child(6){right:14px;width:4px;height:4px;animation-delay:3s}@keyframes rise{0%{opacity:0;transform:translateY(0)}15%{opacity:1}85%{opacity:.8}to{opacity:0;transform:translateY(var(--rise, -220px))}}#vf{position:absolute;left:50%;top:46%;width:min(60vw,320px);aspect-ratio:4 / 3;transform:translate(-50%,-50%) scale(1.06);opacity:0}#vf i{position:absolute;width:22px;height:22px;border:0 solid rgba(240,255,250,.95);filter:drop-shadow(0 0 3px rgba(0,16,24,.6))}#vf i:nth-child(1){left:0;top:0;border-width:1.5px 0 0 1.5px;border-top-left-radius:4px}#vf i:nth-child(2){right:0;top:0;border-width:1.5px 1.5px 0 0;border-top-right-radius:4px}#vf i:nth-child(3){right:0;bottom:0;border-width:0 1.5px 1.5px 0;border-bottom-right-radius:4px}#vf i:nth-child(4){left:0;bottom:0;border-width:0 0 1.5px 1.5px;border-bottom-left-radius:4px}#vf.on{animation:vf 1.1s var(--ease)}@keyframes vf{0%{opacity:0;transform:translate(-50%,-50%) scale(1.06)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}#toast{position:absolute;left:50%;top:calc(var(--st) + 8px);transform:translate(-50%,-6px);display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:22px;background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 0 0 1px var(--glass-line);color:#f0fffa;font-size:14px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .4s,transform .45s var(--ease);max-width:calc(100vw - 130px)}#toast.on{opacity:1;transform:translate(-50%)}#toast>span:last-child{overflow:hidden;text-overflow:ellipsis}#toast .ti{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#3a120c;background:var(--coral)}#toast .ti .ic{width:16px;height:16px}#toast.found .ti{color:#063a32;background:var(--aqua)}#toast.title{font-weight:400;padding-right:18px}#toast.title .ti,#toast.place .ti{color:var(--navy);background:var(--sand)}#toast.soft,#toast.tip{font-weight:400;font-size:13px;padding:8px 14px;color:#e3f4f0;white-space:normal;border-radius:14px;max-width:min(300px,calc(100vw - 130px))}#toast.tip{gap:8px}#toast.tip:before{content:"도움말";flex:none;padding:1px 7px;border-radius:9px;font-size:11px;font-weight:600;color:#063a32;background:var(--aqua)}#toast.on.soft{opacity:.9}#toast.soft{white-space:nowrap}#toast.tip{font-size:12px;line-height:1.4;padding:6px 12px}#toast.found.out{transform:translate(38vw,-2vh) scale(.2);opacity:0;transition:transform .7s ease-in,opacity .7s ease-in}#flash{position:absolute;inset:0;background:#fff;opacity:0}#flash.on{animation:flash .22s ease-out}@keyframes flash{0%{opacity:.3}to{opacity:0}}#fade{position:absolute;inset:0;background:#071a33;opacity:0;transition:opacity 2s ease;display:grid;place-items:center}#fade.in{transition-duration:1.4s}#fade span{display:grid;gap:8px;text-align:center;color:#d9f6ff;opacity:0;transform:translateY(6px);transition:opacity .8s,transform .8s var(--ease)}#fade b{font-size:22px;font-weight:300;color:#e6fbff}#fade small{font-size:13px;color:#8fc3d4}#fade.msg span{opacity:1;transform:none}#hint{position:fixed;left:50%;top:calc(var(--st) + 236px);bottom:auto;font-size:12px;transform:translate(-50%);z-index:6;padding:7px 14px;border-radius:16px;font-size:13px;color:#e8fbf6;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--glass-line);pointer-events:none;white-space:nowrap;transition:opacity .8s}#hint.off{opacity:0}#debug{display:none;position:fixed;z-index:12;left:60px;right:60px;top:calc(var(--st) + 112px);padding:4px 10px;border-radius:12px;font-size:12px;color:#dff8f3;background:#0a202ab3;align-items:center;gap:8px}#debug.on{display:flex}#debug input{flex:1;min-width:0;accent-color:var(--aqua)}#debug button{border:0;border-radius:8px;padding:2px 8px;background:#ffffff26}#debug output{min-width:3em;text-align:right}body.dbg #toast{top:calc(var(--st) + 150px)}.stick{position:fixed;pointer-events:none;z-index:10;border-radius:50%;box-shadow:inset 0 0 0 1.5px #ebfffabf,0 0 0 1px #0010181f;background:radial-gradient(circle,#0a202a0f 40%,#0a202a33);transition:opacity .25s}.stick .knob{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffffffb3,#dcf5f047 70%);box-shadow:inset 0 0 0 1px #fff9,0 2px 8px #00101840}.stick .stick-tag{position:absolute;left:0;right:0;top:100%;margin-top:4px;text-align:center;font-size:11px;color:#ebfffacc;text-shadow:0 1px 3px rgba(0,16,24,.7)}#shutter{position:fixed;z-index:11;border:0;padding:0;border-radius:50%;display:grid;place-items:center;color:#f4fffb;--ic-acc: var(--coral);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 2px #f5fffce6,inset 0 0 0 5px #0a202a40,inset 0 0 0 6px #f5fffc4d;touch-action:none;transition:transform .12s var(--ease),opacity .4s}#shutter:after{content:"촬영";position:absolute;top:100%;left:-8px;right:-8px;margin-top:4px;text-align:center;font-size:11px;color:#ebfffad9;text-shadow:0 1px 3px rgba(0,16,24,.7)}#shutter:active{transform:scale(.9)}.btn{border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 22px;font-size:15px;font-weight:600;color:#eafff9;background:#0a202a73;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px #5ee6c88c;transition:transform .12s var(--ease),background .2s}.btn:has(small){flex-direction:column;gap:1px}.btn small{display:block;font-size:12px;font-weight:400;opacity:.8}.btn:active{transform:scale(.98)}.btn.pri{background:var(--aqua);color:#063a32;box-shadow:0 6px 20px #5ee6c840}.btn .ic{width:16px;height:16px}.btn.wide{width:min(100%,320px);align-self:center}.ib{border:0;width:44px;height:44px;padding:0;display:grid;place-items:center;flex:none}.gimg{display:block;width:100%;background-repeat:no-repeat;image-rendering:pixelated}:root{--hair: rgba(235, 255, 250, .16);--dim: rgba(230, 255, 248, .62);--faint: rgba(230, 255, 248, .38)}#casc{position:fixed;z-index:33;right:6px;top:calc(var(--st) + 67px);display:grid;gap:4px;justify-items:end}#casc button{--dc: calc((6 - var(--i)) * 30ms);--do: calc(var(--i) * 55ms);position:relative;display:flex;align-items:center;gap:10px;height:44px;padding:0 5px 0 14px;border:0;background:none;color:var(--hud);opacity:0;visibility:hidden;transform:translateY(-18px) scale(.9);transform-origin:right center;transition:opacity .22s cubic-bezier(.32,0,.67,0) var(--dc),transform .22s cubic-bezier(.32,0,.67,0) var(--dc),visibility 0s calc(var(--dc) + .22s)}#casc.on button{opacity:1;visibility:visible;transform:none;transition:opacity .42s cubic-bezier(.33,1,.68,1) var(--do),transform .42s cubic-bezier(.33,1,.68,1) var(--do),visibility 0s}#casc .lb{font-size:14px;line-height:1;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,16,24,.9),0 0 8px rgba(0,16,24,.6),0 0 16px rgba(0,16,24,.35)}body.menu-open #toast,body.menu-open #hint{visibility:hidden}#casc .face{position:relative;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-line);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);transition:transform .15s var(--ease)}#casc .face .ic{width:20px;height:20px}#casc button:active .face{transform:scale(.94)}#casc .dot{position:absolute;top:-3px;right:-3px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:600;font-style:normal;color:#fff;background:var(--coral-d);box-shadow:0 0 0 1.5px #0a202a99}#casc .dot:empty{display:none}@media(prefers-reduced-motion:reduce){#casc button,#casc.on button{transform:none;transition-delay:0s!important}}#slate{--sh-ink: #e6fff8;--sh-sub: rgba(230, 255, 248, .62);--sh-faint: rgba(230, 255, 248, .38);--sh-hair: rgba(235, 255, 250, .16);--sh-tile: rgba(235, 255, 250, .07);--sh-line: rgba(235, 255, 250, .15);--sh-up: rgba(235, 255, 250, .14);--sh-up-line: rgba(235, 255, 250, .3);--sh-acc: #5ee6c8;--sh-acc-t: rgba(94, 230, 200, .14);--sh-coral: #ff8a7a;--sh-on: #063a32;--sh-glow: 0 0 6px rgba(94, 230, 200, .7);--sh-r1: 8px;--sh-r2: 12px;--sh-pill: 999px;--sh-t28: 30px;--sh-t24: 24px;--sh-t20: 18px;--sh-t16: 15px;--sh-t14: 13px;--sh-t12: 12px;--sh-t11: 11px;--sh-pad: 22px;position:fixed;inset:0;z-index:30;visibility:hidden;transition:visibility 0s .35s}#slate.on{visibility:visible;transition-delay:0s}#slate .sheet{position:absolute;inset:0;display:flex;flex-direction:column;padding-top:var(--st);color:var(--sh-ink);touch-action:none;background:linear-gradient(180deg,#051a268c,#061e2a59 45%,#041620b3);-webkit-backdrop-filter:blur(20px) saturate(1.1) brightness(.62);backdrop-filter:blur(20px) saturate(1.1) brightness(.62);opacity:0;transition:opacity .3s var(--ease)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){#slate .sheet{background:#061c28f2}}#slate.on .sheet{opacity:1}#slate:not(.quick) .sheet>*{transform:translateY(10px);transition:transform .45s var(--ease)}#slate.on .sheet>*{transform:none}#slate header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:64px;padding:10px 13px 0 var(--sh-pad)}#slate h2{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--sh-t24);font-weight:300;letter-spacing:-.01em;line-height:40px}#slate h2 small{font-size:var(--sh-t12);color:var(--sh-sub)}#slate .hr{display:flex;align-items:center;gap:6px}#slate .x{position:relative;width:44px;height:44px;border:0;padding:0;border-radius:50%;display:grid;place-items:center;color:var(--sh-ink);background:none}#slate .x:before{content:"";position:absolute;inset:3px;border-radius:50%;background:#0a202a40;box-shadow:inset 0 0 0 1px #ebfffa38}#slate .x svg{position:relative}#slate .x svg,#slate .x svg *{stroke-width:1.3}#slate .x:active:before{background:#ebfffa1a}#slate .x:focus-visible{outline:1.5px solid var(--sh-acc);outline-offset:-3px}#slate .pearl{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 8px;border-radius:var(--sh-pill);font-size:var(--sh-t14);font-weight:400;box-shadow:inset 0 0 0 1px var(--sh-hair)}#slate .pearl[hidden]{display:none}.prl{display:inline-block;flex:none;width:14px;height:14px;border-radius:50%;vertical-align:-2px;background:radial-gradient(circle at 35% 30%,#fff,#e6e1f4 45%,#b9b0d8);box-shadow:0 0 6px #e6e1fa73}#slate .paper{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;padding:8px var(--sh-pad) calc(var(--sb) + 32px);-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),transparent);mask-image:linear-gradient(#000 calc(100% - 24px),transparent)}#slate .paper::-webkit-scrollbar{display:none}:where(#slate) button{font:inherit;color:inherit}#slate .k{display:block;font-size:var(--sh-t11);color:var(--sh-sub);letter-spacing:.04em}#slate .t28{margin:0;font-size:var(--sh-t28);font-weight:300;letter-spacing:-.02em;line-height:1.3}#slate .t20{display:block;margin:0;font-size:var(--sh-t20);font-weight:400;line-height:1.35}#slate .n{display:block;margin-top:2px;font-size:26px;font-weight:300;line-height:32px;letter-spacing:-.02em;white-space:nowrap}#slate .n small{font-size:var(--sh-t14);font-weight:400;color:var(--sh-faint);letter-spacing:0}#slate .bar{display:block;position:relative;height:1.5px;margin-top:8px;background:var(--sh-hair)}#slate .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--sh-acc);box-shadow:var(--sh-glow)}#slate .bar.coral i{background:var(--sh-coral);box-shadow:0 0 6px #ff8a7ab3}#slate .sec{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:30px 0 4px}#slate .sec h3{margin:0;font-size:var(--sh-t12);font-weight:400;color:var(--sh-sub);letter-spacing:.04em}#slate .sec small{font-size:var(--sh-t12);color:var(--sh-faint)}#slate .row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;border-bottom:1px solid var(--sh-hair);font-size:var(--sh-t16)}#slate .row span{color:var(--sh-sub)}#slate .row b{font-weight:400;text-align:right}#slate .note{margin:14px 0 0;font-size:var(--sh-t12);color:var(--sh-faint)}#slate .empty{padding:64px 0;text-align:center}#slate .empty p{margin:0 0 6px;font-size:16px;font-weight:300}#slate .empty small{font-size:var(--sh-t14);color:var(--sh-sub)}#slate .card{padding:0}#slate :is(.feat,.mini,.att,.cur,.badge){position:relative;padding:16px;border-radius:var(--sh-r2);background:var(--sh-tile);box-shadow:inset 0 0 0 1px var(--sh-line)}#slate .pri,#slate .ghost{min-height:48px;border:0;border-radius:var(--sh-pill);font-size:var(--sh-t16);font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}#slate .pri{color:var(--sh-on);background:var(--sh-acc);box-shadow:0 6px 20px #5ee6c833}#slate .pri:disabled{color:var(--sh-sub);font-weight:400;background:none;box-shadow:inset 0 0 0 1px var(--sh-hair)}#slate .ghost{font-weight:400;background:none;box-shadow:inset 0 0 0 1px var(--sh-hair)}#slate .wide{width:100%;margin-top:24px}#slate .txt{min-height:44px;border:0;background:none;font-size:var(--sh-t14);color:var(--sh-sub)}#slate .pill{display:inline-flex;align-items:center;height:28px;padding:0 11px;border:0;border-radius:var(--sh-pill);font-size:var(--sh-t12);white-space:nowrap;color:var(--sh-sub);background:none;box-shadow:inset 0 0 0 1px var(--sh-hair)}#slate .pill.go{color:var(--sh-on);font-weight:600;background:var(--sh-acc);box-shadow:none}#slate .pill.on{color:var(--sh-acc);background:var(--sh-acc-t);box-shadow:none}#slate .rowcard{list-style:none;margin:0;padding:0}#slate .rowcard>:last-child{border-bottom:0}#slate .link{border:0;padding:0;background:none;font-size:var(--sh-t12);color:var(--sh-acc)}#slate .ti{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--sh-acc);box-shadow:inset 0 0 0 1px var(--sh-hair)}#slate .ti.big{width:76px;height:76px}#slate .seg{display:flex;gap:8px;margin:0 calc(var(--sh-pad) * -1);padding:2px var(--sh-pad);overflow-x:auto;scrollbar-width:none}#slate .seg::-webkit-scrollbar{display:none}#slate .seg button{flex:none;min-height:32px;padding:0 13px;border:0;border-radius:var(--sh-pill);display:flex;align-items:center;justify-content:center;gap:4px;font-size:var(--sh-t14);color:var(--sh-sub);background:none;box-shadow:inset 0 0 0 1px var(--sh-hair);white-space:nowrap;transition:background .2s,color .2s}#slate .seg button[aria-pressed=true]{color:var(--sh-ink);background:var(--sh-up);box-shadow:inset 0 0 0 1px var(--sh-up-line)}#slate .seg button:disabled{opacity:.45}#slate .seg .ic{width:13px;height:13px}#slate .sum{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}#slate .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px -6px 0}#slate .gsec{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:baseline;margin:12px 2px 2px;padding-bottom:4px;border-bottom:1px solid var(--sh-hair);font-size:var(--sh-t12);color:var(--sh-sub)}#slate .gsec:first-child{margin-top:0}#slate .gsec b{font-size:var(--sh-t14);font-weight:400;color:var(--sh-ink)}#slate .cell{position:relative;aspect-ratio:1;border:0;padding:0;border-radius:var(--sh-r2);display:grid;place-items:center;overflow:hidden;background:var(--sh-tile);box-shadow:inset 0 0 0 1px var(--sh-line);transition:transform .15s var(--ease)}#slate .cell:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#ffffff1f,#fff0 45%)}#slate .cell:active{transform:scale(.96)}#slate .cell .nm{position:absolute;left:0;right:0;bottom:5px;padding:0 3px;text-align:center;font-size:10px;color:var(--sh-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#slate .cell.unknown .nm{color:var(--sh-faint)}#slate .cell .cam{position:absolute;top:5px;right:5px;z-index:1;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:var(--sh-faint)}#slate .cam .ic{width:12px;height:12px}#slate .cell .cam.on{color:#3a120c;background:var(--sh-coral);box-shadow:0 0 6px #ff8a7a99}#slate .cell.own .ownph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}#slate .cell.own:before{z-index:1;background:linear-gradient(transparent 52%,#04141ec7),linear-gradient(160deg,#ffffff1a,#fff0 45%)}#slate .cell.own:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--sh-line);pointer-events:none}#slate .cell.own .nm{z-index:1;color:var(--sh-ink);text-shadow:0 1px 2px rgba(0,16,24,.8)}#slate .fi{position:relative;display:block;width:78%;aspect-ratio:8 / 5;margin-top:-10px;background-repeat:no-repeat;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,16,24,.45))}#slate .fi.sil{opacity:.7;filter:brightness(.9)}#slate .fi.plate{-webkit-mask:radial-gradient(ellipse 47% 40% at 50% 50%,#000 62%,transparent 100%);mask:radial-gradient(ellipse 47% 40% at 50% 50%,#000 62%,transparent 100%)}#slate .fi.ph{width:64%;clip-path:polygon(0 50%,18% 12%,72% 8%,84% 40%,100% 10%,100% 90%,84% 60%,72% 92%,18% 88%)}#slate .fi.ph.sil{filter:brightness(0);opacity:.35}#slate .fi.loading{border-radius:var(--sh-r1);background:#ebfffa0f;filter:none}#slate .paper.detail{display:flex;flex-direction:column}#slate .back{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;min-height:40px;border:0;padding:0 8px 0 0;background:none;font-size:var(--sh-t14);color:var(--sh-sub)}#slate .dhero{position:relative;flex:none;height:230px;display:grid;place-items:center}#slate .dhero:before{content:"";position:absolute;left:50%;top:50%;width:300px;height:170px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(94,230,200,.14),transparent)}#slate .fi.big{width:min(280px,84%);margin:0}#slate .dhero .nocam{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:var(--sh-t12);color:var(--sh-faint)}#slate .dhero .nocam .ic{width:14px;height:14px}#slate .dhero.own{height:auto;margin:8px 0 0}#slate .dhero.own:before{display:none}#slate .dhero.own img{display:block;width:min(100%,320px);aspect-ratio:1;object-fit:cover;border-radius:var(--sh-r2);image-rendering:pixelated;box-shadow:inset 0 0 0 1px var(--sh-line),0 8px 24px #000c1466}#slate .dhero.own .cam{position:absolute;left:calc(50% - min(50%,160px) + 10px);top:10px;display:flex;align-items:center;gap:4px;height:24px;padding:0 9px 0 7px;border-radius:999px;font-size:var(--sh-t11);color:#3a120c;background:var(--sh-coral)}#slate .dhero.own .cam .ic{width:13px;height:13px}#slate .dname{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:8px}#slate .dname b{font-size:var(--sh-t28);font-weight:300;letter-spacing:-.02em;line-height:1.2}#slate .dname i{font-size:var(--sh-t14);color:var(--sh-sub)}#slate .dbadge{display:flex;gap:14px;margin-top:8px;font-size:var(--sh-t12)}#slate .dbadge span{display:flex;align-items:center;gap:5px}#slate .dbadge span:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}#slate .dbadge .f{color:var(--sh-acc)}#slate .dbadge .p{color:var(--sh-coral)}#slate .desc{margin:14px 0;font-size:var(--sh-t16);line-height:1.6;opacity:.85}#slate .rows{border-top:1px solid var(--sh-hair)}#slate .pn{margin-top:auto;padding-top:24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:var(--sh-t12);color:var(--sh-faint)}#slate .pn button{min-height:44px;border:0;padding:0;display:flex;align-items:center;gap:8px;background:none;font-size:var(--sh-t14);color:var(--sh-sub)}#slate .pn button:last-child{justify-self:end}#slate .pn .ic{width:18px;height:18px}#slate .prof{padding:6px 0 22px;border-bottom:1px solid var(--sh-hair)}#slate .ttl{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:var(--sh-t12);color:var(--sh-acc);letter-spacing:.04em}#slate .ttl .ic{width:13px;height:13px}#slate .ttl.none{color:var(--sh-faint)}#slate .prof .t20{font-size:var(--sh-t28);font-weight:300;letter-spacing:-.02em;line-height:1.3}#slate .stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}#slate .stats3 .n{font-size:34px;line-height:42px}#slate .dives{list-style:none;margin:0}#slate .checks li{display:flex;gap:14px;align-items:center;min-height:64px;border-bottom:1px solid var(--sh-hair)}#slate .ck{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px #ebfffa66}#slate .done .ck{color:var(--sh-on);background:var(--sh-acc);box-shadow:0 0 8px #5ee6c873}#slate .ck .ic{width:13px;height:13px}#slate .checks .mt{flex:1;min-width:0;display:grid;gap:1px}#slate .checks b{font-size:var(--sh-t16);font-weight:400}#slate .checks small{font-size:var(--sh-t12);color:var(--sh-sub)}#slate .checks .mp{font-size:var(--sh-t12);color:var(--sh-sub);white-space:nowrap}#slate .dives li{display:grid;grid-template-columns:1fr auto 56px;gap:16px;align-items:center;min-height:60px;border-bottom:1px solid var(--sh-hair);font-size:var(--sh-t14)}#slate .dives li>span small{display:block;font-size:var(--sh-t12);color:var(--sh-sub)}#slate .dives b{font-size:16px;font-weight:300;text-align:right}#slate .dives b small{font-size:var(--sh-t12);color:var(--sh-faint)}#slate .dives .nrow{display:flex;gap:8px;align-items:center;font-size:var(--sh-t14);color:var(--sh-acc)}#slate .photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:22px 12px;margin-top:22px}#slate .ph{position:relative;border:0;padding:0;background:none;text-align:left;min-width:0}#slate .ph img{display:block;width:100%;height:176px;object-fit:cover;border-radius:var(--sh-r2);image-rendering:pixelated;background:#000c1440;box-shadow:0 6px 16px #000c1459}#slate .ph .cap{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:8px;padding:22px 10px 8px;border-radius:0 0 var(--sh-r2) var(--sh-r2);background:linear-gradient(transparent,#04141ec7)}#slate .ph .cap span{display:grid;min-width:0}#slate .ph .cap b{font-size:var(--sh-t14);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#slate .ph .cap small{font-size:var(--sh-t11);color:var(--sh-sub)}#slate .ph .cap em{flex:none;font-style:normal;font-size:var(--sh-t12);color:var(--sh-acc)}#slate .pt{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:8px}#slate .pt b{font-size:var(--sh-t14);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#slate .pt small{flex:none;font-size:var(--sh-t12);color:var(--sh-sub)}#slate .pd{display:block;font-size:var(--sh-t12);color:var(--sh-faint)}#slate .viewer{margin:8px 0 0}#slate .viewer figcaption{margin-top:8px}#slate .viewer img{display:block;width:100%;max-height:52dvh;object-fit:contain;border-radius:var(--sh-r2);image-rendering:pixelated;background:#000c1440}#slate .viewer .pt b{font-size:var(--sh-t20);font-weight:300}#slate .share{background:none;color:var(--sh-ink);font-weight:400;box-shadow:inset 0 0 0 1px #5ee6c88c}#slate .share .ic{width:18px;height:18px;color:var(--sh-acc)}#slate .share:disabled{opacity:.5}#slate .sheet[data-tab=deco] .paper{padding-bottom:0;display:flex;flex-direction:column;overflow:hidden;-webkit-mask-image:none;mask-image:none}#slate .stage{flex:none;position:relative;height:min(250px,30dvh);margin:0 -8px;display:flex;align-items:center;justify-content:space-between}#slate .stage:before{content:"";position:absolute;left:50%;top:58%;width:300px;height:200px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(94,230,200,.16),transparent);pointer-events:none}#slate .ib{position:relative;z-index:2;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;color:var(--sh-ink);background:var(--glass);box-shadow:inset 0 0 0 1px var(--glass-line)}#slate .podium,#slate .v3d{position:absolute;inset:0}#slate .panel{flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:calc(var(--sb) + 12px)}#slate .pscroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;margin:0 -8px;padding:0 8px 12px;-webkit-mask-image:linear-gradient(transparent,#000 12px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(transparent,#000 12px,#000 calc(100% - 16px),transparent)}#slate .pscroll::-webkit-scrollbar{display:none}#slate .dtabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding-top:6px;border-top:1px solid var(--sh-hair)}#slate .dtabs button{position:relative;min-height:60px;border:0;display:grid;justify-items:center;align-content:center;gap:4px;font-size:var(--sh-t12);color:var(--sh-faint);background:none}#slate .dtabs button[aria-selected=true]{color:var(--sh-ink)}#slate .dtabs button[aria-selected=true]:after{content:"";position:absolute;left:22%;right:22%;bottom:2px;height:1.5px;background:var(--sh-acc);box-shadow:var(--sh-glow)}#slate .dtabs .soon:not([aria-selected=true]){opacity:.6}#slate .panel .sec{margin-top:22px}#slate .items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}#slate .item{position:relative;min-height:108px;border:0;padding:8px;border-radius:var(--sh-r2);display:grid;justify-items:center;align-content:center;gap:4px;background:var(--sh-tile);box-shadow:inset 0 0 0 1px var(--sh-line);font-size:var(--sh-t14)}#slate .item[aria-pressed=true]{background:var(--sh-up);box-shadow:inset 0 0 0 1.5px var(--sh-acc),0 0 12px #5ee6c82e}#slate .item .gimg{width:100%;max-width:104px}#slate .item .hairimg{width:64px;height:64px;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgba(0,16,24,.4))}#slate .item b{font-weight:400}#slate .item small{display:flex;align-items:center;gap:4px;font-size:var(--sh-t12);color:var(--sh-sub)}#slate .item.lock .gimg{filter:grayscale(1);opacity:.35}#slate .item.lock b{color:var(--sh-sub)}#slate .item .lk{position:absolute;top:8px;right:8px;color:var(--sh-faint)}#slate .fstats{display:grid;gap:10px;margin-top:16px}#slate .fstats span{display:grid;grid-template-columns:52px 1fr;align-items:center;font-size:var(--sh-t12);color:var(--sh-sub)}#slate .fstats .bar{margin:0}#slate .swatches{display:grid;grid-template-columns:repeat(6,40px);justify-content:space-between;gap:8px 0}#slate .swatches button{position:relative;width:40px;height:40px;border:0;padding:0;border-radius:50%;display:grid;place-items:center;color:var(--sh-sub);background:var(--c);box-shadow:inset 0 0 0 1px #ebfffa33}#slate .swatches button:disabled:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#061c2899}#slate .swatches button:disabled .ic{position:relative}#slate .swatches [aria-pressed=true]{box-shadow:0 0 0 3px #061c28e6,0 0 0 4.5px var(--sh-acc),0 0 12px #5ee6c873}#slate .swatches em{position:absolute;right:-4px;top:-4px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;color:var(--sh-on);background:var(--sh-acc)}#slate .swatches em .ic{width:10px;height:10px}#slate .acts{display:grid;gap:0;margin-top:auto;padding-top:24px}#slate .panel>.acts{flex:none;padding-top:10px}#slate .feat{display:flex;gap:16px;align-items:flex-start}#slate .feat .fb{flex:1;min-width:0;display:grid;gap:4px}#slate .feat small{font-size:var(--sh-t14);color:var(--sh-sub);line-height:1.5}#slate .tag{display:flex;align-items:center;gap:8px;font-size:var(--sh-t12);color:var(--sh-acc);letter-spacing:.02em}#slate .tag .prl{width:11px;height:11px;vertical-align:-1px;margin-right:-4px}#slate .fr{display:flex;justify-content:flex-end;margin-top:8px}#slate .minis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}#slate .mini{display:grid;justify-items:center;align-content:start;gap:8px;padding:14px 8px;text-align:center}#slate .mini b{min-height:38px;display:grid;align-items:center;font-size:var(--sh-t14);font-weight:400;line-height:1.4}#slate .mini .bar{width:100%;margin:0}#slate .mlist{list-style:none;margin:0}#slate .ti .fi.illo{width:88%;margin:0}#slate .mini .ti .fi.illo{width:90%}#slate .mlist li{display:flex;gap:14px;align-items:center;min-height:68px;border-bottom:1px solid var(--sh-hair)}#slate .mlist .mt{flex:1;min-width:0;display:grid;gap:1px}#slate .mlist b{font-size:var(--sh-t16);font-weight:400}#slate .mlist small{font-size:var(--sh-t12);color:var(--sh-sub)}#slate .att{display:flex;gap:16px;align-items:center;margin-top:22px}#slate .ati{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:var(--sh-acc);box-shadow:inset 0 0 0 1px var(--sh-hair)}#slate .week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}#slate .day{display:grid;justify-items:center;gap:4px;padding:8px 0;border-radius:var(--sh-r2);background:var(--sh-tile);box-shadow:inset 0 0 0 1px var(--sh-line);font-size:var(--sh-t11);color:var(--sh-sub)}#slate .day b{font-weight:400;color:var(--sh-ink)}#slate .day .ic{width:16px;height:16px;color:var(--sh-acc)}#slate .day.on{background:var(--sh-acc-t);box-shadow:inset 0 0 0 1px #5ee6c84d}#slate .day.today{box-shadow:inset 0 0 0 1.5px var(--sh-acc),0 0 10px #5ee6c840}#slate .cur{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:22px}#slate .cur small{font-size:var(--sh-t12);color:var(--sh-sub)}#slate .cur .pill{margin-top:8px}#slate .cur>div{display:grid;justify-items:start}#slate .cur .ti{width:60px;height:60px}#slate .badges{display:grid;grid-template-columns:1fr 1fr;gap:8px}#slate .badge{border:0;display:grid;justify-items:start;gap:4px;text-align:left}#slate .badge .ti{width:38px;height:38px;margin-bottom:4px}#slate .badge b{font-size:var(--sh-t14);font-weight:400}#slate .badge small{font-size:var(--sh-t12);color:var(--sh-sub)}#slate .badge em{margin-top:4px;font-style:normal;font-size:var(--sh-t12);color:var(--sh-acc)}#slate .badge.use{background:var(--sh-up);box-shadow:inset 0 0 0 1.5px var(--sh-acc),0 0 12px #5ee6c82e}#slate .badge.lock{opacity:.7}#slate .badge.lock .ti,#slate .badge.lock em{color:var(--sh-faint)}#slate .login{display:grid;justify-items:center;text-align:center;padding-top:16px}#slate .lg{display:grid;justify-items:center;gap:4px;margin-bottom:36px}#slate .lg b{margin-top:8px;font-size:var(--sh-t28);font-weight:400;letter-spacing:-.03em}#slate .lg small{font-size:var(--sh-t14);color:var(--sh-sub);letter-spacing:.08em}#slate .login p{margin:10px 0 30px;font-size:var(--sh-t14);line-height:1.6;color:var(--sh-sub)}#slate .sso{display:grid;gap:10px;width:100%;max-width:400px}#slate .sso button{min-height:52px;border:0;border-radius:var(--sh-pill);font-size:var(--sh-t16);font-weight:600}#slate .sso .kakao{color:#191600;background:#fee500}#slate .sso .apple{color:#0d1417;background:#f2fffb}#slate .sso .google{font-weight:400;background:none;box-shadow:inset 0 0 0 1px var(--sh-up-line)}#slate .login .txt{margin-top:14px;color:var(--sh-sub);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--sh-hair)}#slate .sheet[data-tab=login] h2{visibility:hidden}#slate .paper.sea{display:flex;overflow:hidden;touch-action:none;padding:8px var(--sh-pad) calc(var(--sb) + 16px);-webkit-mask-image:none;mask-image:none}#slate .seawrap{position:relative;flex:1;min-height:0}#slate .confirm{padding-top:24px}#slate .confirm p{margin:10px 0 0;font-size:var(--sh-t16);line-height:1.6;color:var(--sh-sub)}#slate .acts2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:32px}#slate.quick{pointer-events:none}#slate.quick header{display:none}#slate.quick .sheet{pointer-events:auto;left:10px;right:auto;bottom:auto;top:calc(var(--st) + 166px);width:min(232px,calc(100vw - 140px));height:auto;padding:6px;border-radius:14px;background:#081c26b8;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);box-shadow:inset 0 0 0 1px var(--glass-line),0 8px 24px #0010184d;transform:translateY(-6px) scale(.98);transform-origin:top left;transition:transform .25s var(--ease),opacity .25s}#slate.quick.on .sheet{transform:none}#slate.quick .paper{padding:0;overflow:hidden;-webkit-mask-image:none;mask-image:none}#slate.quick .sheet{color:#eafff9;opacity:0}#slate.quick.on .sheet{opacity:1}#slate.quick .qth .fi{width:100%;margin:0;filter:none}#slate.quick .qth .fi.sil{opacity:.7;filter:brightness(.9)}#slate.quick .paper>*+*{border-top:1px solid rgba(235,255,250,.12)}.qrow{display:flex;align-items:center;gap:6px;min-height:40px;padding:5px 6px}.qth{position:relative;flex:none;width:40px;height:26px;border-radius:5px;overflow:hidden;display:grid;place-items:center;background:#164a5e}.qth .fi{width:100%;margin:0}.qth img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}.qt{display:grid;min-width:0;line-height:1.35}.qt b{font-size:13px;font-weight:600}.qt small{font-size:11px;color:#eafff9b3}.qth em{position:absolute;right:1px;bottom:0;font-size:10px;font-style:normal;font-weight:600;color:#fff;text-shadow:0 0 3px #000}body.quick-open #hint{opacity:0}.qrow.prog .qt b{font-weight:400;font-size:12px;color:var(--aqua)}#flow{position:fixed;inset:0;z-index:40;display:none;color:#e9fff9;opacity:1;transition:opacity .8s}#flow.on{display:block}#flow.out{opacity:0;pointer-events:none}#flow .fs{position:absolute;inset:0;display:flex;flex-direction:column;padding:calc(var(--st) + 14px) 18px calc(var(--sb) + 20px);overflow:auto;touch-action:pan-y;animation:rise .5s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}#flow .title{justify-content:flex-end;align-items:center;gap:14px;text-align:center;padding-bottom:calc(var(--sb) + 36px);background:linear-gradient(180deg,#04121a7a,#04121a3d 40%,#04121a73 62%,#041018e0)}.brand-wordmark{display:block;width:100%;height:auto}.logo{width:min(56vw,420px);margin-bottom:auto;margin-top:22vh}#slate .lg .brand-wordmark{width:min(46vw,210px);margin-bottom:16px}#flow .sub{margin:0;font-size:15px;color:#d6f1ec;text-shadow:0 1px 8px rgba(0,16,24,.6)}#flow .title .acts{display:grid;gap:12px;width:min(300px,100%);margin-top:6px}#flow .foot{display:flex;align-items:center;gap:5px;margin:2px 0 0;font-size:12px;color:#9cc3c4}#flow .foot .ic{width:14px;height:14px}#flow .lead{margin:0;font-size:14px;color:#bfe3df}#flow .btn.wide{margin-top:auto;flex:none}body.in-flow #hud,body.in-flow .stick,body.in-flow #shutter,body.in-flow #viewbtn,body.in-flow #menubtn,body.in-flow #hint{opacity:0!important;pointer-events:none!important}body.slate-open #shutter,body.slate-open .stick,body.menu-open #shutter,body.menu-open .stick{opacity:0!important}body.slate-open #menubtn,body.uw #casc,body.menu-open #shutter{visibility:hidden}body.bo #menubtn,body.bo #shutter,body.bo .stick,body.bo #hint{opacity:0!important;pointer-events:none}@media(orientation:landscape)and (max-height:520px){#ar{--band: calc(var(--st) + 16px)}#hud>.rope{top:calc(var(--st) + 6px)}#mute,#viewbtn{left:max(10px,env(safe-area-inset-left))}#menubtn{right:max(10px,env(safe-area-inset-right))}.ar-r{right:calc(max(10px,env(safe-area-inset-right)) + 66px)}#casc{right:max(10px,env(safe-area-inset-right));top:calc(var(--st) + 66px);gap:0}#casc button{height:38px}#guide{display:none}#toast{top:calc(var(--st) + 112px)}#hint{top:auto;bottom:calc(var(--sb) + 16px)}#slate.quick .sheet{left:max(10px,env(safe-area-inset-left));top:calc(var(--st) + 130px);width:260px}.logo{margin-top:14vh}#flow .title{gap:10px;padding-bottom:calc(var(--sb) + 16px)}#flow .title .acts{grid-auto-flow:column;grid-auto-columns:1fr;width:min(540px,100%)}#slate header{min-height:56px;padding:4px max(13px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left))}#slate h2{font-size:var(--sh-t20)}#slate .paper{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}#slate .sheet:is([data-tab=log],[data-tab=album],[data-tab=mission]) :is(header,.paper){padding-left:max(22px,env(safe-area-inset-left),calc(50% - 360px));padding-right:max(22px,env(safe-area-inset-right),calc(50% - 360px))}#slate .paper.sea{padding:8px max(22px,env(safe-area-inset-right)) calc(var(--sb) + 16px) max(22px,env(safe-area-inset-left))}#slate .dhero{height:160px}#slate .fi.big{width:220px}#slate .grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}#slate .sheet[data-tab=deco] .paper{flex-direction:row;gap:24px;overflow:auto;padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}#slate .stage{position:sticky;top:0;flex:0 0 40%;height:min(300px,calc(100dvh - var(--st) - 72px));margin:0}#slate .panel{padding-bottom:calc(var(--sb) + 16px)}#slate .dtabs{border-top:0;padding-top:0}#slate .login{grid-template-columns:1fr 1fr;column-gap:32px;text-align:left;justify-items:start;padding-top:0}#slate .lg{grid-row:1 / 5;align-self:center;justify-self:center;margin:0}#slate .login p{margin-bottom:16px}#slate .login .txt{margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01s!important}}#result{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 200px);transform:translate(-50%,8px);width:min(270px,calc(100vw - 48px));padding:8px 12px;border-radius:14px;box-sizing:border-box;background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 0 0 1px var(--glass-line);color:#f0fffa;opacity:0;pointer-events:none;transition:opacity .5s,transform .5s var(--ease);z-index:5}#result.on{opacity:1;transform:translate(-50%);pointer-events:auto}#result .top{display:flex;align-items:center;gap:10px}#result .big{flex:none;font-size:28px;font-weight:300;line-height:1}#result .big span{font-size:13px;margin-left:2px;color:#b8dcd4}#result .st{min-width:0;display:grid;gap:1px}#result .st small{font-size:10px;color:var(--aqua)}#result .st em{font-style:normal;font-weight:600;padding:0 6px;border-radius:8px;color:var(--navy);background:var(--sand)}#result .st span{font-size:11px;color:#dff3ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#result p{display:flex;align-items:center;gap:5px;margin:6px 0 0;font-size:11px;color:#dff3ee}#result p span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#result p.m{color:var(--sand)}#result p.n{color:#a8cfc6}#nicks{position:absolute;inset:0;overflow:hidden;pointer-events:none}#nicks span{position:absolute;left:0;top:0;padding:2px 8px;border-radius:10px;font-size:11px;white-space:nowrap;color:#f0fffa;background:#061c2873;opacity:0;transition:opacity .3s;will-change:transform}.vol{width:150px;accent-color:var(--aqua)}#coach{position:fixed;inset:0;z-index:7;pointer-events:none;opacity:0;transition:opacity .35s}#coach.on{opacity:1}#coach.off{opacity:0}#coach .ring{display:none;position:fixed;border-radius:50%;box-shadow:0 0 0 2px #78f0d2e6;animation:coachPulse 1.4s ease-out infinite}@keyframes coachPulse{0%{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}#coach .bub{position:fixed;left:50%;bottom:calc(var(--sb, 0px) + 200px);transform:translate(-50%);width:max-content;max-width:min(320px,calc(100vw - 32px));padding:12px 16px 10px;border-radius:18px;text-align:center;color:#eafcf7;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--glass-line);pointer-events:auto;transition:box-shadow .3s}#coach.ok .bub{box-shadow:inset 0 0 0 2px #78f0d2e6}#coach .bub p{margin:2px 0 6px;font-size:15px;line-height:1.45}#coach .bub b{color:#8ff5dc;font-weight:600}#coach .bub p small{font-size:12px;opacity:.75}#coach .n{display:block;font-size:11px;opacity:.6;letter-spacing:.04em}#coach .bub button{border:0;background:none;color:inherit;opacity:.6;font:inherit;font-size:12px;padding:4px 8px;text-decoration:underline;text-underline-offset:3px}body.menu-open #coach,body.in-flow #coach{visibility:hidden}