:root{color-scheme:dark;--ink:#080706;--paper:#efe4cf;--gold:#d2b37e;--muted:#a29784}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:#f3ebdc;font-family:"Noto Serif KR",Batang,serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}#stage{width:min(100%,500px);height:100svh;min-height:620px;margin:auto;position:relative;isolation:isolate;overflow:hidden;background:#080706;border-inline:1px solid #ffffff08}#scene,.frame{position:absolute;inset:0}.frame{animation:appear .65s ease both}.picture{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-3;animation:drift 13s ease-out both}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(#080706a8 0%,#08070633 23%,transparent 48%,#08070611 64%,#080706 100%)}.copy{position:absolute;top:17%;left:7%;right:7%;text-align:center;line-height:2;font-size:clamp(18px,4.2vw,22px);text-shadow:0 2px 15px #000,0 1px 5px #000}.copy p{margin:0}.line{display:block;animation:lineIn .9s both;animation-delay:calc(var(--i)*.22s)}.line.accent{color:#e8c78d;font-weight:600}.eyebrow,.kicker{font-size:14px;color:var(--gold);letter-spacing:.17em;margin:0 0 23px}.hero .kicker{font-size:26px;letter-spacing:.35em;margin-bottom:28px}.hero .copy{top:12%;font-size:24px;font-weight:500}.quote .copy{font-size:24px}.art .picture{object-fit:contain;top:18%;height:76%;animation:none}.art .copy{top:10%;font-size:18px}.art .kicker{font-size:13px;margin-bottom:12px}.art .shade{background:linear-gradient(#080706 0%,transparent 27%,transparent 84%,#080706 100%)}.topbar{position:absolute;top:max(18px,env(safe-area-inset-top));left:20px;right:20px;display:flex;justify-content:space-between;z-index:8}.topbar button{border:0;background:transparent;color:#b9ae9b;font-size:13px;padding:9px 0;letter-spacing:.03em}.bottom{position:absolute;left:7%;right:7%;bottom:max(26px,env(safe-area-inset-bottom));text-align:center;z-index:3}.next{border:0;background:transparent;color:#c8b799;letter-spacing:.16em;font-size:14px;min-height:48px;padding:15px}.hint{display:block;font-size:12px;color:#82796a;margin-top:6px;line-height:1.6}.info{border:0;background:transparent;color:#807565;font-size:12px;padding:8px;text-decoration:underline;text-underline-offset:4px}.progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff0b;z-index:10}.progress span{display:block;height:100%;background:#b29466;transition:width .5s}.cover-link{position:absolute;inset:0;z-index:1;border:0;background:transparent;cursor:pointer}.bottom button{position:relative;z-index:2}.primary{width:100%;min-height:56px;border:1px solid #ae8b53;background:#b79a65;color:#17130d;padding:15px 18px;letter-spacing:.04em;font-weight:600;border-radius:3px}.primary:hover{background:#c8aa75}.form-frame .picture{filter:brightness(.5);animation:none}.question{position:absolute;top:15%;left:8%;right:8%;font-size:27px;font-weight:500;line-height:1.7;white-space:pre-line;margin:0;text-shadow:0 2px 10px #000}.question small{display:block;font-size:14px;color:#c0ad8b;margin-bottom:18px;letter-spacing:.12em}.sheet{position:absolute;bottom:0;left:0;right:0;background:var(--paper);color:#3d3323;border-radius:18px 18px 0 0;padding:29px 25px max(32px,env(safe-area-inset-bottom));box-shadow:0 -10px 70px #0004;animation:sheetIn .55s both;max-height:66%;overflow:auto}.sheet label{display:block;font-size:14px;margin-bottom:10px}.choices{display:grid;gap:12px}.choice{min-height:61px;border:1px solid #79644759;background:transparent;color:#3e3324;border-radius:4px;padding:15px;font-size:18px}.choice:hover{background:#c8b89655}.choice.selected{border-color:#644b2b;background:#d5c4a3}.sheet input,.sheet select{color-scheme:light;width:100%;min-height:55px;background:#fff8eb99;border:1px solid #89755366;border-radius:3px;padding:12px;color:#322819;font-size:18px}.sheet input:focus,.sheet select:focus{outline:2px solid #927545;outline-offset:2px}.sheet .primary{margin-top:20px;background:#342b20;color:#f4e8d1;border-color:#342b20}.sheet .subtle{font-family:system-ui,sans-serif;font-size:12px;line-height:1.7;color:#756751;margin:16px 0 0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:18px}.checks{display:flex!important;align-items:center;gap:10px;margin-top:14px!important}.checks input{width:20px;min-height:20px;accent-color:#594329}.error{font-family:system-ui,sans-serif;color:#8e382b;font-size:14px;margin:10px 0 0;min-height:20px}.final .copy{top:13%;font-size:23px}.final .kicker{margin-bottom:20px}.final .summary{font-size:14px;color:#c1b093;line-height:1.8;margin-top:20px}.final .bottom{bottom:28px}.final .hint{font-size:13px;color:#a29784;margin-top:14px}.review-lines{display:grid;gap:0}.review-lines div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #8a78552b;font-size:16px}.review-lines span{color:#817052}.small-button{border:0;background:transparent;padding:14px;color:#aa997f;font-size:13px;text-decoration:underline}dialog{max-width:440px;width:calc(100% - 40px);background:#eee4d0;color:#3e3426;border:1px solid #b5a183;border-radius:6px;padding:35px;line-height:1.9}dialog::backdrop{background:#000b}dialog h2{font-size:23px}dialog p,dialog a{font-size:15px}dialog a{color:#6b4e26}.close{float:right;border:0;background:transparent;font-size:25px;color:#564732}@keyframes appear{from{opacity:0}to{opacity:1}}@keyframes lineIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes drift{from{transform:scale(1.025)}to{transform:scale(1)}}@keyframes sheetIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(max-height:700px){#stage{min-height:540px}.copy{top:14%;font-size:18px}.hero .copy,.quote .copy{font-size:21px}.question{top:12%;font-size:23px}.sheet{padding-top:22px;max-height:69%}.choice{min-height:51px}.art .copy{top:9%;font-size:16px}.kicker{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.archive{background:#11100e}.archive-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;padding-top:85px;scrollbar-width:thin;scrollbar-color:#8d795b #161310}.archive-intro{position:relative}.archive .copy{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:86%!important;margin:10px auto 0;z-index:2;font-size:25px}.archive-portrait{margin:-75px 0 0;position:relative}.archive-portrait img{display:block;width:100%;height:660px;max-height:85svh;object-fit:cover}.archive-portrait figcaption{position:absolute;bottom:20px;left:20px;right:20px;font:12px/1.6 system-ui,sans-serif;text-align:center;color:#ddd1bf;background:#080706d9;padding:8px}.archive-cue{text-align:center;letter-spacing:.08em;font-size:12px;color:#c1ad8b;padding:20px 0 35px}.archive-paper{background:#ddd5c4;color:#26221c;padding:32px 24px 45px;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000004 4px)}.archive-paper header{text-align:center;border-block:3px double #574c3a;padding:20px 0}.archive-paper header small{font-size:11px;letter-spacing:.15em}.archive-paper h2{font-size:43px;letter-spacing:.08em;margin:10px 0}.archive-paper header p{font:12px/1.8 system-ui,sans-serif;color:#544b3c}.news-clipping{padding:36px 5px;border-bottom:1px solid #776952;position:relative}.news-meta{display:flex;justify-content:space-between;font:10px/1.5 system-ui,sans-serif;letter-spacing:.12em;color:#645745}.news-year{font-size:66px;line-height:1.2;letter-spacing:-.06em;color:#746552;margin-top:20px}.news-year small{font-size:12px;letter-spacing:0;margin-left:8px}.news-clipping h3{font-size:25px;line-height:1.5;word-break:keep-all;margin:15px 0}.news-name{font-size:15px;color:#62523d}.news-clipping a{font:12px/2 system-ui,sans-serif;color:#51442f;text-underline-offset:4px}.archive-end{text-align:center;line-height:2.2;margin:40px 0 0;font-size:19px}.archive-next{padding:34px 24px 70px}.archive-next .bottom{position:static}.fiction-badge{position:absolute;bottom:92px;left:8%;right:8%;text-align:center;color:#c3b392;background:#080706c9;padding:8px;font:12px/1.6 system-ui,sans-serif;z-index:4}.editing .archive .copy{cursor:default;touch-action:auto}.editing .archive .copy:after{display:none}@media(max-width:400px){.archive-paper{padding-inline:20px}.news-clipping h3{font-size:23px}}

.headline-image-link{display:block;margin:18px -5px 0;text-decoration:none}.headline-capture{display:block;width:100%;height:auto;background:#fff;box-shadow:0 4px 14px #30251120}.capture-caption{display:block;margin-top:9px;font:11px/1.7 system-ui,sans-serif;color:#6c5e49}.headline-image-link:focus-visible{outline:2px solid #675333;outline-offset:5px}

#stage:has(.archive-montage){height:100svh;min-height:0}.archive-montage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:76px 24px 24px;gap:24px;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#30271e 0%,#100d0b 50%,#050504 90%)}.archive.archive-montage .copy{margin:0 auto!important;font-size:25px;line-height:1.65;width:100%!important}.archive-montage .kicker{font-size:12px;margin-bottom:10px}.headline-wall{display:grid;grid-template-rows:repeat(6,minmax(0,1fr));gap:12px;align-items:center;min-height:0;padding:4px 0}.headline-strip{display:block;padding:8px 9px 10px;background:#fff;color:#29231c;box-shadow:0 7px 18px #0008;transform:rotate(-2deg);text-decoration:none;position:relative;min-width:0}.headline-strip small{display:block;font:10px/1.2 system-ui,sans-serif;letter-spacing:.12em;color:#716b63;margin-bottom:5px}.headline-strip svg{display:block;width:100%;height:auto;overflow:hidden}.strip-0{width:88%;transform:rotate(-3deg);z-index:2}.strip-1{transform:rotate(1.5deg);margin-left:4px}.strip-2{width:95%;transform:rotate(-1deg);z-index:2}.strip-3{transform:rotate(2deg);margin-left:3px}.strip-4{width:96%;transform:rotate(-2deg)}.strip-5{transform:rotate(1deg);z-index:2}.montage-foot{text-align:center;position:relative;z-index:4}.montage-foot p{font:11px/1.5 system-ui,sans-serif;color:#9b9081;margin:0 0 12px}.montage-foot .bottom{position:static}.montage-foot .primary{min-height:48px}.archive-montage .copy:after{display:none}@media(max-height:700px){.archive-montage{padding:64px 22px 16px;gap:12px}.archive.archive-montage .copy{font-size:21px}.archive-montage .kicker{margin-bottom:5px}.headline-wall{gap:7px}.headline-strip{padding:5px 7px 6px}.headline-strip small{font-size:9px;margin-bottom:3px}.montage-foot p{margin-bottom:6px;font-size:10px}}

.editor-tools[hidden]{display:none!important}#stage:has(.post-letter),#stage:has(.post-reading),#stage:has(.post-verdict){height:100svh;min-height:0}.post-copy{position:absolute;left:8%;right:8%;top:29%;text-align:center}.post-copy h1{font-size:clamp(23px,5.8vw,29px);font-weight:500;line-height:1.9;margin:0;color:#f3e9d3}.post-copy p{font-size:17px;line-height:2;color:#c6b79c;margin-top:30px}.post-reading .shade,.post-verdict .shade{background:linear-gradient(#08070699,#080706a6 40%,#080706e6)}.reading-seal{position:absolute;top:16%;left:calc(50% - 22px);border:1px solid #ac7055;color:#c58f75;padding:7px 12px;line-height:1.3;font-size:20px}.post-reading .post-copy{top:40%}.post-copy .post-note{font:12px/1.7 system-ui,sans-serif;color:#9c8f79}.reading-dots{display:flex;justify-content:center;gap:10px;margin:28px}.reading-dots i{width:4px;height:4px;background:#d4b785;border-radius:50%;animation:inkPulse 1.4s infinite}.reading-dots i:nth-child(2){animation-delay:.2s}.reading-dots i:nth-child(3){animation-delay:.4s}@keyframes inkPulse{50%{opacity:.2;transform:translateY(-3px)}}.post-letter{background:#e9dfcb;color:#352d21}.letter-scroll{height:100%;overflow-y:auto;padding:90px 30px 150px;overscroll-behavior:contain;background:repeating-linear-gradient(0deg,transparent 0 3px,#5c462404 4px)}.letter-scroll header{position:relative;border-bottom:1px solid #b7a481;padding-bottom:32px}.letter-scroll .kicker{color:#86734f;font-size:12px}.letter-address{font-size:15px;color:#766346}.letter-scroll h1{font-size:32px;line-height:1.6;font-weight:500}.letter-stamp{position:absolute;right:0;bottom:37px;border:2px solid #915344;color:#915344;padding:5px;font-size:18px;writing-mode:vertical-rl;transform:rotate(-6deg)}.letter-scroll article>p{font-size:17px;line-height:2.2;margin:34px 0}.letter-scroll .letter-emphasis{font-size:23px;font-weight:600;line-height:1.9}.record-preview{margin:36px 0;border-block:1px solid #bcaa89;padding:25px 0}.record-preview small{font-size:12px;letter-spacing:.1em;color:#88724d}.record-preview h2{font-size:24px;line-height:1.6;font-weight:500}.record-preview p{font-size:15px;line-height:1.9;color:#77684f}.sealed-record{padding:21px 10px;background:#5c46240b;color:#968367;text-align:center;font-size:13px;letter-spacing:.05em}.letter-scroll .preview-notice{font:12px/1.8 system-ui,sans-serif;color:#82765f}.letter-cta{position:absolute;bottom:0;left:0;right:0;padding:16px 24px max(20px,env(safe-area-inset-bottom));background:#18130ff5;border-top:1px solid #b59b6650;text-align:center;color:#bba783}.letter-cta span{font-size:12px;letter-spacing:.1em}.letter-cta .primary{margin-top:10px;opacity:.65;cursor:default}.post-letter~*{color:#584b38}#stage:has(.post-letter) .topbar{background:#e9dfcbf2;left:0;right:0;top:0;padding:12px 22px}#stage:has(.post-letter) .topbar button{color:#67583e}@media(max-height:650px){.post-copy{top:23%}.post-copy h1{font-size:23px}.post-copy p{margin-top:16px}}