@font-face{font-family:Manrope;src:url('/assets/manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:optional}
@font-face{font-family:'Manrope Fallback';src:local('Arial');ascent-override:106.45%;descent-override:29.96%;line-gap-override:0%;size-adjust:100.14%}
@font-face{font-family:'JetBrains Mono';src:url('/assets/jetbrains-mono-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:optional}
:root{color-scheme:dark;--background:#000;--foreground:#fff;--surface:#131313;--border:#292929;--focus:#9cc349;--content-dir:ltr;--art-height:440px;--panel-height:520px}
html[data-theme=light]{color-scheme:light;--background:#fff;--foreground:#000;--surface:#f5f5f5;--border:#ddd;--focus:#194e34}
html[dir=rtl]{--content-dir:rtl}
*{box-sizing:border-box}html,body{margin:0;min-width:0}body{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;align-items:center;background:var(--background);color:var(--foreground);font-family:Manrope,'Manrope Fallback','Segoe UI',Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
html[lang=ar] body{font-family:Manrope,'Segoe UI',Tahoma,Arial,sans-serif}html[lang=hi] body{font-family:Manrope,'Nirmala UI','Mangal',sans-serif}html[lang=ja] body{font-family:Manrope,'Yu Gothic UI','Meiryo',sans-serif}html[lang=zh-Hans] body{font-family:Manrope,'Microsoft YaHei UI',sans-serif}html[lang=ko] body{font-family:Manrope,'Malgun Gothic',sans-serif}
p,h1,h2,h3,h4,pre{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a,summary{outline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--focus)}img{display:block;max-width:100%}svg{display:block;flex-shrink:0}b{font-weight:600}bdi,[dir=ltr]{unicode-bidi:isolate}hr{border:0;height:1px;background:#dfdfdf;width:100%;margin:0;flex-shrink:0}[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.auroras{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.aurora{position:absolute;display:block;background-repeat:no-repeat}.sage{width:1380px;height:1000px;left:-300px;top:-80px;background-image:radial-gradient(ellipse closest-side at center,rgba(31,104,72,.54),rgba(31,104,72,0));opacity:.65}.violet{width:1500px;height:1000px;left:600px;top:-40px;background-image:radial-gradient(ellipse closest-side at center,rgba(105,67,151,.48),rgba(105,67,151,0));opacity:.70}html[data-theme=light] .sage{opacity:.20}html[data-theme=light] .violet{opacity:.24}
.page-header,.page-footer{position:relative;width:calc(100% - 128px);max-width:1800px;min-height:104px;display:flex;align-items:center;flex-shrink:0}.page-header{justify-content:space-between;z-index:5;direction:ltr}.page-footer{justify-content:flex-end}.page-footer p{font-size:12px;line-height:20px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;margin-left:-6px}.theme-image{position:relative;display:block;flex-shrink:0}.theme-image>img{width:100%;height:100%;object-fit:contain}.theme-image>img+img{position:absolute;inset:0}.theme-light{opacity:0}.theme-dark{opacity:1}html[data-theme=light] .theme-light{opacity:1}html[data-theme=light] .theme-dark{opacity:0}.brand-mark .theme-image{width:32px;height:32px}.header-controls{position:relative;display:flex;align-items:center;flex-shrink:0;--menu-viewport-top:82px}
.settings-menu>summary{display:grid;place-items:center;width:44px;height:44px;padding:0;list-style:none;cursor:pointer;border:1px solid var(--border);border-radius:12px;background:var(--background);color:var(--foreground)}
.settings-menu>summary::-webkit-details-marker{display:none}.settings-menu>summary:hover,.settings-menu[open]>summary{background:var(--surface)}
.settings-panel{position:absolute;right:0;top:calc(100% + 8px);width:300px;max-width:calc(100vw - 48px);max-height:min(560px,calc(100svh - var(--menu-viewport-top) - 16px));overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid var(--border);border-radius:18px;background:var(--background);box-shadow:0 16px 48px #0004;direction:var(--content-dir)}
.settings-title{font-size:15px;line-height:22px;font-weight:600;padding:4px 8px 12px}.settings-actions{display:grid;gap:4px}
.settings-action{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 8px;border:0;border-radius:10px;background:transparent;text-align:start;font-size:13px;line-height:22px;overflow-wrap:anywhere}.settings-action:hover{background:var(--surface)}.settings-action:active{transform:none}.settings-action .control-label{min-width:0}.settings-action>svg,.settings-action>.theme-image{flex:0 0 21px;width:21px;height:21px}
.theme-icons{width:21px;height:21px}.theme-icons img{transition:opacity .18s ease;transform:none}
.language-picker{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.language-title{font-size:12px;line-height:20px;font-weight:500;padding:0 8px 8px;opacity:.75}
.language-picker ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px}.language-picker li>a,.language-picker li>span{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px;font-size:13px;line-height:20px;border-radius:8px;overflow-wrap:anywhere}.language-picker li>a:hover{background:var(--surface)}.language-picker [aria-current]{background:var(--surface);outline:1px solid var(--border)}.language-picker [aria-current]::after{content:'✓';margin-inline-start:auto;font-size:12px}.language-picker [aria-disabled]{opacity:.5}.unavailable-note{font-size:12px;line-height:18px;margin:10px 8px 2px;opacity:.7}

.page-main{width:calc(100% - 128px);max-width:1200px;min-height:calc(100svh - 208px);display:grid;grid-template-columns:minmax(0,552px) 600px;column-gap:48px;align-items:center;padding-block:40px}.intro{display:flex;flex-direction:column;gap:24px;min-width:0}.brand-word{width:312px;max-width:100%;aspect-ratio:2675/541}.brand-word>.theme-image{width:100%;height:100%}h1{font-size:64px;line-height:72px;font-weight:500;overflow-wrap:anywhere}.description{max-width:432px;font-size:16px;line-height:26px}.contact-actions{display:flex;align-items:center;gap:16px}.contact-actions a{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:52px;font-size:14px;line-height:22px;font-weight:500}.email-action{width:310px;max-width:100%;gap:12px;border-radius:999px;background:var(--foreground);color:var(--background);padding:0 20px}.email-action bdi{white-space:nowrap}.x-action{min-width:132px;gap:8px}.x-action>span:first-child{text-decoration:underline;text-underline-offset:3px}.action-icon{width:18px;height:18px}.contact-actions a:hover{opacity:.8}
.preview-panel{position:relative;width:600px;height:var(--panel-height);border:1px solid var(--border);border-radius:28px;overflow:hidden;background:var(--surface);isolation:isolate;direction:var(--content-dir)}.slides{position:absolute;inset:0}.slide{position:absolute;inset:0;opacity:0;transition:opacity .25s ease-in-out;pointer-events:none}.slide.is-current{opacity:1}.slide.is-entering{opacity:0}.scene-art{height:var(--art-height);width:100%;position:relative;overflow:hidden;direction:var(--content-dir);color:#000}.scene-title{position:absolute;top:calc(var(--art-height) + 6px);left:64px;right:64px;height:52px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;line-height:26px;font-weight:500;overflow-wrap:anywhere}.scene-footer{position:absolute;inset:var(--art-height) 0 0;pointer-events:none}.preview-nav{position:absolute;top:6px;width:44px;height:44px;border:0;border-radius:999px;display:grid;place-items:center;padding:0;background:transparent;pointer-events:auto}.preview-nav:hover{background:color-mix(in srgb,var(--foreground) 8%,transparent)}.preview-nav.previous{left:16px}.preview-nav.next{right:16px}.preview-nav .theme-image{width:20px;height:20px}.position{position:absolute;width:114px;height:14px;left:50%;transform:translateX(-50%);bottom:10px}.position img{width:114px;height:14px}html[data-theme=light] .position img{filter:invert(1)}
.meme-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.caption-fade{position:absolute;bottom:0;left:0;right:0;height:160px;background:linear-gradient(transparent,rgba(0,0,0,.78))}.meme-caption{position:absolute;left:28px;right:28px;top:auto;bottom:18px;min-height:92px;display:block;text-align:center;font-size:36px;line-height:46px;font-weight:600;color:#fff;text-shadow:0 1px 3px #000b;text-wrap:balance}
.art-audio{background:#e0e9e4}.audio-selection{position:absolute;left:140.4px;top:130px;width:268px;height:174px;border-radius:14px;background:#b7d895}.waveform{position:absolute;left:44px;right:44px;top:140px;height:154px;direction:ltr}.waveform i{position:absolute;left:calc(var(--i)*100%/74);top:50%;transform:translateY(-50%);width:4px;height:var(--height);background:#233b2b;border-radius:2px}.audio-start,.audio-end{position:absolute;top:92px;font-size:18px;line-height:26px;font-weight:500;width:80px}.audio-start{left:140.4px}.audio-end{left:328.4px;text-align:right}.audio-label{position:absolute;top:332px;left:24px;right:24px;text-align:center;font-size:20px;line-height:28px;font-weight:500}
.swatches{display:flex;height:100%}.swatch{width:20%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding-bottom:32px}.swatch p{font-family:'JetBrains Mono',monospace;font-size:14px;line-height:22px}.swatch-1{background:#233b2b;color:white}.swatch-2{background:#9cc349}.swatch-3{background:#c8b1ed}.swatch-4{background:#eee8d7}.swatch-5{background:#161616;color:white}
.art-pdf{background:#e8dce8}.pdf-equation{position:absolute;left:37px;top:87px;width:526px;height:266px;display:flex;align-items:center;gap:14px}.pdf-tile{flex:0 0 144px;width:144px;height:266px;display:flex;flex-direction:column;gap:8px}.pdf-count{font-size:16px;line-height:24px;text-align:center;font-weight:500;direction:var(--content-dir)}.pdf-stack{height:234px;width:144px;position:relative;flex-shrink:0}.pdf-stack:before,.pdf-stack:after{content:'';position:absolute;width:132px;height:186px;background:#fff;border-radius:2px;box-shadow:0 8px 18px #0a081424;display:none}.stack-two:before{display:block;left:8px;top:6px}.stack-three:after{display:block;left:10px;top:3px;z-index:-1}.document{position:absolute;left:6px;top:12px;width:132px;min-height:186px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:4.8px;box-shadow:0 8px 18px #0a081424;direction:var(--content-dir);color:#000}.document-edition,.document-folio,.document-row{display:flex;justify-content:space-between;gap:2px;align-items:center}.document-edition{font-size:4.2px;line-height:6px}.document-heading{font-size:14.4px;line-height:15.6px;font-weight:600;max-width:108px}.document-subtitle{font-size:4.8px;line-height:7.2px;color:#0009}.document hr{height:.6px}.document h4,.phase b{font-size:5.4px;line-height:7.2px;font-weight:600}.budget-item{height:15.6px}.budget-item:last-child{height:10.8px}.document-row{font-size:4.8px;line-height:10.8px}.budget-item i{display:block;background:#173a2a;width:var(--amount);height:1.8px;border-radius:.6px}.document-folio{font-size:3.6px;line-height:5.4px;margin-top:auto}.phases{display:flex;flex-direction:column;gap:6px}.phase{display:flex;gap:6px;min-height:18px}.phase-number{flex:0 0 12px;font-size:6px!important;line-height:12px!important;color:#173a2a}.phase>div{display:flex;flex-direction:column;gap:1.2px}.phase p{font-size:4.2px;line-height:6px;color:#0009}.pdf-plus{flex:0 0 18px;width:18px;font-size:24px;line-height:30px;text-align:center}.conversion-arrow{width:20px;height:20px;flex:0 0 20px;object-fit:contain}
.art-emoji{background:#e5daf2}.studio-glow{position:absolute;inset:0;background:radial-gradient(ellipse closest-side at center,rgba(255,255,255,.72),rgba(255,255,255,0))}.emoji-equation{position:absolute;left:52px;top:107px;width:496px;height:226px;display:flex;align-items:center;gap:8px}.emoji-equation img{object-fit:contain;flex-shrink:0}.emoji-smile{width:106px;height:106px}.emoji-glasses{width:120px;height:120px}.emoji-cool{width:194px;height:194px}.emoji-plus{width:22px;flex:0 0 22px;font-size:32px;line-height:40px;text-align:center}
.art-percentage{background:#d5e1d1}.calculator{position:absolute;left:44px;top:62px;width:228px;height:228px;object-fit:contain}.receipt{position:absolute;left:306px;top:88px;width:244px;min-height:194px;padding:16px;background:white;border-radius:8px;box-shadow:0 8px 18px #0a081424;display:flex;flex-direction:column;gap:8px;direction:var(--content-dir)}.receipt h3{font-size:9px;line-height:12px;color:#173a2a;font-weight:600}.receipt-row{display:flex;justify-content:space-between;gap:4px;align-items:center;font-size:12px;line-height:20px}.receipt-total p{font-size:14px;line-height:24px;font-weight:500}.receipt-total b{font-size:36px;line-height:42px}.receipt-equation{font-size:10px;line-height:14px;color:#0008}.calculation{position:absolute;top:332px;left:24px;right:24px;font-size:40px;line-height:54px;text-align:center;font-weight:600;unicode-bidi:isolate}
.art-code{background:#dce3e7}.code-equation{position:absolute;left:32px;top:94px;width:536px;height:252px;display:flex;gap:18px;align-items:center}.code-card{flex-shrink:0;height:252px;border-radius:18px;padding:28px 20px 0;display:flex;flex-direction:column;gap:24px;background:#fff;box-shadow:0 8px 18px #0a081424}.csv{width:230px}.json{width:250px;background:#1a2e24;color:#fff}.code-card h3{font-size:14px;line-height:22px;font-weight:600}.code-card pre{font-family:'JetBrains Mono',monospace;font-size:17px;line-height:28px;white-space:pre-wrap}
.art-memory{background:#dce7d8}.memory-grid{position:absolute;left:114px;top:83px;width:372px;height:274px;display:grid;grid-template-columns:repeat(3,112px);grid-template-rows:repeat(2,128px);gap:18px}.memory-card{position:relative;width:112px;height:128px}.memory-card.revealed{background:#fff;border-radius:16px;box-shadow:0 8px 18px #0a08141f}.revealed img{position:absolute;left:8px;top:16px;width:96px;height:96px;object-fit:contain}.back picture{position:absolute;inset:-10px -18px -26px;max-width:none}.back picture img{width:148px;height:164px;max-width:none}
.art-password{background:#e1d9ee}.lock{position:absolute;left:160px;top:16px;width:280px;height:280px;object-fit:contain}.password-strip{position:absolute;left:70px;top:312px;width:460px;height:64px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:16px;box-shadow:0 8px 18px #0a081424}.password-strip p{font-family:'JetBrains Mono',monospace;font-size:22px;line-height:30px;text-align:center}.password-length{position:absolute;left:24px;right:24px;top:392px;font-size:16px;line-height:24px;font-weight:500;text-align:center}
.art-images{background:#cddcce}.image-equation{position:absolute;left:36px;top:79px;width:528px;height:282px;display:flex;align-items:center;gap:18px}.image-card{width:236px;height:282px;flex-shrink:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 18px #0a081424}.image-card>img{width:236px;height:234px;object-fit:cover}.image-card>p{height:48px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:24px;font-weight:500}
@media(min-width:1001px) and (max-width:1350px){.page-main{width:calc(100% - 80px);grid-template-columns:minmax(0,1fr) 600px;gap:32px}.preview-panel{width:600px}.scene-title{left:60px;right:60px}.intro h1{font-size:56px;line-height:64px}.contact-actions{flex-wrap:wrap;gap:8px}.email-action{width:286px}.page-header,.page-footer{width:calc(100% - 80px)}}
@media(max-width:1000px){:root{--art-height:196px;--panel-height:260px}.page-header,.page-footer{width:min(342px,calc(100% - 48px));min-height:72px}.page-footer{min-height:64px;justify-content:center}.header-controls{--menu-viewport-top:66px}.page-main{width:min(342px,calc(100% - 48px));max-width:342px;min-height:calc(100svh - 136px);display:flex;flex-direction:column;justify-content:center;gap:24px;padding-block:20px}.intro{display:contents}.brand-word{width:260px;align-self:flex-start;flex-shrink:0;margin-bottom:-4px}.intro h1{font-size:44px;line-height:52px;font-weight:500;align-self:stretch;margin-bottom:-4px}.description{font-size:16px;line-height:26px;width:328px;max-width:100%;align-self:flex-start}.contact-actions{order:3;display:flex;flex-direction:column;gap:8px;width:100%}.contact-actions a{width:100%}.x-action{min-height:44px!important}.preview-panel{width:342px;max-width:100%;flex-shrink:0;border-radius:22px}.scene-title{top:198px;left:58px;right:58px;height:44px;font-size:15px;line-height:22px}.preview-nav{top:2px}.preview-nav.previous{left:10px}.preview-nav.next{right:10px}.position{bottom:6px;height:12px}.position img{height:14px;margin-top:-1px}.sage{width:720px;height:670px;left:-260px;top:-20px;opacity:.70}.violet{width:720px;height:640px;left:20px;top:230px;opacity:.70}html[data-theme=light] .sage{opacity:.22}html[data-theme=light] .violet{opacity:.25}
.caption-fade{height:100px}.meme-caption{left:16px;right:16px;top:auto;bottom:10px;min-height:56px;font-size:22px;line-height:28px}.audio-selection{left:76.8px;top:52px;width:159px;height:92px;border-radius:8px}.waveform{left:24px;right:24px;top:62px;height:72px}.waveform i{height:var(--phone-height);width:2.3px;border-radius:1px}.audio-start,.audio-end{top:24px;font-size:13px;line-height:20px}.audio-start{left:76.8px}.audio-end{left:155.8px}.audio-label{top:154px;font-size:13px;line-height:20px}.swatch{padding-bottom:18px}.swatch p{font-size:10px;line-height:16px}.pdf-equation{left:16px;top:24px;width:310px;height:148px;gap:8px}.pdf-tile{flex-basis:82px;width:82px;height:148px;gap:4px}.pdf-stack{width:82px;height:124px}.pdf-stack:before,.pdf-stack:after{width:72px;height:102px}.stack-two:before{left:7px;top:6px}.stack-three:after{left:9px;top:3px}.document{left:5px;top:8px;width:72px;min-height:101.455px;padding:6.545px;gap:2.618px}.document-edition{font-size:2.29px;line-height:3.273px}.document-heading{font-size:7.85px;line-height:8.509px;max-width:58.909px}.document-subtitle{font-size:2.62px;line-height:3.927px}.document hr{height:.327px}.document h4,.phase b{font-size:2.95px;line-height:3.927px}.budget-item{height:8.509px}.budget-item:last-child{height:5.891px}.document-row{font-size:2.62px;line-height:5.891px}.budget-item i{height:.982px;border-radius:.327px}.document-folio{font-size:1.96px;line-height:2.945px}.phases{gap:3.273px}.phase{gap:3.273px;min-height:9.818px}.phase-number{flex-basis:6.545px;font-size:3.27px!important;line-height:6.545px!important}.phase>div{gap:.655px}.phase p{font-size:2.29px;line-height:3.273px}.pdf-count{font-size:12px;line-height:20px}.pdf-plus{flex-basis:14px;width:14px;font-size:18px;line-height:24px}.pdf-equation>.conversion-arrow,.code-equation>.conversion-arrow{width:18px;height:18px;flex-basis:18px}.emoji-equation{left:16px;top:42px;width:310px;height:112px;gap:5px}.emoji-smile{width:61px;height:61px}.emoji-glasses{width:70px;height:70px}.emoji-cool{width:112px;height:112px}.emoji-plus{width:14px;flex-basis:14px;font-size:22px;line-height:28px}.calculator{left:16px;top:20px;width:122px;height:122px}.receipt{left:154px;top:14px;width:166px;min-height:131.984px;padding:10.885px;gap:5.443px;border-radius:5.443px}.receipt h3{font-size:6.12px;line-height:8.164px}.receipt-row{font-size:8.16px;line-height:13.607px}.receipt hr{height:.68px}.receipt-total p{font-size:9.52px;line-height:16.328px}.receipt-total b{font-size:24.49px;line-height:28.574px}.receipt-equation{font-size:6.8px;line-height:9.525px}.calculation{top:157px;font-size:21px;line-height:30px}.code-equation{left:16px;top:20px;width:310px;height:156px;gap:8px}.code-card{height:156px;padding:16px 12px 0;border-radius:12px;gap:12px}.csv{width:128px}.json{width:148px}.code-card h3{font-size:12px;line-height:18px}.code-card pre{font-size:12px;line-height:21px}.memory-grid{left:56px;top:21px;width:230px;height:154px;grid-template-columns:repeat(3,70px);grid-template-rows:repeat(2,72px);gap:10px}.memory-card{width:70px;height:72px}.memory-card.revealed{border-radius:10px}.revealed img{left:6px;top:7px;width:58px;height:58px}.back picture{inset:-10px -18px -26px}.back picture img{width:106px;height:108px}.lock{left:8px;top:34px;width:120px;height:120px}.password-strip{left:122px;top:62px;width:202px;height:52px;border-radius:12px}.password-strip p{font-size:14px;line-height:22px}.password-length{left:122px;right:18px;top:124px;font-size:12px;line-height:20px}.image-equation{left:17px;top:22px;width:308px;height:152px;gap:10px}.image-card{width:134px;height:152px;border-radius:12px}.image-card>img{width:134px;height:116px}.image-card>p{height:36px;font-size:12px;line-height:20px}}
/* At narrow reflow sizes, recompose the compact art within available width. */
@media(max-width:389px){.page-header,.page-footer,.page-main{width:calc(100% - 32px)}.settings-panel{max-width:calc(100vw - 32px)}.preview-panel{width:100%}.scene-art{width:342px;left:50%;transform:translateX(-50%)}.scene-title{left:52px;right:52px;font-size:14px}.intro h1{font-size:40px;line-height:48px}.email-action{gap:8px;padding-inline:12px}.email-action bdi{font-size:13px}.meme-caption{left:24px;right:24px}}
@media(prefers-reduced-motion:reduce){.slide,.theme-icons img{transition:none!important}}
@media(forced-colors:active){.settings-menu>summary,.settings-action,.preview-panel,.email-action{border:1px solid ButtonText}.theme-image img{forced-color-adjust:none}.position img{forced-color-adjust:none}}

.preview-panel[data-transitioning=false] .slide{transition:none}.page-footer p{direction:ltr;unicode-bidi:isolate}
.language-picker [lang=ar]{font-family:Manrope,"Segoe UI",Tahoma,sans-serif}.language-picker [lang=hi]{font-family:Manrope,"Nirmala UI",sans-serif}.language-picker [lang=ja]{font-family:Manrope,"Yu Gothic UI",Meiryo,sans-serif}.language-picker [lang=zh-Hans]{font-family:Manrope,"Microsoft YaHei UI",sans-serif}.language-picker [lang=ko]{font-family:Manrope,"Malgun Gothic",sans-serif}

.pdf-stack{isolation:isolate}.pdf-stack:after{z-index:0}.pdf-stack:before{z-index:1}.document{z-index:2}
@media(max-width:1000px){.scene-title{top:calc(var(--art-height) + 2px)}}
@media(max-width:389px){.page-header,.page-footer,.page-main{width:min(342px,calc(100% - 32px))}}
@media(max-width:373px){:root{--art-height:calc((100vw - 34px)*196/342);--panel-height:calc(var(--art-height) + 64px)}.scene-art{left:0;width:342px;height:196px;transform:scale(calc((100vw - 34px)/342px));transform-origin:top left}}
/* Localized headings preserve fitting Korean words. */
html[lang=ko] h1{word-break:keep-all;overflow-wrap:anywhere}