:root{--ground: #1c1410;--fg: 239 228 204;--paper: #efe4cc;--paper-fg: 28 20 16;--fill: #efe4cc;--fill-fg: #1c1410;--gold: #c8942b;--gold-ink: #1c1410;--oxblood: #7a1f1c;--ox-fg: #efe4cc;--cream: #efe4cc;--scrim: 28 20 16;--ease: cubic-bezier(.22, .61, .36, 1);--batang: "Gowun Batang", serif;--barlow: "Barlow Condensed", "Arial Narrow", sans-serif;color-scheme:dark}html[data-theme=light]{--ground: #efe4cc;--fg: 28 20 16;--paper: #1c1410;--paper-fg: 239 228 204;--fill: #1c1410;--fill-fg: #efe4cc;color-scheme:light}@media(prefers-color-scheme:light){html:not([data-theme=dark]){--ground: #efe4cc;--fg: 28 20 16;--paper: #1c1410;--paper-fg: 239 228 204;--fill: #1c1410;--fill-fg: #efe4cc;color-scheme:light}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--ground);overflow:hidden;overscroll-behavior:none}body{color:rgb(var(--fg));font-family:var(--batang);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;background:none;border:0;border-radius:0;cursor:pointer;-webkit-appearance:none;appearance:none}:focus{outline:none}:focus-visible{outline:2px solid rgb(var(--fg));outline-offset:2px}a{color:inherit}.s44{font:400 44px/52px var(--batang)}.s28{font:400 28px/36px var(--batang)}.s20{font:400 20px/28px var(--batang)}.s16{font:400 16px/24px var(--batang)}.b16{font:500 16px/24px var(--barlow)}.b12{font:500 12px/16px var(--barlow)}.cap12{font:500 12px/16px var(--barlow);letter-spacing:.08em;text-transform:uppercase}.cap16{font:500 16px/24px var(--barlow);letter-spacing:.08em;text-transform:uppercase}#app{position:absolute;top:0;height:var(--vh);left:var(--colX);width:var(--colW);overflow:hidden}.no-anim *,.no-anim *:before,.no-anim *:after{transition:none!important;animation:none!important}#win{position:absolute;left:0;top:0;width:var(--colW);height:var(--winH);overflow:hidden;isolation:isolate;z-index:1;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 96px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 96px),transparent 100%)}#art{position:absolute;left:0;top:0;width:var(--colW);height:var(--pH);transform:translateY(calc(var(--lift) * -1))}#art img{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}#lights{mix-blend-mode:screen;opacity:0;will-change:opacity}.door-ui,.call-ui{position:absolute;inset:0;pointer-events:none}.door-ui{z-index:2}.call-ui{z-index:3}.door-ui a,.call-ui .slip,.call-ui .line.img{pointer-events:auto}#app:not(.screen-door) .door-ui *,#app:not(.screen-call) .call-ui *{pointer-events:none!important}#app.screen-door .door-ui{opacity:1;transition:opacity .24s var(--ease)}#app:not(.screen-door) .door-ui{opacity:0;transition:opacity .12s var(--ease)}#app.screen-call .call-ui{opacity:1;transition:opacity .24s var(--ease)}#app:not(.screen-call) .call-ui{opacity:0;transition:opacity .24s var(--ease)}.head{position:absolute;left:0;top:0;width:var(--colW);height:calc(var(--safeTop) + 96px)}.scrim{position:absolute;inset:0;background:linear-gradient(to bottom,rgb(var(--scrim) / .64) 0 calc(100% - 32px),rgb(var(--scrim) / 0))}.who{position:absolute;left:var(--m);top:calc(var(--safeTop) + 8px);color:var(--cream)}.hname{white-space:nowrap}.hstate{height:24px;white-space:nowrap;font-variant-numeric:tabular-nums;transition:opacity .24s var(--ease)}.hstate.out{opacity:0}.door-stack{position:absolute;left:var(--m);width:var(--meas);bottom:calc(var(--vh) - var(--doorKeyTop) + 48px);display:flex;flex-direction:column}.name{color:rgb(var(--fg));white-space:nowrap;margin-bottom:8px}.hers{color:rgb(var(--fg));white-space:nowrap}.n1{display:none;color:rgb(var(--fg));word-break:keep-all}.n1 .s{display:inline-block;vertical-align:top;max-width:100%;text-wrap:pretty}.n2{display:none;margin-top:8px;color:rgb(var(--fg) / .74)}.n2 p{text-wrap:pretty}.n2 p+p{margin-top:8px}.door-notice .name,.door-notice .hers{display:none}.door-notice .n1,.notice-help .n2{display:block}.disclosure{position:absolute;left:var(--m);width:var(--meas);top:calc(var(--doorKeyTop) + 80px);color:rgb(var(--fg) / .74)}.disclosure a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;user-select:text;-webkit-user-select:text}.strip-r{position:absolute;right:var(--m);top:var(--myTopCall);z-index:4;padding:0;color:rgb(var(--fg) / .74);white-space:nowrap}#app.screen-door .strip-r{top:var(--myTopDoor)}.strip-r:after{content:"";position:absolute;inset:-16px}.strip-r[hidden]{display:none}.key{height:64px;padding:0 4px;display:flex;align-items:center;justify-content:center;text-align:center;transition:opacity .24s var(--ease),background-color .12s var(--ease),color .12s var(--ease),border-color .12s var(--ease)}.keys{position:absolute;left:var(--m);width:var(--meas);top:var(--keysTop);height:64px;z-index:6;display:grid;grid-template-columns:2fr 2fr 3fr;column-gap:4px;transition:opacity .24s var(--ease)}.key.k{border:1px solid rgb(var(--fg) / .45);color:rgb(var(--fg));background:transparent}.key.k:active{background:rgb(var(--fg) / .24)}.key.mute.on,.key.mute.on:active{background:var(--fill);border-color:var(--fill);color:var(--fill-fg)}.key.k[aria-disabled=true]{border-color:rgb(var(--fg) / .24);color:rgb(var(--fg) / .45);pointer-events:none}.key.end{background:var(--oxblood);color:var(--ox-fg)}.key.end:active{box-shadow:inset 0 0 0 64px #efe4cc3d}.key.one{position:absolute;left:var(--m);width:var(--meas);top:var(--keysTop);z-index:6;background:var(--fill);color:var(--fill-fg)}#app.screen-door .key.one{top:var(--doorKeyTop)}#app:not(.bar-one) .key.one,#app:not(.bar-trio) .keys{opacity:0;pointer-events:none}#app:not(.bar-trio) .keys .key{pointer-events:none}.floor{position:absolute;left:0;top:0;width:3px;height:0;z-index:1;background:var(--gold);pointer-events:none;opacity:0;transition:opacity .24s var(--ease)}.floor.on{opacity:1;transition-duration:.12s}.floor.jump{transition:none}.stream{position:absolute;left:0;width:var(--colW);top:var(--winTop);height:var(--winH2);display:flex;flex-direction:column;justify-content:flex-end;gap:16px;overflow:hidden;pointer-events:none}.line{position:relative;flex:none;margin-left:var(--cx);width:var(--cw);font:400 16px/24px var(--batang);color:rgb(var(--fg) / .74);word-break:keep-all;overflow-wrap:break-word;transform-origin:0 100%;transition:opacity .24s var(--ease),color .24s var(--ease)}.line .s{display:inline-block;vertical-align:top;max-width:100%;text-wrap:pretty}.line .w{white-space:nowrap}.line.her.new{font:400 28px/36px var(--batang);color:rgb(var(--fg))}.line.sys.new{font:400 28px/36px var(--batang)}.line.her.new.fit20,.line.sys.new.fit20{font:400 20px/28px var(--batang)}.line.him{margin-left:var(--hisX);width:var(--hisW);text-align:right;transform-origin:100% 100%}.line.him.new{font:400 20px/28px var(--batang);color:rgb(var(--fg))}.line.slot{height:28px}.line .tx{opacity:0;transition:opacity .24s var(--ease)}.line .tx.on{opacity:1}.line.enter,.line.cut,.line.closing,.line .s.enter{opacity:0}.line .s{transition:opacity .12s var(--ease)}.line.img{display:flex;flex-direction:column;align-items:flex-end}.thumb{display:block;padding:0;height:min(160px,calc(var(--hisW) / var(--ar, .6923)));aspect-ratio:var(--ar, .6923);transition:height .24s var(--ease)}.line.img:not(.new) .thumb{height:min(64px,calc(var(--hisW) / var(--ar, .6923)))}.thumb img{display:block;width:100%;height:100%;object-fit:cover;outline:1px solid rgb(var(--fg) / .14);outline-offset:-1px}.line .fail{display:block;margin-top:8px;padding:0;color:rgb(var(--fg) / .74);text-align:right}.slip-clip{position:absolute;left:0;top:var(--slipTop);width:var(--colW);height:calc(var(--keysTop) - var(--slipTop));overflow:hidden;pointer-events:none;z-index:2}.slip{--ink: var(--paper-fg);position:absolute;left:0;top:0;width:var(--colW);background:var(--paper);color:rgb(var(--paper-fg));padding:var(--slipPad) var(--cx);transform:translateY(calc(var(--keysTop) - var(--slipTop)));transition:transform .32s var(--ease);touch-action:none}.slip.up{transform:none}.reduce .slip{transform:none;opacity:0;transition:opacity .32s var(--ease)}.reduce .slip.up{opacity:1}.phrase .grid{width:max-content;max-width:100%}.phrase .grow+.grow{margin-top:-1px}.phrase .sqs,.phrase .bts{display:flex}.phrase .sqs{user-select:text;-webkit-user-select:text}.phrase .sq,.phrase .bt{flex:none;width:var(--W);display:flex;align-items:center;justify-content:center;border:0 solid rgb(var(--ink) / .24);white-space:nowrap;letter-spacing:0}.phrase .sq{height:var(--W);border-width:1px 0 0 1px;color:rgb(var(--ink));padding-bottom:calc(var(--W) * .06)}.phrase .bt{height:var(--strip);border-width:1px 0 1px 1px;font-family:var(--barlow);font-weight:500;text-transform:lowercase;color:rgb(var(--ink) / .74);background-color:transparent;user-select:none;-webkit-user-select:none;transition:background-color .16s var(--ease),color .16s var(--ease)}.phrase .sq:last-child,.phrase .bt:last-child{border-right-width:1px}.phrase .sq.pu{justify-content:flex-start;align-items:flex-end;padding:0 0 calc(var(--W) * .1) calc(var(--W) * .16)}.phrase .bt.on{background-color:var(--gold);color:var(--gold-ink)}.scale-large{--strip: 24px}.scale-large .sq{font:400 44px/1 var(--batang)}.scale-large .bt{font-size:16px;line-height:1}.scale-small{--strip: 16px}.scale-small .sq{font:400 28px/1 var(--batang)}.scale-small .bt{font-size:12px;line-height:1}.phrase .beats-line{display:flex;flex-wrap:wrap;margin-top:8px}.phrase .beats-line .bt{width:auto;padding:0 8px;border-width:1px 0 1px 1px}.slip .meaning{margin-top:16px;font:400 20px/28px var(--batang);color:rgb(var(--paper-fg))}.slip .register{margin-top:8px;font:500 12px/16px var(--barlow);letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--paper-fg) / .74)}.slip.reply .register{padding-right:64px}.slip .copy{position:absolute;right:var(--cx);bottom:var(--slipPad);height:16px;padding:0;color:rgb(var(--paper-fg) / .74);user-select:none;-webkit-user-select:none}.slip .copy:after{content:"";position:absolute;inset:-16px}.slip .copy.done{color:rgb(var(--paper-fg))}.drawer{position:absolute;left:0;top:var(--slipTop);width:var(--colW);height:calc(var(--keysTop) - var(--slipTop));overflow:hidden;z-index:5;visibility:hidden;pointer-events:none}#app.screen-door .drawer{height:calc(var(--doorKeyTop) - var(--slipTop) - 16px)}#app.drawer-open .drawer,#app.drawer-closing .drawer{visibility:visible}.sheet{--ink: var(--paper-fg);position:absolute;inset:0;background:var(--paper);color:rgb(var(--paper-fg));transform:translateY(100%);transition:transform .32s var(--ease);pointer-events:auto}#app.drawer-open .sheet{transform:none}.reduce .sheet{transform:none;opacity:0;transition:opacity .32s var(--ease)}.reduce#app.drawer-open .sheet,.reduce #app.drawer-open .sheet{opacity:1}.dhead{position:absolute;left:var(--cx);right:var(--cx);top:0;height:33px;border-bottom:1px solid rgb(var(--paper-fg) / .24)}.dh-l,.dh-x{position:absolute;top:calc(4px + var(--dropB12));color:rgb(var(--paper-fg) / .74)}.dh-l{left:0}.dh-x{right:0;padding:0}.dh-x:after{content:"";position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%)}.drawer-list{position:absolute;inset:33px 0 0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 var(--cx)}.entry{position:relative;padding:16px 0;cursor:pointer}.entry+.entry{border-top:1px solid rgb(var(--paper-fg) / .24)}.entry.no-audio{cursor:default}.entry .meaning{margin-top:12px;font:400 16px/24px var(--batang);color:rgb(var(--paper-fg))}.entry .register{margin-top:4px;font:500 12px/16px var(--barlow);letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--paper-fg) / .74)}.play{position:absolute;right:0;top:calc(16px + var(--W, 36px) / 2 - 6px);width:10px;height:12px;background:rgb(var(--paper-fg) / .74);clip-path:polygon(0 0,100% 50%,0 100%)}.entry.no-audio .play{display:none}.viewer{position:fixed;inset:0;z-index:10;background:#1c1410;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .24s var(--ease)}.viewer.open{opacity:1;pointer-events:auto}.viewer img{max-width:100%;max-height:100%;object-fit:contain;display:block}.probe{position:absolute;left:-9999px;top:0;visibility:hidden;white-space:nowrap}input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}