:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}:root{--bg:#0b0a09;--ink:#efe7da;--ink-2:#efe7daad;--ink-3:#efe7da6b;--ink-4:#efe7da2e;--line:#efe7da1a;--glass:#12100e9e;--mood:239 231 218;--mood-strength:0;--serif:"Fraunces", "Hahmlet", "Iowan Old Style", Georgia, serif;--sans:"Hanken Grotesk", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--mono:"Martian Mono", "Pretendard Variable", ui-monospace, "SF Mono", Menlo, monospace;--ease:cubic-bezier(.2, .7, .1, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:400 15px/1.55 var(--sans);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;overflow:hidden}body:after{content:"";z-index:3;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.94 0 0 0 0 0.91 0 0 0 0 0.85 0 0 0 1.4 -0.4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.layout{z-index:1;pointer-events:none;grid-template:"intro slot readout"".slot readout"minmax(0,1fr)"credits composer readout"/clamp(270px,27vw,410px) minmax(0,1fr) clamp(300px,25vw,372px);gap:20px 28px;height:100svh;padding:32px 36px 28px;display:grid;position:relative}.layout>:not(.stage,.face-slot){z-index:1;pointer-events:auto;position:relative}.face-slot{grid-area:slot}.stage{z-index:0;pointer-events:auto;background:radial-gradient(560px 520px at var(--glow-x,50%) var(--glow-y,45%), rgb(var(--mood) / calc(.07 + var(--mood-strength) * .24)), transparent 72%), radial-gradient(120% 60% at 50% 115%, #1c1712, transparent 70%), var(--bg);position:fixed;inset:0}.stage:after{content:"";pointer-events:none;background:radial-gradient(ellipse 80% 90% at var(--glow-x,50%) 45%, transparent 55%, #0000008c);position:absolute;inset:0}.stage canvas{opacity:0;width:100%;height:100%;transition:opacity 1.6s var(--ease);display:block}.stage.is-ready canvas{opacity:1}.stage__loading{left:var(--glow-x,50%);top:var(--glow-y,45%);font:400 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0;transition:opacity .6s;animation:1.4s ease-in-out infinite alternate breathe;position:absolute;transform:translate(-50%,-50%)}.stage.is-ready .stage__loading{visibility:hidden;animation:none}.intro{grid-area:intro}.kicker{font:400 10px/1 var(--mono);letter-spacing:.06em;color:var(--ink-3);align-items:center;gap:10px;margin:0 0 22px;display:flex}.kicker i{background:rgb(var(--mood));width:7px;height:7px;box-shadow:0 0 14px rgb(var(--mood) / .8);border-radius:50%}.kicker a{color:var(--ink-2);text-decoration:none;transition:color .2s}.kicker a:hover{color:var(--ink)}.kicker span{color:var(--ink-4)}h1{font-family:var(--serif);font-variation-settings:"opsz" 144, "SOFT" 100;letter-spacing:-.03em;margin:0;font-size:clamp(28px,2.7vw,40px);font-weight:380;line-height:1.24}h1 span{display:inline-block}h1 em{color:rgb(var(--mood));font-style:normal;font-weight:560}.lede{max-width:36ch;color:var(--ink-2);margin:22px 0 0;font-size:14.5px;line-height:1.75}.composer{grid-area:composer;justify-self:center;gap:12px;width:min(100%,620px);display:grid}.samples{width:calc(100% + 48px);margin:0 -24px;padding:2px 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.samples .sample{border:1px solid var(--line);width:auto;max-width:250px;height:auto;color:var(--ink-2);font:500 12.5px/1.1 var(--sans);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#efe7da0a;border-radius:999px;padding:8px 13px;transition:color .2s,border-color .2s,background .2s;overflow:hidden}.sample:hover,.sample:focus-visible{border-color:var(--ink-4);color:var(--ink);background:#efe7da17;outline:none}.bubble{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);box-shadow:0 30px 90px -30px rgb(var(--mood) / calc(var(--mood-strength) * .75)), inset 0 1px 0 #ffffff0a;border-radius:22px 22px 22px 6px;padding:14px 18px 12px;transition:border-color .3s}.bubble:focus-within{border-color:rgb(var(--mood) / .45)}.bubble__to{font:500 11px/1 var(--sans);letter-spacing:.02em;color:var(--ink-3);display:block}textarea{resize:none;width:100%;height:calc(2.9em + 18px);color:var(--ink);font:400 19px/1.45 var(--sans);caret-color:rgb(var(--mood));background:0 0;border:0;outline:0;padding:10px 0 8px;display:block;overflow-y:auto}textarea::placeholder{color:var(--ink-3)}.bubble__meta{border-top:1px solid var(--line);font:400 9.5px/1 var(--mono);letter-spacing:.05em;color:var(--ink-3);justify-content:space-between;align-items:center;gap:16px;padding-top:10px;display:flex}.status{align-items:center;gap:8px;min-width:0;display:flex}.status span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status i{background:var(--ink-4);border-radius:50%;flex:none;width:6px;height:6px}.status[data-state=reading] i{background:rgb(var(--mood));animation:.7s ease-in-out infinite alternate pulse}.status[data-state=ok] i{background:rgb(var(--mood))}.status[data-state=error]{color:#f08a80}.status[data-state=error] i{background:#ef5143}.readout{scrollbar-width:thin;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#110f0dbd,#110f0d85);border-radius:3px;flex-direction:column;grid-area:readout;gap:20px;min-height:0;padding:24px 22px 18px;display:flex;overflow-y:auto}.readout:before,.readout:after{content:"";border:0 solid var(--ink-3);pointer-events:none;width:12px;height:12px;position:absolute}.readout:before{border-top-width:1px;border-left-width:1px;top:-1px;left:-1px}.readout:after{border-bottom-width:1px;border-right-width:1px;bottom:-1px;right:-1px}.label{font:600 11.5px/1.3 var(--sans);letter-spacing:.01em;color:var(--ink-2);align-items:baseline;gap:8px;margin:0 0 10px;display:flex}.label code,.kv dt code,.kv__emotion code,.bars__name code{font:400 9.5px/1 var(--mono);letter-spacing:0;color:var(--ink-3)}.kv{font:400 11px/1.45 var(--mono);grid-template-columns:120px minmax(0,1fr);align-items:baseline;gap:9px 12px;margin:0;display:grid}.kv dt{font:400 12px/1.45 var(--sans);color:var(--ink-2);align-items:baseline;gap:6px;display:flex}.kv .kv__dim{color:var(--ink-3)}.kv dd{min-width:0;color:var(--ink);font-variant-numeric:tabular-nums;white-space:pre-line;margin:0}.kv__emotion{align-items:baseline;gap:8px;display:flex}.kv__emotion i{background:var(--c);width:8px;height:8px;box-shadow:0 0 10px var(--c);border-radius:50%;flex:none;align-self:center}.kv__emotion b{font:600 13px/1 var(--sans)}.kv__bar{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;display:grid}.bar{background:#efe7da12;border-radius:3px;height:6px;display:block;overflow:hidden}.bar i{border-radius:inherit;background:var(--c,var(--ink-3));height:100%;transform:scaleX(var(--v,0));transform-origin:0;transition:transform .4s var(--ease), background-color .3s;display:block}.num,.bars__value{font:400 11px/1 var(--mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--ink-2)}.bars{gap:2px;margin:0;padding:0;list-style:none;display:grid}.bars li{height:22px;font:400 11px/1 var(--mono);color:var(--ink-2);grid-template-columns:120px minmax(0,1fr) 44px;align-items:center;gap:12px;display:grid}.bars__name{font:400 12px/1 var(--sans);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;display:flex;overflow:hidden}.bars--dots .bars__name:before{content:"";background:var(--c);border-radius:50%;flex:none;width:7px;height:7px}.bars li.is-top,.bars li.is-top .bars__value{color:var(--ink)}.bars li.is-top .bars__name{font-weight:600}.reading-note{color:var(--muted,#9ca3af);word-break:keep-all;font-size:.8rem;line-height:1.6}.meter__note{font:400 9.5px/1.3 var(--mono);white-space:nowrap;text-overflow:ellipsis;color:var(--ink-2);margin:8px 0 0;overflow:hidden}.shapes{align-items:flex-end;gap:2px;height:34px;display:flex}.shapes i{background:#efe7da0d;border-radius:1px;flex:1;height:100%;position:relative}.shapes i:after{content:"";background:var(--ink-3);transform:scaleY(var(--w,0));transform-origin:bottom;border-radius:1px;position:absolute;inset:0}.shapes i.is-on:after{background:rgb(var(--mood))}.raw summary{font:500 12px/1 var(--sans);color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.raw summary::-webkit-details-marker{display:none}.raw summary:before{content:"▶";width:10px;color:var(--ink-3);font-size:9px}.raw[open] summary:before{content:"▼"}.raw summary:hover{color:var(--ink-2)}.raw pre{border:1px solid var(--line);max-height:300px;font:400 10px/1.5 var(--mono);white-space:pre-wrap;word-break:break-word;color:var(--ink-2);background:#00000047;border-radius:3px;margin:12px 0 0;padding:12px;overflow:auto}.credits{font:400 9.5px/1.9 var(--mono);letter-spacing:.03em;color:var(--ink-3);grid-area:credits;align-self:end}.credits p{flex-wrap:wrap;column-gap:6px;margin:0;display:flex}.credits span{width:64px;color:var(--ink-4);flex:none}.credits a{border-bottom:1px solid var(--ink-4);color:var(--ink-2);text-decoration:none}.credits a:hover{border-color:var(--ink-2);color:var(--ink)}html:not(.is-live) :is(.kicker,h1,.lede,.readout,.composer,.credits,.stage__loading){visibility:hidden}@media (prefers-reduced-motion:no-preference){.is-live :is(.kicker,h1,.lede,.readout,.composer,.credits){animation:rise 1.1s var(--ease) var(--delay,0s) both}h1{--delay:80ms}.lede{--delay:.18s}.readout{--delay:.28s}.composer{--delay:.4s}.credits{--delay:.52s}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes pulse{to{opacity:.25;transform:scale(.7)}}@keyframes breathe{to{opacity:.35}}@media (width<=1023px){body{overflow:auto}.layout{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""stage""composer""readout""credits";gap:18px;height:auto;min-height:100svh;padding:24px 16px 28px}.stage{grid-area:stage;height:56svh;min-height:340px;margin:0 -16px;position:relative;inset:auto;-webkit-mask-image:linear-gradient(#0000,#000 8% 92%,#0000);mask-image:linear-gradient(#0000,#000 8% 92%,#0000)}.face-slot{display:none}h1{font-size:clamp(26px,7.4vw,38px)}.kicker{margin-bottom:16px}.lede{margin-top:14px}.composer{width:100%}.readout{overflow:visible}}