@font-face{font-family:Manrope;src:url(/media/manrope.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:"333";src:url(/media/v8/fonts/333-Regular.woff2)format("woff2"),url(/media/v8/fonts/333-Regular.otf)format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Josefin Sans;src:url(/media/fonts/josefin-sans-latin.woff2)format("woff2");font-weight:100 700;font-display:swap}:root{--bg:#0b0b0b;--fg:#f2f2f0;--muted:#f2f2f099;--blue:#79abd5;--sky:#79abd5;--accent:#a9c6e6;--u:calc(100vw / 1440);--edge:clamp(14px, calc(28 * var(--u)), 34px);--dial:clamp(200px, 16vw, 300px);--dial-cut:.3333;--page-h:clamp(420px, min(57vh, calc(100vw * .31 * 2 / 1.72)), 760px);--page-w:calc(var(--page-h) * .86);--display:"333", "Josefin Sans", Manrope, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--label:Manrope, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;font-family:var(--label);font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}@property --accent{syntax:"<color>";inherits:true;initial-value:#a9c6e6}body{transition:--accent .35s cubic-bezier(.22,1,.36,1)}body[data-section=place],body[data-accent=place]{--accent:#a9c6e6}body[data-section=heat],body[data-accent=heat]{--accent:#e2452a}body[data-section=cold],body[data-accent=cold]{--accent:#79abd5}body[data-section=rest],body[data-accent=rest]{--accent:#2f6f8f}body[data-section=social],body[data-accent=social]{--accent:#d9a066}body[data-accent=place]{--accent:#a9c6e6}body[data-accent=heat]{--accent:#e2452a}body[data-accent=cold]{--accent:#79abd5}body[data-accent=rest]{--accent:#2f6f8f}body[data-accent=social]{--accent:#d9a066}html,body{height:100dvh;overflow:hidden}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}img,canvas,svg{display:block}:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.js-only{display:none}.js .js-only{display:block}.skip{z-index:60;background:var(--fg);color:var(--bg);padding:14px 18px;font-size:12px;position:fixed;top:-80px;left:16px}.skip:focus{top:12px}.chrome{z-index:20;pointer-events:none;font-family:var(--display);font-weight:400;font-size:clamp(10px, calc(12 * var(--u)), 15px);letter-spacing:.06em;color:var(--fg);transition:color .35s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}body[data-gl-book] .book-body{visibility:hidden}body[data-gl-book] .book[data-open=false] .warm{right:calc(50% + 6vw)}body[data-gl-book] .book[data-open=false] .open{left:calc(100% + 6vw)}body[data-about=open] .dial{opacity:0;pointer-events:none}.chrome button{pointer-events:auto;align-items:center;min-height:44px;display:inline-flex}.about{top:calc(var(--edge) - 11px);left:var(--edge);padding:0 calc(4 * var(--u));position:absolute}.about[aria-disabled=true]{cursor:default}.pill-current{top:var(--edge);padding:calc(6 * var(--u)) calc(16 * var(--u)) calc(5 * var(--u));border:1px solid var(--accent);font-size:clamp(10px, calc(12 * var(--u)), 15px);letter-spacing:.1em;line-height:1.2;font-family:var(--display);color:var(--accent);border-radius:999px;font-weight:400;transition:color .35s cubic-bezier(.22,1,.36,1),border-color .35s cubic-bezier(.22,1,.36,1);position:absolute;left:50%;transform:translate(-50%)}.lang{top:calc(var(--edge) - 11px);right:var(--edge);align-items:center;gap:calc(2 * var(--u));display:flex;position:absolute}.lang button{padding:0 calc(6 * var(--u));opacity:.55}.lang button[aria-pressed=true]{opacity:1}.lang-bar{opacity:.55;font-weight:300}main{touch-action:none;width:100%;height:100dvh;position:relative;overflow:hidden}.section{opacity:0;pointer-events:none;perspective:1400px;transition:opacity .6s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.section[data-section=place]{perspective:none}body[data-section=place] .section[data-section=place],body[data-section=heat] .section[data-section=heat],body[data-section=cold] .section[data-section=cold],body[data-section=rest] .section[data-section=rest],body[data-section=social] .section[data-section=social]{opacity:1;pointer-events:auto}.intro{background:#b9cfe6;position:absolute;inset:0;overflow:hidden}.intro-media{will-change:transform;transition:filter .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:-1.5%}.intro-poster,.intro-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.intro-video{z-index:1;opacity:0;filter:blur(.7px)contrast(1.04);transition:opacity .4s cubic-bezier(.22,1,.36,1)}.intro[data-video=playing] .intro-video{opacity:1}.intro-video[hidden]{display:none}body[data-stage=book] .intro-media{filter:grayscale()brightness(.72)contrast(1.05)}.intro-text{z-index:6;color:#fff;font-family:var(--display);text-transform:uppercase;text-align:center;pointer-events:none;font-weight:300;transition:opacity .4s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}.intro-text>span{white-space:nowrap;position:absolute;left:50%;transform:translate(-50%,-50%)}.intro-l1{font-size:clamp(11px, calc(14 * var(--u)), 20px);letter-spacing:.4em;opacity:.85;top:24%}.intro-l2{font-size:clamp(26px, calc(64 * var(--u)), 96px);letter-spacing:.12em;top:33%}.intro-l3{font-size:clamp(11px, calc(14 * var(--u)), 20px);letter-spacing:.28em;opacity:.85;top:58%}body[data-stage=book] .intro-text{opacity:0}.intro-enter{min-width:44px;min-height:44px;padding:calc(8 * var(--u)) calc(12 * var(--u));pointer-events:auto;font:inherit;font-size:clamp(11px, calc(14 * var(--u)), 20px);letter-spacing:.4em;text-indent:.4em;text-transform:inherit;white-space:nowrap;color:#ffffffd9;transition:opacity .4s cubic-bezier(.22,1,.36,1);animation:5.6s ease-in-out infinite come-in-breathe;position:absolute;top:72%;left:50%;transform:translate(-50%,-50%)}@keyframes come-in-breathe{0%,to{color:#ffffffd9}50%{color:#ffffff73}}.intro-enter:focus-visible{color:#fff;animation:none}body[data-entering] .intro-enter{opacity:0}body[data-entered] .intro-enter{opacity:0;pointer-events:none}html:not(.js) .intro-enter{display:none}body[data-about=open] .intro-text{opacity:0}.side{--shiver:0px;transform:translateY(-50%) translateX(var(--shiver));transform-origin:50% 0;width:var(--book-left,calc(50% - var(--page-w)));text-align:center;box-sizing:border-box;font-family:var(--display);font-weight:300;font-size:min(clamp(18px, calc(30 * var(--u)), 44px), calc((var(--book-left,25vw) - 2 * var(--edge)) / 9.6));letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:0;position:absolute;top:calc(50% - 8vh);left:0}.side .side-ch:last-child{margin-inline-end:-.04em}.side-r{left:var(--book-right,calc(50% + var(--page-w)));width:calc(100% - var(--book-right,calc(50% + var(--page-w))))}.side-ch{will-change:transform;display:inline-block}.section[data-section=social] .side-ch{opacity:.35;transition:opacity .9s cubic-bezier(.22,1,.36,1)}.section[data-section=social] .side-ch.is-lit{opacity:1}body[data-section=cold]:not([data-gl-book]) .section[data-section=cold]:before{content:"";pointer-events:none;background:radial-gradient(60% 55%,#c8dcff00 55%,#c8dcff40 100%);position:absolute;inset:0}.section[data-section=rest] .side{opacity:.7;transition:opacity 1.6s cubic-bezier(.22,1,.36,1)}body[data-exhale="1"] .section[data-section=rest] .side{opacity:1}.is-enter{transform-origin:50% 0;backface-visibility:hidden;animation:1.2s cubic-bezier(.22,1,.36,1) .4s backwards hinge}.side.is-enter,.warm.is-enter{animation-name:hinge-mid}@keyframes hinge{0%{transform:rotateX(-92deg)}to{transform:rotateX(0)}}@keyframes hinge-mid{0%{transform:translateY(-50%) translateX(var(--shiver)) rotateX(-92deg)}to{transform:translateY(-50%) translateX(var(--shiver)) rotateX(0)}}.book{width:calc(var(--page-w) * 2);height:var(--page-h);perspective:1800px;z-index:3;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.22,1,.36,1);position:absolute;top:calc(50% - 8vh);left:50%;transform:translate(-50%,-50%)}body[data-stage=book] .book{opacity:1;pointer-events:auto}.book-body{transform-style:preserve-3d;will-change:transform;transition:transform 1.1s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-25%)}.book[data-open=true] .book-body{transform:translate(0)}.spread{transform-style:preserve-3d;position:absolute;inset:0}.book[data-open=false] .spread{display:none}.spread:after{content:"";z-index:1;background:#0006;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.page{object-fit:cover;background:#ddd;width:50%;height:100%;position:absolute;top:0}.page-l{left:0;box-shadow:inset -14px 0 18px -12px #0000008c}.page-r{left:50%;box-shadow:inset 14px 0 18px -12px #00000073}.spread:before{content:"";background:linear-gradient(90deg,#d8d8d8,#bdbdbd 40%,#8a8a8a);width:6px;position:absolute;top:2px;bottom:2px;left:100%;transform:translateZ(-1px)}.leaf{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;will-change:transform;z-index:2;position:absolute;top:0;left:50%}.leaf.is-back{transform-origin:100%;left:0}.leaf-front,.leaf-back{object-fit:cover;backface-visibility:hidden;background:#ddd;width:100%;height:100%;position:absolute;inset:0}.leaf-back{transform:rotateY(180deg)}.cover{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;will-change:transform;z-index:4;transition:transform 1.1s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:50%;box-shadow:0 20px 60px #00000073}.book[data-open=true] .cover{box-shadow:none;opacity:0;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .3s .85s;transform:rotateY(-180deg)}.cover-face,.cover-inside{object-fit:cover;backface-visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.cover-face{background:#7a7a7a}.cover-inside{background:#d6d3cc;transform:rotateY(180deg)}.cover:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000008c,#0000);width:5px;position:absolute;top:0;bottom:0;left:0}.book[data-open=true] .cover:before{opacity:0}.warm,.open{--shiver:0px;transform-origin:50% 0;color:var(--fg);font-family:var(--display);font-weight:300;line-height:1;transition:opacity .2s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;transform:translateY(-50%)}.warm{font-size:min(clamp(26px, calc(64 * var(--u)), 96px), calc((50vw - var(--page-w) / 2 - 8vw) / 8.6));letter-spacing:.28em;white-space:nowrap;right:calc(100% + 6vw)}.warm-text{animation:6s ease-in-out infinite warm-pulse;display:inline-block}@keyframes warm-pulse{0%,to{opacity:1}50%{opacity:.7}}body:not([data-section=place]) .warm{opacity:0}.open{min-width:44px;min-height:44px;font-size:clamp(26px, calc(64 * var(--u)), 96px);letter-spacing:.04em;left:calc(100% + 6vw)}.book[data-open=true] .open,.book[data-open=true] .warm,.book[data-closing] .open,.book[data-closing] .warm{opacity:0;pointer-events:none}.view-photos{display:none}@media (width<=767px){.book[data-open=true]:not([data-closing]) .view-photos{left:50%;top:calc(100% + 64 * var(--u));min-width:44px;min-height:44px;padding:0 calc(12 * var(--u));color:var(--fg);font-family:var(--display);font-weight:400;font-size:clamp(12px, calc(12 * var(--u)), 15px);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:.7;justify-content:center;align-items:center;transition:opacity .35s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;transform:translate(-50%)}.view-photos:before{content:"";opacity:.8;border:1px solid;width:10px;height:10px;margin-right:.7em}}.book[data-open=false] .warm{right:calc(75% + 6vw)}.book[data-open=false] .open{left:calc(75% + 6vw)}:root{--dial-ring-in:#323232;--dial-ring-out:#2c2c2c;--dial-face-in:#292929;--dial-face-out:#232323;--dial-metal:#2b2b2b;--dial-brush-hi:#ffffff0a;--dial-brush-lo:#0000000a;--dial-shade-hi:#ffffff1a;--dial-shade-lo:#00000061;--dial-knurl-hi:#ffffff29;--dial-knurl-lo:#0000008c;--dial-mark:#0f0f0f;--dial-mark-hi:#fff3;--dial-letter:#ffffff6b;--dial-letter-lo:#000000b3;--dial-letter-hi:#ffffff2e;--dial-bevel-lo:#0a0a0a;--dial-bevel-hi:#ffffff14;--dial-lip:#ffffff0f;--dial-pill:#1a1a1a;--dial-pill-edge:#000c;--dial-shadow:0 18px 40px #0009}body[data-theme=light-intro]{--dial-ring-in:#ffffff4d;--dial-ring-out:#ffffff42;--dial-face-in:#fff3;--dial-face-out:#ffffff29;--dial-metal:#ffffff38;--dial-brush-hi:#ffffff14;--dial-brush-lo:#00000008;--dial-shade-hi:#ffffff2e;--dial-shade-lo:#00000029;--dial-knurl-hi:#ffffff4d;--dial-knurl-lo:#00000024;--dial-mark:#ffffffd9;--dial-mark-hi:#00000024;--dial-letter:#ffffffe6;--dial-letter-lo:#00000038;--dial-letter-hi:#ffffff4d;--dial-bevel-lo:#0000002e;--dial-bevel-hi:#ffffff59;--dial-lip:#ffffff40;--dial-pill:#ffffff1f;--dial-pill-edge:#0000002e;--dial-shadow:0 18px 40px #00000047}.dial{left:50%;bottom:calc(var(--dial) * -1 * var(--dial-cut));width:var(--dial);height:var(--dial);margin-left:calc(var(--dial) / -2);z-index:10;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;filter:drop-shadow(var(--dial-shadow));border-radius:50%;position:absolute}.dial-metal,.dial-knurl{pointer-events:none;border-radius:50%;position:absolute;inset:0}.dial-metal{background:radial-gradient(circle closest-side at 50% 30%, color-mix(in srgb, var(--accent) 8%, transparent) 0, transparent 60%), radial-gradient(circle closest-side at 50% 38%, var(--dial-shade-hi) 0, transparent 70%), radial-gradient(circle closest-side at 50% 62%, transparent 45%, var(--dial-shade-lo) 100%), repeating-conic-gradient(from 0deg, var(--dial-brush-hi) 0 .3deg, var(--dial-brush-lo) .3deg .6deg), var(--dial-metal);transition:background .35s cubic-bezier(.22,1,.36,1)}.dial-knurl{background:repeating-conic-gradient(from 0deg, var(--dial-knurl-hi) 0 1.5deg, var(--dial-knurl-lo) 1.5deg 3deg);-webkit-mask:radial-gradient(circle closest-side,#0000 calc(100% - 6px),#000 calc(100% - 6px));mask:radial-gradient(circle closest-side,#0000 calc(100% - 6px),#000 calc(100% - 6px))}.dial.is-dragging{cursor:grabbing}.dial:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.dial svg{z-index:1;width:100%;height:100%;font-family:var(--label);position:relative;overflow:visible}.dial-stop{transition:stop-color .35s cubic-bezier(.22,1,.36,1)}.dial-ring{opacity:.35}.dial-ring-hi{fill:none;stroke:#ffffff1a;stroke-width:1px}.dial-ring-lo{fill:none;stroke:var(--dial-bevel-lo);stroke-width:1px}.dial-bevel{fill:none;stroke:var(--dial-bevel-hi);stroke-width:1px}.dial-face-lip{fill:none;stroke:var(--dial-lip);stroke-width:1px;clip-path:inset(50% 0 0)}.dial-hub{stroke:#0009;stroke-width:1px}.dial-engrave-hi{flood-color:var(--dial-mark-hi);flood-opacity:1}.dial-grain{fill:#fff;pointer-events:none}.dial-disc,.dial-ticks{will-change:transform}.dial-tick{stroke:var(--dial-mark);stroke-width:1.25px;stroke-linecap:butt}.dial-tick.is-major{stroke-width:2px}.dial-index-groove{stroke:var(--dial-bevel-lo);stroke-width:4px;stroke-linecap:round}.dial-index{stroke:var(--accent);stroke-width:1.5px;stroke-linecap:round;transition:stroke .35s cubic-bezier(.22,1,.36,1)}.dial-index-cap{fill:var(--accent);transition:fill .35s cubic-bezier(.22,1,.36,1)}.dial-tick.is-current{stroke:var(--accent)}.dial-glow-c{flood-color:var(--accent)}.dial-pill circle{fill:var(--dial-pill);stroke:var(--dial-pill-edge);stroke-width:1px;transition:fill .3s cubic-bezier(.22,1,.36,1),stroke .3s cubic-bezier(.22,1,.36,1)}.dial-letter-lo{flood-color:var(--dial-letter-lo);flood-opacity:1}.dial-letter-hi{flood-color:var(--dial-letter-hi);flood-opacity:1}.dial-pill text{fill:var(--dial-letter);font-size:var(--dial-font,16px);letter-spacing:.04em;font-weight:700;transition:fill .3s cubic-bezier(.22,1,.36,1)}.dial-pill.is-active circle{fill:var(--accent);stroke:var(--accent)}.dial-pill.is-active text{fill:#fff}.dial-hits{z-index:2;transform-origin:50%;pointer-events:none;position:absolute;inset:0}.dial-hit{pointer-events:auto;width:44px;height:44px;transform:rotate(var(--a)) translateY(calc(var(--dial) * -.23));border-radius:50%;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce){body,.pill-current,.dial-index,.dial-index-cap{transition-duration:0s}}.wall{grid-template-rows:repeat(var(--rows,6), 1fr);font-family:var(--display);text-transform:uppercase;color:#262626;font-weight:700;font-size:clamp(56px, calc(150 * var(--u)), 220px);letter-spacing:.02em;white-space:nowrap;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;align-content:stretch;line-height:1;display:grid;position:absolute;inset:0;overflow:hidden}.wall-canvas{width:100%;height:100%;position:absolute;inset:0}.fps{z-index:70;letter-spacing:.06em;color:#f2f2f0d9;pointer-events:none;background:#00000080;border-radius:4px;gap:3px;padding:4px 6px;font:500 10px/1.2 Manrope,monospace;display:grid;position:fixed;top:8px;right:8px}.fps .gl-fps{font:inherit;color:#78dc78e6;background:0 0;padding:0;position:static}.side{z-index:3}.book{z-index:6}.fx{z-index:6;pointer-events:none;position:absolute;inset:0}.fx[hidden]{display:none}.wall,.fx,.side{will-change:opacity;transition:opacity .35s cubic-bezier(.22,1,.36,1)}body[data-about=open] .wall,body[data-about=open] .fx,body[data-about=open] .side{opacity:.35}body[data-about=open] .book{opacity:0;pointer-events:none}body[data-gl-intro="1"] .intro-media{visibility:hidden}@media (width<=767px){:root{--u:calc(100vw / 390);--dial:clamp(150px, 42vw, 190px);--dial-cut:.3333;--page-w:41vw;--page-h:calc(41vw / .86);--edge:calc(16 * var(--u))}.pill-current{display:none}.book{top:calc(50% - 6vh)}.warm{display:none}.open,.book[data-open=false] .open{left:50%;top:calc(100% + 24 * var(--u));font-size:clamp(22px, calc(28 * var(--u)), 40px);transform:translate(-50%)}body[data-gl-book] .book[data-open=false] .open{left:75%}.intro-enter{font-size:clamp(12px, calc(14 * var(--u)), 20px)}.side{text-align:center;width:100%;font-size:clamp(14px, calc(14 * var(--u)), 18px);letter-spacing:.08em;padding:0;left:0;right:auto}.side .side-ch:last-child{margin-inline-end:0}.side-l{top:calc(var(--book-top,30%) - 26 * var(--u))}.side-r{left:0;top:calc(var(--book-bottom,70%) + 26 * var(--u))}.intro-l2{font-size:clamp(22px, calc(22 * var(--u)), 40px);max-width:92%}.intro-l1,.intro-l3{font-size:clamp(14px, calc(19 * var(--u)), 25px)}}@media (width<=359px){.intro-l2{white-space:normal;line-height:1.35}.intro-dot{display:none}.intro-l2 [data-i18n=i2b]{display:block}}@media (height<=480px){:root{--dial:clamp(150px, 40vh, 220px);--page-h:clamp(180px, 50vh, 240px)}.book{top:calc(50% - 6vh)}.intro-l3{top:54%}.intro-enter{top:66%}}.viewer{z-index:30;color:var(--fg);opacity:0;touch-action:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#0b0b0bf5;grid-template-rows:44px 1fr auto;transition:opacity .2s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;inset:0}.viewer[hidden]{display:none}.viewer.is-open{opacity:1}.viewer-top{padding:0 var(--edge);font-family:var(--display);font-size:clamp(10px, calc(12 * var(--u)), 15px);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.viewer-caption{opacity:.85}.viewer-close{min-width:44px;min-height:44px;font-family:var(--label);margin-right:-12px;font-size:26px;font-weight:300;line-height:1}.viewer-stage{min-height:0;padding:0 var(--edge);place-items:center;display:grid}.viewer-img{object-fit:contain;width:100%;height:100%}.viewer-nav{justify-content:center;gap:calc(40 * var(--u));padding:calc(6 * var(--u)) 0 calc(10 * var(--u));display:flex}.viewer-nav button{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.viewer-nav svg{width:22px;height:22px}@media (prefers-reduced-motion:reduce){body[data-section=cold]:not([data-gl-book]) .section[data-section=cold]:before{content:"";pointer-events:none;background:radial-gradient(60% 55%,#c8dcff00 55%,#c8dcff40 100%);position:absolute;inset:0}.intro-video{filter:none}.section,.book,.book-body,.cover,.intro-text,.open,.warm,.dial-stop{transition-duration:.2s}.book[data-open=true] .cover{transition:transform .2s,opacity .2s}.warm-text,.is-enter{animation:none}.viewer,.intro-enter{transition:none}.intro-enter{animation:none}}body[data-gl-book] .cover-face{opacity:0}.gl-stage{z-index:5;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.gl-fps{z-index:70;color:#0f0;pointer-events:none;background:#0009;padding:4px 8px;font:11px/1.4 ui-monospace,Menlo,monospace;position:fixed;top:8px;right:8px}.ring-host{z-index:15;pointer-events:none;--ring-R:300px;--ring-p:0;--ring-cx:50%;--ring-cy:50%;position:fixed;inset:0}.ring-host.is-open{pointer-events:auto}.ring-panel{left:var(--ring-cx);top:var(--ring-cy);width:calc(var(--ring-R) * 1.3);max-width:calc(100vw - 32px);max-height:calc(var(--ring-R) * 1.5);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f2f2f059 transparent;opacity:0;text-align:center;color:var(--fg,#f2f2f0);pointer-events:none;font-size:17px;line-height:1.7;transition:opacity .15s,transform .15s;position:absolute;overflow-y:auto;transform:translate(-50%,calc(8px - 50%))}.ring-host.is-open .ring-panel{pointer-events:auto}.ring-host.is-panel .ring-panel{opacity:1;transition:opacity .25s ease-out,transform .25s ease-out;transform:translate(-50%,-50%)}.ring-title{font-family:var(--display,inherit);letter-spacing:.04em;margin:0 0 16px;font-size:28px;font-weight:400;line-height:1.2}.ring-body{margin:0}.ring-ctas{font-family:var(--display,inherit);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin:22px 0 0;font-size:12px;line-height:1.4;display:flex}.ring-cta{border-bottom:1px solid;align-items:center;gap:.8em;min-height:44px;padding:12px 2px 11px;display:inline-flex}.ring-cta:focus-visible{outline:2px solid var(--blue,#79abd5);outline-offset:4px}.ring-cta.is-pending{color:var(--muted,#f2f2f099);cursor:default;border-bottom-color:#f2f2f040}.ring-cta-state{letter-spacing:.1em;opacity:.8;font-size:.85em}.ring-note{color:var(--muted,#f2f2f099);margin:18px 0 0;font-size:11px;line-height:1.5}.ring-sound{margin-top:12px}.ring-sound:empty{display:none}.ring-fallback{left:var(--ring-cx);top:var(--ring-cy);width:calc(var(--ring-R) * 2);height:calc(var(--ring-R) * 2);transform:translate(-50%, -50%) scale(calc(.2 + .8 * var(--ring-p)));opacity:var(--ring-p);-webkit-backdrop-filter:blur(8px)saturate(1.3);background:conic-gradient(#ffffffd9,#ffffff26,#ffffffe6,#fff3,#ffffffd9);border-radius:50%;position:absolute}.ring-fallback:after{content:"";inset:calc(var(--ring-R) * .26);background:#000;border-radius:50%;position:absolute}@media (width<=767px){.ring-panel{width:calc(var(--ring-R) * 1.4);max-width:calc(100vw - 32px);max-height:calc(var(--ring-R) * 1.4);font-size:13px;line-height:1.5}.ring-title{margin-bottom:10px;font-size:22px}.ring-ctas{gap:0 18px;margin-top:10px;font-size:10px}.ring-note{margin-top:12px;font-size:11px}}.ring-body,.ring-note{word-break:keep-all;overflow-wrap:normal;width:100%}.ring-panel.is-tight .ring-title{margin-bottom:6px}.ring-panel.is-tight .ring-body{line-height:1.42}.ring-panel.is-tight .ring-ctas{margin-top:8px}.ring-panel.is-tight .ring-note{margin-top:8px;line-height:1.35}.ring-panel.is-tight .ring-sound{margin-top:6px}@media (prefers-reduced-motion:reduce){.ring-panel,.ring-host.is-panel .ring-panel,.ring-fallback{transition:opacity .2s;transform:translate(-50%,-50%)}}