html:has(#storyDialog.openingStory[open]){overflow:hidden}body dialog#storyDialog.openingStory{--story-ink:#faf9f7;--story-muted:#e0e1e8;position:fixed;inset:0;margin:0 auto;padding:0;width:min(100%,560px);max-width:100%;height:100dvh;max-height:none;border:0;border-radius:0;background:#131722;color:var(--story-ink);box-shadow:none;overflow:hidden;color-scheme:only light;forced-color-adjust:none;animation:none}#storyDialog.openingStory::backdrop{background:#131722;backdrop-filter:none}#storyDialog.openingStory .storyFrame{position:relative;isolation:isolate;height:100%;padding:0;overflow:hidden;text-align:left}#storyDialog.openingStory [hidden]{display:none!important}#storyDialog.openingStory button,#storyDialog.openingStory button>span,#storyDialog.openingStory h2,#storyDialog.openingStory h3{font-family:var(--font-text,"Noto Sans KR",sans-serif)!important;font-style:normal;letter-spacing:0;text-shadow:none}#storyDialog.openingStory button{display:inline-flex;align-items:center;justify-content:center;margin:0;width:auto;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:0;background:none;color:inherit;font-size:14px;font-weight:500;cursor:pointer;box-shadow:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#storyDialog.openingStory button:disabled{opacity:.3;cursor:default}#storyDialog.openingStory button:focus-visible{outline:2px solid #d6e2fa;outline-offset:1px}#storyDialog.openingStory svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}#storyDialog.openingStory .storyStage,#storyDialog.openingStory .storyScene{position:absolute;inset:0;overflow:hidden;z-index:-2}#storyDialog.openingStory .storyScene{animation:storyShotIn .8s ease-out both}#storyDialog.openingStory .storyPicture{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:storyPan 24s linear both;user-select:none;pointer-events:none}#storyDialog.openingStory .storyWash{position:absolute;inset:0;z-index:0;pointer-events:none;background:#080b13;opacity:0;transition:opacity .9s ease-out}#storyDialog.openingStory[data-phase=text] .storyWash{opacity:.6}#storyDialog.openingStory .storyHeader{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:8px;padding:calc(12px + env(safe-area-inset-top)) 15px 8px;z-index:5;color:#fff;background:linear-gradient(#080b136b,transparent)}#storyDialog.openingStory .storyHeader h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#storyDialog.openingStory .storyFast{margin-left:auto;gap:5px;font-size:12px}#storyDialog.openingStory .storyFast[aria-pressed=true]{color:#c3e8ff}#storyDialog.openingStory .storyFast svg{width:18px;height:18px}#storyDialog.openingStory .storySkip{padding:10px 4px;font-size:13px}#storyDialog.openingStory .storyPage{position:absolute;inset:calc(88px + env(safe-area-inset-top)) 28px calc(88px + env(safe-area-inset-bottom));z-index:2;pointer-events:none;opacity:1;transition:opacity .45s ease-out}#storyDialog.openingStory[data-phase=illustration] .storyPage{opacity:0}#storyDialog.openingStory .storyPassages{display:flex;flex-direction:column;gap:24px;height:100%}#storyDialog.openingStory .storyPassage{flex:none;max-width:100%;animation:storyWordsIn .75s cubic-bezier(.16,1,.3,1) both}#storyDialog.openingStory .storyPassage p{margin:0;font-family:var(--font-text,"Noto Sans KR",sans-serif)!important;font-size:clamp(20px,5.25vw,24px);font-weight:400;line-height:1.75;letter-spacing:-.02em;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty;color:var(--story-ink)}#storyDialog.openingStory .storyAttribution{display:block;margin-top:7px;color:var(--story-muted);font-family:var(--font-text)!important;font-size:12px;font-weight:400;line-height:1.5}#storyDialog.openingStory .storyPassage[data-side=right]{align-self:flex-end;text-align:right}#storyDialog.openingStory .storyPassage[data-side=left]{align-self:flex-start;text-align:left}#storyDialog.openingStory .storyPassage[data-kind=narration]{max-width:100%;align-self:flex-start;text-align:left}#storyDialog.openingStory[data-layout=exchange] .storyPassages{justify-content:space-around;gap:18px}#storyDialog.openingStory[data-layout=exchange] .storyPassage[data-kind=dialogue]{width:86%;max-width:86%}#storyDialog.openingStory[data-layout=exchange] .storyPassage[data-kind=dialogue] p{font-weight:500}#storyDialog.openingStory[data-layout=flow] .storyPage{top:18%;bottom:12%}#storyDialog.openingStory[data-layout=flow] .storyPassages{justify-content:flex-start;gap:30px}#storyDialog.openingStory[data-layout=drift] .storyPassages{justify-content:flex-start;padding-top:14%}#storyDialog.openingStory[data-layout=drift] .storyPassage{max-width:90%}#storyDialog.openingStory[data-layout=impact] .storyPassages{justify-content:center;gap:38px}#storyDialog.openingStory[data-layout=impact] .storyPassage[data-kind=dialogue]{max-width:100%;align-self:center;text-align:center}#storyDialog.openingStory[data-layout=impact] .storyPassage[data-kind=dialogue] p{font-size:clamp(25px,6.8vw,34px);font-weight:500;line-height:1.7}#storyDialog.openingStory[data-layout=impact] .storyPassage[data-kind=narration]:last-child{align-self:flex-end;max-width:90%;text-align:right}#storyDialog.openingStory[data-layout=date] .storyPage{top:27%;bottom:16%}#storyDialog.openingStory[data-layout=date] .storyPassage{max-width:100%;align-self:flex-start;text-align:left}#storyDialog.openingStory[data-layout=date] .storyPassage p{font-size:clamp(27px,7.5vw,36px);line-height:1.8}#storyDialog.openingStory[data-layout=title] .storyPassages{justify-content:center}#storyDialog.openingStory[data-layout=title] .storyPassage{align-self:center;text-align:center;max-width:100%}#storyDialog.openingStory[data-density=dense] .storyPassage p{font-size:20px;line-height:1.55}#storyDialog.openingStory[data-density=dense] .storyPassages{gap:12px}#storyDialog.openingStory[data-density=dense] .storyPassage[data-kind=dialogue]{width:92%;max-width:92%}#storyDialog.openingStory .storyBand{position:absolute;inset:0 0 auto;display:grid;justify-items:center;gap:4px;animation:storyWordsIn .8s ease-out both}#storyDialog.openingStory .storyBand strong{font-family:Noto Sans JP,sans-serif!important;font-size:clamp(32px,9vw,44px);font-weight:700;letter-spacing:.1em;color:var(--story-ink)}#storyDialog.openingStory .storyBand span{font-family:var(--font-text)!important;color:var(--story-muted);font-size:13px;letter-spacing:.22em}#storyDialog.openingStory .storyPractice{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;background:#f8faff;color:#293554;padding:calc(20px + env(safe-area-inset-top)) 0 max(20px,env(safe-area-inset-bottom))}#storyDialog.openingStory .storyPractice header{padding:0 25px;flex:none}#storyDialog.openingStory .storyPractice header>span{font-size:15px;color:#596a90}#storyDialog.openingStory .storyPractice h3{margin:10px 0 12px;font-size:25px;line-height:1.35;color:#34436a}#storyDialog.openingStory .storyPractice header p{margin:0;color:#485779;font-size:20px;line-height:1.6;word-break:keep-all}#storyDialog.openingStory .storyPracticeField{position:relative;flex:1;min-height:240px;overflow:hidden;background:linear-gradient(#f8faff,#eef2fb 60%,#fff)}#storyDialog.openingStory .storyPracticeField canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none}#storyDialog.openingStory .storyPracticeField output{position:absolute;inset:22% 12px auto;pointer-events:none;text-align:center;color:#4a6599;font-size:20px;font-weight:700}#storyDialog.openingStory [data-practice-next]{margin:0 24px;background:linear-gradient(110deg,#d5f1f2,#e3e5f9,#f4dfeb);border-radius:12px;font-size:18px;min-height:52px;flex:none}#storyDialog.openingStory .storySaveWarning{position:absolute;inset:auto 12px 0;z-index:9;background:#fff3d6;color:#594117;font-size:13px;padding:5px;margin:0}#storyDialog.openingStory ::selection{background:#64769b;color:#fff}@keyframes storyPan{0%{transform:scale(1.015) translateY(-.7%)}to{transform:scale(1.07) translateY(.7%)}}@keyframes storyShotIn{0%{opacity:.5}to{opacity:1}}@keyframes storyWordsIn{0%{opacity:.15;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}#storyDialog.openingStory[data-fast=true] .storyPassage{animation-duration:.18s}#storyDialog.openingStory[data-reduced=true] *{animation:none!important;transition:none!important}@media(max-height:700px){#storyDialog.openingStory .storyPage{inset:calc(70px + env(safe-area-inset-top)) 24px calc(72px + env(safe-area-inset-bottom))}#storyDialog.openingStory .storyPassage p{font-size:20px;line-height:1.6}#storyDialog.openingStory .storyPassages{gap:18px}#storyDialog.openingStory .storyAttribution{margin-top:4px}#storyDialog.openingStory[data-layout=impact] .storyPassage[data-kind=dialogue] p{font-size:26px}#storyDialog.openingStory[data-layout=flow] .storyPage{top:16%;bottom:12%}#storyDialog.openingStory[data-layout=date] .storyPage{top:22%;bottom:16%}#storyDialog.openingStory .storyPractice header{padding:0 20px}#storyDialog.openingStory .storyPractice h3{font-size:23px;margin:6px 0}}@media(prefers-reduced-motion:reduce){#storyDialog.openingStory *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}#storyDialog.openingStory .storySkipConfirm{position:absolute;inset:0;z-index:12;display:grid;place-items:center;background:#080b13ba;padding:24px}#storyDialog.openingStory .storySkipConfirm>div{width:100%;max-width:390px;background:#f5f7ff;color:#293554;padding:28px 24px;border-radius:16px;box-shadow:0 12px 34px #080b1333}#storyDialog.openingStory .storySkipConfirm h3{font-size:23px;line-height:1.4;margin:0 0 18px}#storyDialog.openingStory .storySkipConfirm p{font-size:18px;line-height:1.7;margin:0 0 24px;color:#465576;word-break:keep-all}#storyDialog.openingStory .storyConfirmActions{display:flex;gap:12px}#storyDialog.openingStory .storyConfirmActions button{flex:1;border-radius:10px;font-size:16px;min-height:48px;background:#e4eafa}#storyDialog.openingStory .storyConfirmActions [data-story-confirm]{background:#d9eaf7;color:#29496e}#storyDialog.openingStory:has(.storySkipConfirm:not([hidden])) .storyHeader{visibility:hidden}#storyDialog.openingStory:has(.storyPractice:not([hidden])) .storyHeader{z-index:9;background:none;color:#34436a}#storyDialog.openingStory .storyPassage[data-visible=false]{visibility:hidden;opacity:0;animation:none}#storyDialog.openingStory .storyPassage[data-visible=true]{visibility:visible}#storyDialog.openingStory .storyHeader .storySkip{margin-left:auto;font-size:13px;font-weight:600;letter-spacing:.08em}#storyDialog.openingStory .storyFast{position:absolute;inset:auto auto calc(17px + env(safe-area-inset-bottom)) 50%;translate:-50% 0;z-index:5;margin:0;gap:7px;font-size:13px}#storyDialog.openingStory .storyPassage:has(.storyPortrait){display:flow-root}#storyDialog.openingStory .storyPortrait{position:relative;float:left;display:block;flex:none;width:42px;height:42px;margin:0 11px 5px 0;border:1.5px solid #f3f4fb;border-radius:50%;overflow:hidden;background:#d9deec;box-sizing:border-box}#storyDialog.openingStory .storyPortrait img{position:absolute;width:426.6667%;height:auto;max-width:none;left:-21.111%;top:-3%;transform:translate(calc(var(--portrait-expression,0)*-33.333333%))}#storyDialog.openingStory .storyPortrait[data-single=true] img{width:243.81%;left:-69.05%;top:0;transform:none}#storyDialog.openingStory .storyPassage[data-side=right] .storyPortrait{float:right;margin:0 0 5px 11px}#storyDialog.openingStory[data-layout=impact] .storyPassage .storyPortrait,#storyDialog.openingStory[data-layout=title] .storyPassage .storyPortrait{float:none;margin:0 auto 10px}#storyDialog.openingStory:has(.storySkipConfirm:not([hidden])) .storyFast{visibility:hidden}#storyDialog.openingStory .storySpotlightActor{position:absolute;height:88%;aspect-ratio:1/2;left:50%;translate:-50% 0;bottom:0;overflow:hidden;animation:storyFocusIn 1s cubic-bezier(.16,1,.3,1) both}#storyDialog.openingStory .storySpotlightActor img{display:block;width:300%;height:100%;max-width:none;transform:translate(calc(var(--expression,0)*-33.333333%))}#storyDialog.openingStory .storySpotlightActor[data-single=true]{aspect-ratio:2/3}#storyDialog.openingStory .storySpotlightActor[data-single=true] img{width:100%;transform:none}#storyDialog.openingStory .storySpotlightActor[data-caption=top]{height:78%;bottom:-12%}#storyDialog.openingStory[data-layout=spotlight] .storyWash{background:linear-gradient(180deg,#0b101814,transparent 45%,#0b1018ad 70%,#0b1018f5 100%)}#storyDialog.openingStory[data-layout=spotlight][data-phase=text] .storyWash{opacity:1}#storyDialog.openingStory[data-layout=spotlight] .storyPage{inset:auto 28px calc(104px + env(safe-area-inset-bottom))}#storyDialog.openingStory[data-layout=spotlight] .storyPassages{height:auto;gap:0}#storyDialog.openingStory[data-layout=spotlight] .storyPassage{align-self:center;text-align:center;width:100%;max-width:100%}#storyDialog.openingStory[data-layout=spotlight] .storyPassage p{font-size:clamp(24px,6.2vw,31px);font-weight:500;line-height:1.65;white-space:normal;text-wrap:balance}#storyDialog.openingStory[data-layout=spotlight][data-caption=top] .storyWash{background:linear-gradient(180deg,#0b1018ef 0%,#0b1018b5 30%,transparent 65%)}#storyDialog.openingStory[data-layout=spotlight][data-caption=top] .storyPage{inset:calc(100px + env(safe-area-inset-top)) 28px auto}#storyDialog.openingStory[data-gate=true] .storyPage{bottom:calc(200px + env(safe-area-inset-bottom))}#storyDialog.openingStory .storyActions{position:absolute;inset:auto 26px calc(76px + env(safe-area-inset-bottom));z-index:5;display:flex;flex-direction:column;align-items:stretch;gap:2px}#storyDialog.openingStory .storyLater{align-self:center;color:#e1e7f2;font-size:14px;min-height:44px;padding:8px 20px}#storyDialog.openingStory .storyLater:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}#storyDialog.openingStory .storyAction{min-height:50px;border-radius:12px;background:#dfeaf8;color:#263b5e;font-size:17px}@media(max-height:700px){#storyDialog.openingStory[data-gate=true][data-layout=impact] .storyPassages{gap:18px}#storyDialog.openingStory[data-gate=true][data-layout=impact] .storyPassage[data-kind=dialogue] p{font-size:22px;line-height:1.55}}@keyframes storyFocusIn{0%{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#storyDialog.openingStory .storyTitlePage{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:70px 28px;box-sizing:border-box;background:linear-gradient(100deg,#e7e9ef 0,#f7f7f5 6%,#fffdf7 50%,#f2f0ee);color:#344767}#storyDialog.openingStory .storyTitleLeaf{width:100%;text-align:center}#storyDialog.openingStory .storyTitleLeaf h3{margin:0 0 70px;font-family:Georgia,"Noto Serif",serif;font-size:clamp(30px,8vw,40px);font-weight:400;line-height:1.5;letter-spacing:-.02em}#storyDialog.openingStory .storyTitleLeaf h3 span{display:block;margin-bottom:26px;font-family:var(--font-text);font-size:19px;letter-spacing:.16em}#storyDialog.openingStory .storyTitleLeaf h3:after{content:"";display:block;width:50px;height:1px;margin:32px auto 0;background:#9ba6b6}#storyDialog.openingStory .storyBegin{min-height:48px;padding:10px 28px;border:1px solid #8b9ab0;border-radius:3px;background:transparent;color:#344767;font-size:17px}#storyDialog.openingStory .storyAudioError{margin:22px auto 0;max-width:26ch;font-size:16px;line-height:1.6;color:#a34250}#storyDialog.openingStory[data-cover=true] .storyHeader{z-index:5;color:#344767;background:none}#storyDialog.openingStory[data-cover=true] .storyHeader h2{visibility:hidden}#storyDialog.openingStory .storyPassage[data-instant=true]{animation:none}#storyDialog.openingStory[data-tapped=true] .storyPage{transition:none}#storyDialog.openingStory .storyJoinChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%}#storyDialog.openingStory .storyJoinChoices button{min-height:56px;padding:14px 18px;border:1px solid #e6edff99;border-radius:10px;background:#e2edffed;color:#293f66;font-family:var(--font-text)!important;font-size:20px;font-weight:600;line-height:1.4;text-align:center}#storyDialog.openingStory .storyJoinChoices button:focus-visible{outline:3px solid #fff;outline-offset:5px}#storyDialog.openingStory[data-join=true] .storyActions{inset:46% 28px auto}#storyDialog.openingStory[data-join=true] .storyFast{visibility:hidden}#storyDialog.openingStory .storyExperience{text-align:center}#storyDialog.openingStory .storyExperience legend{width:100%;text-align:center}#storyDialog.openingStory .storyExperience button{text-align:center}#storyDialog.openingStory [data-practice-sync]{flex:none;align-self:flex-start;margin:12px 24px;min-height:46px;padding:10px 15px;border:1px solid #c8d9eb;border-radius:12px;background:#e8f1fc;color:#34547e;font-size:16px;font-weight:600}#storyDialog.openingStory .storyExperience{margin:0 0 18px;padding:0;border:0;min-width:0}#storyDialog.openingStory .storyExperience legend{margin:0 0 22px;padding:0;font-size:25px;line-height:1.5;font-weight:600;text-wrap:balance}#storyDialog.openingStory .storyExperience button{display:block;width:100%;min-height:52px;margin:9px 0;padding:13px 17px;text-align:center;white-space:normal;word-break:keep-all;font-size:17px;line-height:1.6;border:1px solid #e6edff66;border-radius:12px;background:#e2eaff1a;color:#fff}#storyDialog.openingStory .storyExperience button[aria-pressed=true]{background:#e2edff;color:#293f66;border-color:#fff;font-weight:600}#storyDialog.openingStory[data-choosing=true] .storyPage{display:none}#storyDialog.openingStory[data-choosing=true] .storyActions{inset:calc(76px + env(safe-area-inset-top)) 24px calc(68px + env(safe-area-inset-bottom));justify-content:center}#storyDialog.openingStory[data-choosing=true] .storyFast{visibility:hidden}@media(max-height:700px){#storyDialog.openingStory[data-layout=spotlight] .storyPage{left:24px;right:24px;bottom:calc(94px + env(safe-area-inset-bottom))}#storyDialog.openingStory[data-layout=spotlight][data-caption=top] .storyPage{top:calc(85px + env(safe-area-inset-top));bottom:auto}#storyDialog.openingStory[data-layout=spotlight] .storyPassage p{font-size:24px}}