:root{color:#eee7dd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#8c7a9d;--panel:#23232a;--text-opacity:.54;font-synthesis:none;background:#f6f0e8;font-family:Noto Sans KR,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#2e394c55;border:1px solid #77657470;border-radius:4px;padding:.7em 1.1em}button:hover{border-color:var(--accent);background:#39465e88}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.4}h1,h2,p{margin-top:0}header{border-bottom:1px solid #ffffff18;align-items:center;gap:24px;padding:20px 28px;display:flex}header h1,header h2{margin:0;font-size:1.25rem;font-weight:500}small{color:#c5b6bb;font-size:.75rem}.help{color:#b7a9b3;font-size:.8rem;line-height:1.7}.loading{padding:40px}.title{background:radial-gradient(at 75% 30%,#39475f,#f6f0e8 67%);align-items:center;height:100dvh;display:flex;position:relative}.title-art{opacity:.56;background:linear-gradient(90deg,#f6f0e8dd,#f6f0e866),50%/cover;position:absolute;inset:0}.title-content{z-index:1;margin:7vh 12vw}.eyebrow{letter-spacing:.26em;color:#c8afb7;font-size:.65rem}.title h1{text-shadow:0 4px 14px #000;margin:0 0 28px;font-family:serif;font-size:clamp(5rem,12vw,10rem);font-weight:400;line-height:1.12}.title h1 small{letter-spacing:.5em;margin-left:12px;font-size:.85rem;display:block}.title-menu{flex-direction:column;align-items:flex-start;gap:10px;min-width:210px;display:flex}.title-menu button{text-align:left;background:0 0;border:0;border-bottom:1px solid #bba5ac40;border-radius:0;min-width:210px;padding:.65em .8em;font-size:1rem}.title-menu button:hover{color:#c4daed;transform:translate(4px)}.credit{color:#ad999e;margin:22px 12px;font-size:.65rem;display:block}.player{background:#08080c;height:100dvh;position:relative}.play-area{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stage{background:#000;width:min(100vw,160dvh);height:min(62.5vw,100dvh);position:relative;overflow:hidden}.stage>canvas{image-rendering:auto;width:100%;height:100%;display:block}.reading{scrollbar-width:none;pointer-events:none;background:rgb(0 0 0/var(--text-opacity));border-radius:2px;padding:14px 18px;position:absolute;inset:3.5% 4%;overflow:auto}.reading[hidden]{display:none}.glyph-text{max-width:100%;display:block;height:auto!important}.choices{z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%)}.choices:empty{display:none}.choice{text-align:left;background:#f6f0e8f2;border-color:#8c7a9daa;width:100%;padding:10px 16px;box-shadow:0 3px 10px #0007}.choice canvas{max-width:100%}.play-toolbar{bottom:max(14px,env(safe-area-inset-bottom));opacity:.7;gap:8px;display:flex;position:absolute;right:18px}.play-toolbar button{background:#f6f0e8a8;border-color:#fff2;padding:9px 12px;font-size:.8rem}.play-toolbar button.active{color:#fff;background:#59647f}.play-toolbar:hover{opacity:1}#play-state{color:#c8b5bf;pointer-events:none;font-size:.65rem;position:absolute;bottom:20px;left:24px}.panel-backdrop,.modal-backdrop{z-index:20;background:#09090bd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid #73667370;border-radius:6px;flex-direction:column;width:min(1080px,94vw);height:min(820px,92dvh);display:flex;overflow:hidden;box-shadow:0 16px 80px #000b}.panel header{justify-content:space-between;padding:18px 24px}.panel header button{font-size:.8rem}.panel-body{flex:1;min-height:0;padding:22px 28px;overflow:auto}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:18px;width:100%;max-width:740px;margin:auto;display:grid}.menu-grid button{padding:22px;font-size:1rem}.settings{max-width:720px;margin:auto}.setting{grid-template-columns:210px 1fr 65px;align-items:center;gap:18px;margin:20px 0;font-size:.85rem;display:grid}.setting input[type=checkbox]{width:20px;height:20px}.setting output{text-align:right;font-size:.75rem}.setting input[type=range]{accent-color:var(--accent);min-width:0}.file-button{margin:16px;font-size:.8rem;display:inline-block}.file-button input{max-width:240px;margin-top:10px;display:block}.backlog article{border-bottom:1px solid #ffffff1a;padding:18px 0}.backlog article small{margin-bottom:10px;display:block}.save-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:16px;display:grid}.save-slot{text-align:left;flex-direction:column;gap:14px;height:135px;display:flex}.confirm{background:var(--panel);border:1px solid #ab929b70;border-radius:6px;max-width:450px;margin:24px;padding:28px;line-height:1.7;box-shadow:0 12px 60px #0008}.actions{justify-content:flex-end;gap:15px;display:flex}.actions button{min-width:80px;font-size:.85rem}.actions .primary{background:#59647f}.modal-backdrop{z-index:60}.toast{bottom:max(60px,env(safe-area-inset-bottom));z-index:90;pointer-events:none;background:#332c36f5;border:1px solid #99808e77;border-radius:6px;max-width:90vw;padding:14px 22px;font-size:.85rem;position:fixed;left:50%;transform:translate(-50%)}.extras{grid-template-rows:auto 1fr;grid-template-columns:185px 1fr;height:100dvh;display:grid}.extras header{grid-column:1/3}.extra-tabs{border-right:1px solid #ffffff18;flex-direction:column;grid-area:2/1;gap:12px;padding:24px 18px;display:flex}.extra-tabs button{text-align:left;border:0;font-size:.85rem}.extra-tabs button.active{background:#59647f88}.extras #extra-body{flex-direction:column;gap:12px;min-width:0;min-height:0;padding:20px;display:flex;overflow:auto}.flow-viewport{cursor:grab;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:#131319;flex:1;min-height:250px;position:relative;overflow:auto}.flow-world{position:relative}.flow-world svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.flow-world svg path{stroke:#69535f;fill:none;stroke-width:2px}.flow-node{border:2px solid #998097;border-radius:4px;width:160px;height:110px;position:absolute;box-shadow:0 3px 7px #0005}.scene-link{background:#24202b;border:0;width:100%;height:100%;padding:0;overflow:hidden}.scene-link img{object-fit:cover;width:100%;height:100%}.scene-link small{color:#fff;background:#15131cbb;padding:3px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.flow-node.gray .scene-link{filter:grayscale();opacity:.55}.flow-node.hidden{border-color:#51464e}.unknown{color:#7f6b7d;font-size:2.5rem;font-weight:200}.badges{flex-direction:column;gap:0;display:flex;position:absolute;top:5px;right:-12px}.badge{color:#ebc5ce;text-shadow:0 1px 4px #000;width:36px;height:36px;padding:0;font-size:16px;background:0 0!important;border:0!important}.flow-popover{z-index:10;background:#28212cf5;border:1px solid #9f8293;width:200px;padding:14px;font-size:.75rem;position:absolute;top:0;left:165px;box-shadow:0 6px 18px #0008}.flow-popover strong,.flow-popover small{display:block}.flow-popover p{margin:10px 0}.flow-popover button{margin-top:10px;padding:5px;font-size:.7rem}.gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;display:grid}.gallery button{padding:0;overflow:hidden}.gallery img{aspect-ratio:1.6;object-fit:cover;width:100%;display:block}.gallery small{padding:6px;display:block}.gallery-view,.opening{z-index:70;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery-view img,.opening img{object-fit:contain;max-width:100%;max-height:100%}.music-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;display:grid}.wave{animation:3s ease-in-out infinite wave}@keyframes wave{0%,to{transform:scale(1.018)skewY(.3deg)}50%{transform:scale(1.022)skewY(-.3deg)}}@media (width<=700px){.title-content{margin:5vh 10vw}.title h1{margin-bottom:32px;font-size:6rem}.title-menu button{font-size:.9rem}.title-art{background-position:65%}.stage{width:100vw;height:62.5vw;overflow:visible}.reading{background:#f6f0e8e6;max-height:calc(100dvh - 62.5vw - 42px);padding:14px 20px;inset:100% 0 auto}.stage .choices{top:50%;left:4%;right:4%;transform:translateY(-50%)}.play-area{padding-top:max(18px,env(safe-area-inset-top));align-items:flex-start}.choice{padding:10px 14px}#play-state{font-size:.6rem;bottom:55px;left:15px}.play-toolbar{bottom:max(10px,env(safe-area-inset-bottom));right:12px}.panel{border:0;border-radius:0;width:100vw;height:100dvh}.panel header{padding:12px 18px}.panel-body{padding:16px}.menu-grid{gap:12px}.menu-grid button{padding:18px;font-size:.9rem}.setting{grid-template-columns:140px 1fr 35px;gap:10px;font-size:.75rem}.setting output{font-size:.6rem}.save-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.save-slot{height:115px;padding:15px}.extras{flex-direction:column;display:flex}.extras header{gap:15px;padding:12px 15px}.extras header h1{font-size:1.05rem}.extras header button{font-size:.75rem}.extra-tabs{padding:7px 4px max(7px,env(safe-area-inset-bottom));border-top:1px solid #ffffff18;border-right:0;flex-direction:row;order:3;justify-content:space-around;gap:0}.extra-tabs button{text-align:center;padding:12px 8px;font-size:.7rem}.extras #extra-body{flex:1;padding:12px}.flow-node{width:160px;height:110px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.confirm{padding:22px;font-size:.9rem}.flow-popover{width:180px;top:115px;left:0}}@media (orientation:landscape) and (height<=550px){.title-content{margin:20px 10vw}.title h1{margin-bottom:10px;font-size:4rem}.title-menu{gap:2px}.title-menu button{padding:7px 10px;font-size:.75rem}.credit{margin:10px}.stage{width:min(100vw,160dvh);height:min(62.5vw,100dvh);overflow:hidden}.play-area{align-items:center;padding-top:0}.reading{max-height:none;padding:12px 18px;inset:4%}.play-toolbar{bottom:8px}.panel header{padding:10px}.panel-body{padding:12px}.menu-grid{gap:8px}.menu-grid button{padding:12px}.extras header{padding:10px}}:root{--menu-fill:linear-gradient(-40deg,#452d3c 26%,#755366);--menu-tint:#28192299;--reading-opacity:.54}.stage{width:100%;height:100%;overflow:hidden;container-type:size}.stage>canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.play-area{align-items:center;padding:0}.reading{background:linear-gradient(90deg,rgb(0 0 0/calc(var(--text-opacity) * .3)),rgb(0 0 0/var(--text-opacity)) 8%,rgb(0 0 0/var(--text-opacity)) 92%,rgb(0 0 0/calc(var(--text-opacity) * .3)));text-shadow:1px 1px 2px #000;border-radius:0;max-height:none;padding:6cqh 6cqw 8cqh;inset:0;overflow:hidden}.player.graphics .reading,.player.graphics .choices{visibility:hidden}.player.graphics #scene{object-position:center var(--image-y,50%)}.play-toolbar{bottom:max(12px,env(safe-area-inset-bottom));right:12px}.play-toolbar button{opacity:.65;background:#17181c70;border:0;border-radius:3px;width:40px;height:36px;padding:0;font-size:25px}.menu-backdrop{background:var(--menu-tint);touch-action:none;justify-content:flex-end;align-items:stretch}.menu-panel{background:var(--menu-fill);width:clamp(260px,25vw,360px);height:100%;box-shadow:none;border:0;border-radius:0;padding-bottom:84px;animation:.2s ease-out menu-in;position:relative}@keyframes menu-in{0%{transform:translate(100%)}to{transform:translate(0)}}.menu-panel:before,.menu-panel:after{content:"";background:linear-gradient(180deg,transparent,var(--accent),transparent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.menu-panel:before{left:4px}.menu-panel:after{right:4px}.menu-panel .panel-body{flex-direction:column;justify-content:center;gap:min(4vh,1.6em);max-width:none;margin:0;padding:32px 22px 26px 35px;display:flex;overflow-y:auto}.menu-panel,.menu-panel .panel-body{touch-action:pan-y}.menu-panel .panel-body button{text-align:left;background:0 0;border:0;border-bottom:1px solid #fff5;border-radius:0;padding:3px 0;font-size:clamp(19px,3.2vmin,22px)}.menu-panel .panel-body button:hover{border-color:var(--accent);background:0 0}.menu-footer{padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom));background:var(--panel);z-index:2;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.menu-footer button{background:0 0;border:0;min-height:36px;padding:6px 10px;font-size:14px}.menu-footer button.active{background:var(--accent);color:#fff}.menu-footer .icon-action{min-width:40px;font-size:21px}.flow-viewport{touch-action:none;-webkit-user-select:none;user-select:none;min-height:120px;position:relative}.flow-host{flex-direction:column;min-height:0;display:flex;overflow:hidden}.flow-host>.help,.flow-host>.flow-controls{flex:none}.flow-host>.flow-viewport{flex:1;min-height:0}.extras #extra-body.flow-host{overflow:hidden}.flow-world{transform-origin:0 0;position:absolute;top:0;left:0}.flow-space{position:relative}.flow-viewport.dragging{cursor:grabbing}.flow-node{border-radius:5px;width:112px;height:74px}.flow-node .scene-link small{padding:1px 3px;font-size:10px}.badges{gap:0;top:0;right:-14px}.badge{touch-action:none;width:32px;height:28px;font-size:13px}.flow-node:has(.flow-popover){z-index:12}.flow-popover{z-index:80;touch-action:pan-y;width:220px;max-width:calc(100vw - 24px);max-height:50dvh;position:fixed;top:auto;left:auto;overflow:auto;transform:none}.flow-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.flow-controls button{min-width:36px;min-height:36px;padding:6px 10px;font-size:.8rem}.flow-controls output{text-align:center;min-width:45px;font-size:.75rem}.extras{flex-direction:column;display:flex}.extras header{flex:none}.extras #extra-body{flex:1;min-height:0}.extra-tabs{padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid #ffffff18;border-right:0;flex-direction:row;flex:none;order:3;justify-content:center;gap:20px;display:flex}.extra-tabs button{text-align:center;padding:9px 12px;font-size:.85rem}@media (orientation:portrait){.reading{background:rgb(0 0 0/calc(var(--text-opacity) * .8));max-height:none;padding:7cqh 6cqw 8cqh;inset:0}.stage{width:100%;height:100%;overflow:hidden}.play-area{align-items:center;padding-top:0}.extra-tabs{justify-content:space-around;gap:0}.extra-tabs button{padding:10px 8px;font-size:.75rem}.menu-panel{width:clamp(260px,75vw,360px)}.flow-node{width:112px;height:74px}}@media (orientation:landscape) and (height<=550px){.reading{max-height:none;padding:5cqh 6cqw 8cqh;inset:0}.menu-panel{padding-bottom:55px}.menu-panel .panel-body{gap:9px;padding:10px 25px}.menu-panel .panel-body button{font-size:17px}.menu-footer{gap:4px;padding:5px}.menu-footer button{padding:4px 7px;font-size:12px}.extra-tabs{gap:12px;padding:5px}.extra-tabs button{padding:6px 10px;font-size:.7rem}}@media (prefers-reduced-motion:reduce){.menu-panel{animation:none}}:root{--menu-fill:linear-gradient(-40deg,#263b4b 26%,#667e91);--menu-tint:#14212d99;--accent:#a4bccd;--panel:#263746;--bg:#15212c;--ink:#edf2f6}body{font-family:system-ui,Malgun Gothic,sans-serif}.title{background:radial-gradient(at 75% 25%,#e9f0f2 0%,#8ba1b3 45%,#283b4c 100%)}.title-art{opacity:.8;background:repeating-radial-gradient(circle at 78% 48%,#fff0 0 24px,#ffffff18 25px 26px,#fff0 27px 34px)}.title-art:after{content:"";border:1px solid #edf2f650;border-radius:50%;width:32vw;height:32vw;position:absolute;top:24%;right:10%;box-shadow:0 0 0 7vw #edf2f61a,0 0 0 12vw #edf2f617}.title-content{z-index:1;position:relative}.title h1{letter-spacing:.08em;color:#fff;text-shadow:0 3px 12px #283b4c66;font-size:clamp(3.5rem,8vmin,7rem);font-weight:300;line-height:.98}.title h1 small{letter-spacing:.25em;margin-top:18px;font-size:1.1rem}.title .eyebrow{color:#fafaff}.title-menu button{color:#fff}.player{background:#101923}.stage{width:100%;height:100%}.stage>canvas{object-fit:contain;object-position:50% 34%}.reading{background:linear-gradient(90deg,#12212cee,rgb(18 33 44/var(--text-opacity)) 9%,rgb(18 33 44/var(--text-opacity)) 91%,#12212cee);color:#f1f3f5;border-top:1px solid #b6c7d944;height:29%;padding:14px max(20px,5cqw);inset:auto 0 0;box-shadow:0 -10px 40px #0b162322}.speaker{color:#b5c9d9;min-height:1.6em;font-size:.7em;line-height:1.3}.dialogue{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all}.date-status{color:#d7e1e9;top:max(8px,env(safe-area-inset-top));z-index:3;pointer-events:none;background:#101923a8;border-radius:4px;padding:5px 8px;font-size:12px;bottom:auto;left:12px}#play-state{bottom:max(8px,env(safe-area-inset-bottom));font-size:11px;left:12px}.choices{z-index:4;touch-action:pan-y;max-height:82dvh;overflow:auto}.choice{color:#f3f5f7;font-family:inherit;font-size:clamp(15px,2.5vmin,20px);line-height:1.8}.calendar{background:#223746f5;border:1px solid #91aebe88;border-radius:8px;flex-wrap:wrap;gap:9px;padding:15px;display:flex;transform:translateY(-50%);box-shadow:0 12px 45px #0007}.calendar h2{width:100%;margin:0 0 4px;font-size:1.05rem}.calendar .week{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;width:100%;margin-bottom:9px;display:grid}.calendar .week button{white-space:pre-line;min-height:70px;padding:10px 4px;font-size:12px}.calendar>button{font-size:14px}.calendar button.active{background:#708aa0}.history-text{white-space:pre-wrap;border-bottom:1px solid #ffffff18;padding:16px 0;font-size:17px;line-height:1.8}.flow-node .control-node{color:#708aa0;background:linear-gradient(140deg,#e4edf3,#657e91);place-items:center;font-size:30px;display:grid;position:absolute;inset:0}.flow-node.gray{filter:grayscale();opacity:.65}.flow-node.hidden{opacity:.45}.flow-node .badge{background:#314859bb}.panel-body .music-list button{border-color:#708aa0}.panel button.primary{background:#708aa0}.flow-popover{color:#edf2f6;background:#273c4e;border-color:#9db5c7}.title-menu{max-width:300px}.gallery img{object-fit:cover}.help{color:#bdceda}@media (orientation:portrait){.stage>canvas{object-position:center 26%}.reading{background:rgb(18 33 44/var(--text-opacity));height:44%;padding:15px 6vw 30px;inset:auto 0 0}.stage{width:100%;height:100%}.calendar .week{grid-template-columns:repeat(4,minmax(0,1fr))}.calendar .week button{min-height:58px}.choices{left:4%;right:4%}.title h1{font-size:4.3rem}.title-content{margin:10vh 10vw}.title-art:after{width:80vw;height:80vw;top:10%;right:-10%}.settings .setting{grid-template-columns:130px 1fr 40px}.speaker{font-size:.72em}.date-status{max-width:calc(100vw - 25px);font-size:10px}}@media (orientation:landscape) and (height<=550px){.reading{height:36%;padding:8px 5vw 18px}.stage>canvas{object-position:center}.date-status{padding:2px 5px;font-size:9px}.calendar .week{grid-template-columns:repeat(7,minmax(0,1fr))}.calendar .week button{min-height:50px}.calendar{gap:5px;padding:9px}.calendar h2{font-size:.85rem}.title-content{margin:20px 10vw}.title h1{font-size:3rem}}.name-field{grid-template-columns:150px 1fr;align-items:center;gap:12px;margin:12px 0;display:grid}.name-field input{color:#edf2f6;background:#12212c;border:1px solid #708aa0;border-radius:4px;width:100%;min-width:0;padding:9px}.confirm h2{font-size:1.2rem}.confirm{max-height:90dvh;overflow:auto}.name-field select{color:#edf2f6;background:#12212c;width:100%;min-width:0;padding:8px}.confirm .help{margin-top:15px}