html.reduced-motion *,html.reduced-motion :before,html.reduced-motion :after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}html.reduced-motion *{box-shadow:none!important}html,body,#root{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}img{-webkit-user-drag:none;user-drag:none}body{touch-action:manipulation}.hud{pointer-events:none;transition:opacity .5s}.hud.hidden{opacity:0;pointer-events:none}.hud.hidden .hud-lang,.hud.hidden .hud-fullscreen-btn,.hud.hidden .leave-book-btn,.hud.hidden .hud-corner-icon,.hud.hidden .hud-book-title{pointer-events:none}.hud-lang{pointer-events:auto;align-items:center;gap:8px;display:flex;position:fixed;top:28px;left:32px}.hud-lang-btn{letter-spacing:.12em;text-transform:uppercase;color:#f4efe366;cursor:pointer;text-shadow:0 1px 8px #000000b3;background:0 0;border:none;margin:-8px -4px;padding:8px 4px;font-family:Lora,Noto Serif KR,Georgia,serif;font-size:.98rem;line-height:1.5;transition:color .2s}.hud-lang-btn:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #f4efe3b3}.hud-lang-btn:hover{color:#f4efe3d9}.hud-lang-btn.active{color:#f4efe3eb}.hud-lang-sep{color:#f4efe32e;pointer-events:none;font-family:Lora,Georgia,serif;font-size:.8rem;line-height:1}.hud-fullscreen-btn{pointer-events:auto;color:#f4efe366;cursor:pointer;text-shadow:0 1px 8px #000000b3;background:0 0;border:none;justify-content:center;align-items:center;margin:-8px;padding:8px;transition:color .2s;display:flex;position:fixed;top:28px;right:32px}.hud-fullscreen-btn:hover{color:#f4efe3d9}.hud-fullscreen-btn:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #f4efe3b3}.hud-bottom{pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:0 32px;display:flex;position:fixed;top:calc(100vh - 96px);left:0;right:0}.hud-book-title{pointer-events:auto;max-width:320px;margin-right:auto;padding-top:12px;animation:.35s both hudTitleIn}@keyframes hudTitleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hud-title{color:#f4efe3e0;text-shadow:0 1px 10px #000000d9;letter-spacing:.02em;margin:0;font-family:IM Fell English,Noto Serif KR,Georgia,serif;font-size:clamp(1.5rem,2vw,2.25rem);font-style:italic;line-height:1.2}.leave-book-btn{z-index:5;pointer-events:auto;color:#f4efe3f2;letter-spacing:.04em;text-align:center;cursor:pointer;touch-action:manipulation;text-shadow:0 2px 12px #000000e6,0 0 6px #000000b3;background:0 0;border:none;width:max-content;max-width:90vw;padding:12px 20px;font-family:IM Fell English,Noto Serif KR,Georgia,serif;font-size:clamp(2.25rem,5vw,5rem);font-style:italic;line-height:1.2;transition:opacity .3s;animation:4s ease-in-out infinite attractPulse;position:fixed;top:25vh;left:50%;transform:translate(-50%,-50%)}.leave-book-btn.fading{opacity:0}.leave-book-label{transition:opacity .35s ease-in-out,transform .35s ease-in-out;display:inline-block}.leave-book-btn .leave-book-label.fading{opacity:0;transform:translateY(8px)}.leave-book-arrow{display:none}.leave-book-measure{visibility:hidden;white-space:nowrap;pointer-events:none;letter-spacing:.02em;font-family:IM Fell English,Noto Serif KR,Georgia,serif;font-size:clamp(1.5rem,2vw,2.25rem);font-style:italic;position:fixed;top:-9999px;left:-9999px}.leave-book-measure-arrow{margin-left:10px;display:inline-block}@keyframes attractPulse{0%,to{text-shadow:0 2px 12px #000000e6,0 0 6px #000000b3,0 0 18px #f4efe314}50%{text-shadow:0 2px 16px #000000f2,0 0 10px #000c,0 0 44px #f4efe347}}.leave-book-btn:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #f4efe3b3}.leave-book-btn:hover{color:#f4efe3}.hud-corner-icon{z-index:5;pointer-events:auto;color:#f4efe3e0;cursor:pointer;touch-action:manipulation;text-shadow:0 2px 12px #000000e6;background:0 0;border:1px solid #f4efe359;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:color .25s,border-color .25s,transform .12s;display:flex;position:fixed;bottom:28px;right:28px}.hud-corner-icon:hover{color:#f4efe3;border-color:#f4efe399}.hud-corner-icon:active{transform:scale(.94)}.hud-corner-icon:focus-visible{outline-offset:3px;border-radius:50%;outline:2px solid #f4efe3b3}.hud.is-mobile .hud-book-title{display:none}@media (orientation:landscape) and (height>=561px){.leave-book-btn:not(.idle){letter-spacing:.02em;text-align:right;white-space:nowrap;width:auto;max-width:none;padding:12px 0 0;font-size:clamp(1.5rem,2vw,2.25rem);animation:none;position:static;top:auto;left:auto;transform:none}.leave-book-btn:not(.idle) .leave-book-arrow{opacity:.55;margin-left:10px;font-style:normal;transition:transform .2s,opacity .2s;display:inline-block}.leave-book-btn:not(.idle):hover .leave-book-arrow{opacity:1;transform:translate(4px)}.hud-corner-icon{display:none}}@supports (top:env(safe-area-inset-top)){.hud-lang{top:calc(28px + env(safe-area-inset-top));left:calc(32px + env(safe-area-inset-left))}.hud-fullscreen-btn{top:calc(28px + env(safe-area-inset-top));right:calc(32px + env(safe-area-inset-right))}.hud-corner-icon{right:calc(28px + env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom))}}@media (width<=480px){.hud-lang{gap:6px;top:16px;left:20px}.hud-lang-btn{font-size:.85rem}.hud-bottom{padding:0 20px;top:calc(100vh - 84px)}.hud-book-title{max-width:calc(100vw - 160px)}.hud-title{font-size:1.05rem}.hud-fullscreen-btn{top:16px;right:20px}.leave-book-btn{font-size:clamp(1.6rem,6.5vw,3rem)}}@media (orientation:portrait){.leave-book-btn{max-width:96vw;font-size:clamp(1rem,4.8vw,3rem)}}@media (orientation:landscape) and (height<=560px){.leave-book-btn{letter-spacing:.03em;max-width:88vw;font-size:clamp(1.5rem,5.5vh,2.75rem)}.hud-book-title{display:none}}.cover-sidebar{opacity:0;visibility:hidden;pointer-events:none;flex:1;height:100%;transition:opacity .6s,visibility .6s;position:relative}.cover-sidebar.visible{opacity:1;visibility:visible;pointer-events:auto}.cover-stage{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cover-frame{aspect-ratio:2/3;background:var(--cream-mid);border:1px solid var(--border);pointer-events:auto;width:min(280px,32vw);animation:.6s cubic-bezier(.16,1,.3,1) both coverRise;position:relative;overflow:hidden;box-shadow:4px 6px 22px #0006,inset 0 0 0 1px #ffffff59}@keyframes coverRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cover-frame img{object-fit:cover;width:100%;height:100%;animation:.4s both coverFadeIn;display:block}@keyframes coverFadeIn{0%{opacity:0}to{opacity:1}}.cover-frame--find{transition:box-shadow .25s;box-shadow:0 0 26px 3px #a8483080,4px 6px 22px #0006,inset 0 0 0 1px #ffffff59}.cover-frame--find:hover{box-shadow:0 0 40px 8px #a84830b3,4px 6px 22px #0006,inset 0 0 0 1px #ffffff59}.cover-find-btn{cursor:pointer;color:var(--accent);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:color .25s;display:flex;position:absolute;inset:0}.cover-find-btn:hover{color:var(--accent-warm)}.cover-find-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.cover-find-btn svg{opacity:.35;width:46px;height:46px;color:inherit}.cover-find-label{font-family:var(--ff-body);letter-spacing:.2em;text-transform:uppercase;color:inherit;font-size:.8125rem;transition:color .25s}.cover-arrow{color:#fffc;cursor:pointer;z-index:2;background:#0006;border:none;padding:18px 8px;font-size:1.6rem;line-height:1;transition:background .2s,color .2s;position:absolute;top:50%;transform:translateY(-50%)}.cover-arrow:hover{color:#fff;background:#0009}.cover-arrow:focus-visible{outline-offset:-2px;outline:2px solid #fffc}.cover-arrow-prev{border-radius:0 4px 4px 0;left:0}.cover-arrow-next{border-radius:4px 0 0 4px;right:0}.cover-loader{background:var(--cream-mid);justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.cover-dot{background:var(--ink-light);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite dotPulse}.cover-dot:nth-child(2){animation-delay:.18s}.cover-dot:nth-child(3){animation-delay:.36s}@keyframes dotPulse{0%,80%,to{opacity:.2;transform:scale(.5)}40%{opacity:1;transform:scale(1)}}.prompt-sidebar-bubble{cursor:pointer;font-family:var(--ff-heading);color:#f4efe3d9;text-shadow:0 1px 8px #000000bf,0 0 4px #0009;text-align:center;-webkit-user-select:none;user-select:none;opacity:1;pointer-events:auto;z-index:5;width:min(180px,28%);animation:bob 3.5s ease-in-out var(--bob-delay,0s) infinite;padding:10px 16px;font-size:.9375rem;font-style:italic;line-height:1.55;position:absolute;transform:scale(1)}.prompt-sidebar-bubble.anim-out{pointer-events:none;animation:1.2s both bubbleOut}.prompt-sidebar-bubble.anim-in{animation:1.2s both bubbleIn}.prompt-sidebar-bubble:hover{color:#fff}.prompt-sidebar-bubble.sticky{color:#fff;text-shadow:0 1px 8px #000000d9,0 0 8px #f4efe340;animation-play-state:paused}@keyframes bubbleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes bubbleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes bob{0%,to{transform:scale(1)translateY(0)}50%{transform:scale(1)translateY(-5px)}}.cover-sidebar.is-ko .prompt-sidebar-bubble{font-family:Noto Serif KR,Georgia,serif}@media (width<=768px){.cover-sidebar{display:none}}@media (width>=1200px){.cover-frame{width:min(320px,28vw)}.cover-find-btn svg{width:54px;height:54px}.cover-find-label{font-size:.9375rem}.prompt-sidebar-bubble{width:min(210px,26%);padding:12px 18px;font-size:1.0625rem}}@media (width>=1600px){.cover-frame{width:min(360px,24vw)}.cover-find-btn svg{width:60px;height:60px}.cover-find-label{font-size:1rem}.prompt-sidebar-bubble{width:min(240px,24%);padding:14px 20px;font-size:1.125rem}}.panel-overlay{opacity:0;pointer-events:none;z-index:30;will-change:opacity;backface-visibility:hidden;background:0 0;justify-content:flex-end;align-items:stretch;transition:opacity .4s,background .4s;display:flex;position:fixed;inset:0}.panel-overlay.visible{opacity:1;pointer-events:auto;background:#0c0a07a6}.panel{background:var(--cream);will-change:transform;backface-visibility:hidden;flex-direction:column;width:min(480px,100vw);height:100dvh;transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden auto;transform:translate(36px);box-shadow:-1px 0 2px #0000000f,-6px 0 24px #0000002e,-20px 0 70px #0000004d}.panel:after{content:"";pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='250' height='250' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.panel-overlay.visible .panel{transform:translate(0)}.panel::-webkit-scrollbar{width:3px}.panel::-webkit-scrollbar-track{background:0 0}.panel::-webkit-scrollbar-thumb{background:var(--rule-strong)}.panel.is-ko .form-heading,.panel.is-ko .response-textarea,.panel.is-ko .field-input,.panel.is-ko .cancel-btn,.panel.is-ko .submit-btn,.panel.is-ko .next-btn,.panel.is-ko .back-btn,.panel.is-ko .response-label,.panel.is-ko .field-label{font-family:Noto Serif KR,Georgia,serif}@keyframes stepIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.form-step,.form-page{flex-direction:column;flex:1;min-height:0;animation:.45s cubic-bezier(.16,1,.3,1) both stepIn;display:flex}.form-header{flex-direction:column;gap:12px;padding:24px 36px 12px;display:flex}.form-meta-row{align-self:flex-end;align-items:center;gap:12px;display:flex}.form-heading{font-family:var(--ff-heading);color:var(--ink);font-size:clamp(1.25rem,2vw,1.5rem);font-style:italic;font-weight:400;line-height:1.35}.form-heading-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.form-heading-row.has-qr{container-type:inline-size}.form-heading-row.has-qr .form-heading{white-space:nowrap;font-size:clamp(.9rem,5cqi,1.75rem);line-height:1.2}.form-heading-row.has-qr .form-qr-img{width:clamp(48px,12cqi,84px);height:clamp(48px,12cqi,84px)}.form-heading-copy{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.form-qr{flex:none;align-items:center;display:flex}.form-qr-img{border-radius:4px;width:96px;height:96px;display:block}.form-qr-loading{font-family:var(--ff-body);color:var(--ink-light);font-size:.875rem;font-style:italic}@media (pointer:coarse) and (width<=600px){.qr-toggle,.form-qr{display:none}}.panel-overlay.is-portrait .qr-toggle,.panel-overlay.is-portrait .form-qr{display:none}.form-date{font-family:var(--ff-body);color:var(--ink-light);letter-spacing:.04em;font-size:.75rem;font-style:italic}.lang-pill{font-family:var(--ff-body);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px 9px;font-size:.6875rem;transition:color .2s}.lang-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lang-pill:hover{color:var(--accent-warm)}.form-meta-actions{align-items:center;gap:4px;display:flex}.qr-toggle{color:var(--ink-light);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:-4px;padding:6px;transition:color .2s;display:flex}.qr-toggle svg{width:17px;height:17px}.qr-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.qr-toggle:hover,.qr-toggle.active{color:var(--accent)}.cover-mobile{display:none}.fields-section{flex-direction:column;padding:18px 36px 0;display:flex}.field-group{margin-bottom:18px}.field-group:last-child{margin-bottom:0}.field-label{font-family:var(--ff-body);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:5px;font-size:.75rem;display:block}.field-input{border:none;border-bottom:1px solid var(--rule-strong);width:100%;font-family:var(--ff-heading);color:var(--ink);resize:none;overflow-wrap:anywhere;background:0 0;outline:none;padding:0;font-size:1rem;line-height:1.6;transition:border-color .25s;display:block;overflow:hidden}.field-input::placeholder{font-style:italic;font-family:var(--ff-body);color:var(--ink-light);opacity:.6;font-size:.9375rem}.field-input:focus{border-bottom-color:var(--accent)}.field-input:focus-visible{outline:none}.field-input.has-error{border-bottom-color:var(--accent-warm)}.field-err{font-family:var(--ff-body);color:var(--accent-warm);letter-spacing:.04em;margin-top:4px;font-size:.75rem;font-style:italic;animation:.2s both fadeRise}.response-section{flex-direction:column;flex:1;padding:22px 36px 0;display:flex}.response-label{font-family:var(--ff-body);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mid);margin-bottom:12px;font-size:.75rem;display:block}.response-textarea{resize:none;width:100%;height:auto;min-height:104px;font-family:var(--ff-body);color:var(--ink);background:0 0;background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 25px, var(--rule) 25px, var(--rule) 26px);background-attachment:local;border:none;border-bottom:1px solid #0000;outline:none;flex:1;padding:0;font-size:.9375rem;font-style:italic;line-height:26px;transition:border-color .25s;overflow-y:auto}.response-textarea:focus-visible{border-bottom-color:var(--accent);outline:none}.response-textarea::placeholder{font-family:var(--ff-body);color:var(--ink-light);opacity:.6;font-size:.9375rem;font-style:italic}.name-section{padding:22px 36px 0}.submit-err{font-family:var(--ff-body);color:var(--accent-warm);letter-spacing:.04em;padding:10px 36px 0;font-size:.75rem;font-style:italic}.form-actions{justify-content:space-between;align-items:center;margin-top:auto;padding:24px 36px 28px;display:flex}.cancel-btn{font-family:var(--ff-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-light);cursor:pointer;background:0 0;border:none;margin:-10px -4px;padding:10px 4px;font-size:.75rem;font-style:italic;transition:color .2s}.cancel-btn:hover{color:var(--ink-mid)}.cancel-btn:focus-visible{outline:2px solid var(--rule-strong);outline-offset:4px;border-radius:2px}.back-btn{font-family:var(--ff-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-light);cursor:pointer;background:0 0;border:none;margin:-10px -4px;padding:10px 4px;font-size:.75rem;font-style:italic;transition:color .2s}.back-btn:hover{color:var(--ink-mid)}.back-btn:focus-visible{outline:2px solid var(--rule-strong);outline-offset:4px;border-radius:2px}.next-btn{background:var(--accent);font-family:var(--ff-body);letter-spacing:.18em;text-transform:uppercase;color:var(--cream);cursor:pointer;border:none;padding:12px 28px;font-size:.75rem;font-style:italic;transition:background .2s,transform .12s}.next-btn:hover{background:var(--accent-warm)}.next-btn:active{transform:scale(.975)}.next-btn:focus-visible{outline:2px solid var(--accent-warm);outline-offset:3px}.submit-btn{background:var(--accent);font-family:var(--ff-body);letter-spacing:.18em;text-transform:uppercase;color:var(--cream);cursor:pointer;border:none;padding:12px 28px;font-size:.75rem;font-style:italic;transition:background .2s,transform .12s}.submit-btn:hover:not(:disabled){background:var(--accent-warm)}.submit-btn:active:not(:disabled){transform:scale(.975)}.submit-btn:disabled{opacity:.5;cursor:default}.submit-btn:focus-visible{outline:2px solid var(--accent-warm);outline-offset:3px}@media (width>=1200px){.panel{width:min(560px,44vw)}.form-header{gap:14px;padding:28px 44px 14px}.cover-mobile,.fields-section{padding:22px 44px 0}.response-section,.name-section{padding:26px 44px 0}.form-actions{padding:28px 44px 32px}.submit-err{padding:12px 44px 0}.form-heading{font-size:clamp(1.25rem,2vw,1.75rem)}.field-input{font-size:1.125rem}.field-input::placeholder,.response-textarea,.response-textarea::placeholder{font-size:1.0625rem}.form-date{font-size:.8125rem}.lang-pill{padding:5px 11px;font-size:.75rem}.field-label,.response-label,.cancel-btn{font-size:.8125rem}.submit-btn{padding:14px 32px;font-size:.8125rem}.field-err,.submit-err{font-size:.8125rem}}@media (width>=1600px){.panel{width:min(620px,40vw)}.form-header{gap:16px;padding:32px 52px 16px}.cover-mobile,.fields-section{padding:26px 52px 0}.response-section,.name-section{padding:30px 52px 0}.form-actions{padding:32px 52px 36px}.submit-err{padding:14px 52px 0}.form-heading{font-size:clamp(1.25rem,2vw,2rem)}.field-input{font-size:1.25rem}.field-input::placeholder,.response-textarea,.response-textarea::placeholder{font-size:1.125rem}.form-date{font-size:.875rem}.lang-pill{padding:6px 12px;font-size:.8125rem}.field-label,.response-label,.cancel-btn{font-size:.875rem}.submit-btn{padding:16px 36px;font-size:.875rem}.field-err,.submit-err{font-size:.875rem}}@media (width<=768px){.cover-mobile{justify-content:center;padding:18px 36px 0;display:flex}.cover-frame-mobile{width:min(190px,50vw);height:auto}}@media (width<=420px){.form-header{padding:20px 24px 12px}.cover-mobile,.fields-section{padding:16px 24px 0}.response-section,.name-section{padding:18px 24px 0}.form-actions{padding:22px 24px 26px}.submit-err{padding:10px 24px 0}.form-qr{gap:10px}.form-qr-img{width:72px;height:72px}.form-heading-row{gap:12px}.response-textarea,.response-textarea::placeholder{font-size:1rem}@supports (top:env(safe-area-inset-top)){.form-actions{padding-bottom:calc(26px + env(safe-area-inset-bottom))}.form-header{padding-top:calc(20px + env(safe-area-inset-top))}}}@media (width<=360px){.form-header{padding:16px 20px 12px}.cover-mobile,.fields-section{padding:14px 20px 0}.response-section,.name-section{padding:16px 20px 0}.form-actions{padding:20px 20px 22px}.submit-err{padding:8px 20px 0}.form-qr-img{width:64px;height:64px}.form-heading{font-size:1.0625rem}.field-input,.response-textarea{font-size:1rem}@supports (top:env(safe-area-inset-top)){.form-actions{padding-bottom:calc(22px + env(safe-area-inset-bottom))}.form-header{padding-top:calc(16px + env(safe-area-inset-top))}}}@media (orientation:landscape) and (height<=560px){.cover-sidebar{display:none}.panel{width:100vw}.form-step{grid-template:"header header""cover fields""cover response"minmax(min-content,1fr)"cover name""actions actions""err err"/minmax(0,285px) 1fr;align-content:safe center;gap:8px 22px;padding:20px 24px;display:grid}.form-header{flex-direction:row;grid-area:header;justify-content:space-between;align-items:center;gap:12px;padding:0}.form-heading-row{flex:1;order:0;min-width:0}.form-heading{font-size:clamp(1rem,2.6vw,1.25rem)}.form-meta-row{flex:none;order:1}.form-date,.form-qr,.qr-toggle{display:none}.cover-mobile{grid-area:cover;justify-content:center;align-items:stretch;padding:0;display:flex}.cover-frame-mobile{width:auto;height:100%}.fields-section{grid-area:fields;grid-template-columns:1fr 1fr;gap:14px;padding:0;display:grid}.field-group{margin-bottom:0}.response-section{flex:none;grid-area:response;padding:0}.response-label{margin-bottom:6px}.response-textarea{min-height:62px}.name-section{grid-area:name;padding:0}.submit-err{grid-area:err;padding:2px 0 0}.form-actions{grid-area:actions;margin-top:0;padding:8px 0 14px}.submit-btn,.next-btn,.back-btn{padding:10px 20px}}.brp-overlay{pointer-events:none;z-index:25;position:fixed;inset:0}.brp-overlay.visible{pointer-events:auto;touch-action:manipulation}.brp-content{opacity:0;pointer-events:none;flex-direction:column;gap:20px;width:min(38vw,520px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;right:6vw;transform:translateY(-50%)translate(18px)}.brp-overlay.visible .brp-content{opacity:1;transform:translateY(-50%)translate(0)}.brp-rule{background:#f4efe359;width:36px;height:1px}.brp-byline{flex-direction:column;gap:5px;display:flex}.brp-title{color:#f4efe3f2;text-shadow:0 1px 12px #000000e6,0 2px 32px #0009;letter-spacing:.02em;margin:0;font-family:IM Fell English,Georgia,serif;font-size:clamp(1.35rem,2.4vw,1.9rem);font-style:italic;font-weight:400;line-height:1.25}.brp-author{color:#f4efe3a6;text-shadow:0 1px 8px #000c;letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:Lora,Noto Serif KR,Georgia,serif;font-size:clamp(.875rem,1.1vw,.95rem);font-style:normal;font-weight:400}.brp-text{color:#f4efe3d9;text-shadow:0 1px 8px #000000f2,0 2px 24px #000000b3;white-space:pre-wrap;scrollbar-width:none;max-height:55vh;margin:0;font-family:Lora,Noto Serif KR,Georgia,serif;font-size:clamp(.95rem,1.5vw,1.2rem);font-style:normal;font-weight:400;line-height:1.85;overflow-y:auto}.brp-text::-webkit-scrollbar{display:none}.brp-image{object-fit:contain;object-position:top left;filter:drop-shadow(0 2px 20px #000c);opacity:0;width:100%;max-height:60vh;transition:opacity .25s;display:block}.brp-image.loaded{opacity:1}.brp-audio-wrap{pointer-events:auto}.brp-audio-btn{cursor:pointer;letter-spacing:.16em;text-transform:uppercase;color:#f4efe3a6;text-shadow:0 1px 6px #000c;background:0 0;border:none;align-items:center;gap:10px;margin:-8px 0;padding:8px 0;font-family:Lora,Georgia,serif;font-size:.875rem;transition:color .2s;display:flex}.brp-audio-btn:hover{color:#f4efe3f2}.brp-audio-btn:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #f4efe399}.brp-audio-icon{font-size:.9rem;font-style:normal;line-height:1;transition:transform .15s;display:inline-block}.brp-audio-btn:hover .brp-audio-icon{transform:scale(1.15)}.brp-audio-label{line-height:1}.brp-contributor{color:#f4efe38c;text-shadow:0 1px 6px #000c;letter-spacing:.06em;margin:0;font-family:Lora,Noto Serif KR,Georgia,serif;font-size:clamp(.875rem,1.1vw,.9rem);font-style:italic;font-weight:400}.brp-dismiss{pointer-events:auto;cursor:pointer;letter-spacing:.16em;text-transform:uppercase;color:#f4efe399;text-shadow:0 1px 6px #000c;background:0 0;border:none;align-self:flex-start;align-items:center;gap:8px;margin:-8px 0;padding:8px 0;font-family:Lora,Noto Serif KR,Georgia,serif;font-size:.875rem;transition:color .2s;display:flex}.brp-dismiss:hover{color:#f4efe3e6}.brp-dismiss:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid #f4efe399}.brp-dismiss-arrow{font-style:normal;transition:transform .2s;display:inline-block}.brp-dismiss:hover .brp-dismiss-arrow{transform:translate(-3px)}.brp-close{z-index:30;pointer-events:auto;color:#f4efe3d9;cursor:pointer;touch-action:manipulation;background:#0c0a0859;border:1px solid #f4efe34d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:color .2s,border-color .2s,transform .12s;display:none;position:fixed;top:20px;right:20px}.brp-close:hover{color:#f4efe3;border-color:#f4efe399}.brp-close:active{transform:scale(.94)}.brp-close:focus-visible{outline-offset:3px;border-radius:50%;outline:2px solid #f4efe3b3}@media (width<=900px){.brp-content{width:min(52vw,420px);right:4vw}}@media (width<=600px){.brp-content{gap:16px;width:auto;inset:auto 5vw 10vh;transform:translateY(10px)}.brp-overlay.visible .brp-content{transform:translateY(0)}.brp-title{font-size:clamp(1.25rem,5.5vw,1.6rem)}.brp-text{max-height:40vh;font-size:clamp(.9375rem,4vw,1.1rem)}.brp-author,.brp-audio-btn,.brp-dismiss,.brp-contributor{font-size:.875rem}}@media (width<=400px){.brp-content{bottom:8vh;left:4vw;right:4vw}.brp-title{font-size:clamp(1.1875rem,6vw,1.45rem)}}@media (orientation:portrait){.brp-content{-webkit-backdrop-filter:blur(6px);background:#0c0a088c;border-radius:14px;padding:22px 24px}}@media (orientation:landscape) and (height<=560px){.brp-close{display:flex}.brp-dismiss{display:none}.brp-content{scrollbar-width:none;gap:10px;width:min(46vw,380px);inset:14px 3vw 14px auto;overflow-y:auto;transform:none}.brp-content::-webkit-scrollbar{display:none}.brp-overlay.visible .brp-content{transform:none}.brp-title{font-size:clamp(1.05rem,3.4vh,1.3rem)}.brp-text{max-height:none;font-size:clamp(.85rem,2.6vh,1rem);line-height:1.55;overflow-y:visible}.brp-image{max-height:34vh}}.timeline-nav{pointer-events:none;z-index:10;transition:opacity .5s;position:fixed;inset:0}.timeline-nav.hidden{opacity:0;pointer-events:none}.timeline-arrow{pointer-events:auto;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:80px;height:140px;padding:0;transition:opacity .4s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.timeline-arrow-left{left:4px}.timeline-arrow-right{right:4px}.timeline-blob{-webkit-backdrop-filter:blur(12px);will-change:transform;background:#f4efe31a;border:1px solid #f4efe32e;transition:background .3s,border-color .3s,box-shadow .3s;position:absolute;inset:6px;box-shadow:inset 0 0 30px #f4efe30a,0 4px 24px #0000004d}.timeline-arrow-left .timeline-blob{transform-origin:0;border-radius:8px 60px 56px 8px;animation:3.2s ease-in-out infinite blob-breathe-left,6s ease-in-out infinite blob-morph-left}.timeline-arrow-right .timeline-blob{transform-origin:100%;border-radius:60px 8px 8px 56px;animation:3.2s ease-in-out infinite blob-breathe-right,6s ease-in-out infinite blob-morph-right}.timeline-arrow svg{z-index:1;color:#f4efe3d9;filter:drop-shadow(0 2px 8px #00000080);width:32px;height:32px;transition:color .3s,transform .3s;position:relative}.timeline-arrow-left svg{animation:3.2s ease-in-out infinite chevron-nudge-left}.timeline-arrow-right svg{animation:3.2s ease-in-out infinite chevron-nudge-right}.timeline-arrow:hover .timeline-blob{background:#f4efe329;border-color:#f4efe361;animation-play-state:paused;transform:scale(1.08);box-shadow:inset 0 0 50px #f4efe31a,0 6px 32px #0006}.timeline-arrow:hover svg{color:#fff;filter:drop-shadow(0 2px 12px #f4efe34d)}.timeline-arrow-left:hover .timeline-blob{transform-origin:0}.timeline-arrow-right:hover .timeline-blob{transform-origin:100%}.timeline-arrow:active .timeline-blob{background:#f4efe338;border-color:#f4efe373;transition-duration:80ms;transform:scale(.97)}.timeline-arrow:disabled{opacity:0;pointer-events:none}.timeline-arrow:focus-visible{outline:none}.timeline-arrow:focus-visible .timeline-blob{outline-offset:3px;outline:2px solid #f4efe399}.timeline-indicator{letter-spacing:.08em;color:#f4efe34d;text-shadow:0 1px 8px #00000080;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Lora,Noto Serif KR,Georgia,serif;font-size:.82rem;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}@keyframes blob-breathe-left{0%,to{border-color:#f4efe32e;transform:scale(1);box-shadow:inset 0 0 30px #f4efe30a,0 4px 24px #0000004d}50%{border-color:#f4efe342;transform:scale(1.05);box-shadow:inset 0 0 40px #f4efe31a,0 6px 32px #0006}}@keyframes blob-breathe-right{0%,to{border-color:#f4efe32e;transform:scale(1);box-shadow:inset 0 0 30px #f4efe30a,0 4px 24px #0000004d}50%{border-color:#f4efe342;transform:scale(1.05);box-shadow:inset 0 0 40px #f4efe31a,0 6px 32px #0006}}@keyframes blob-morph-left{0%,to{border-radius:8px 60px 56px 8px}25%{border-radius:12px 56px 64px 10px}50%{border-radius:6px 64px 52px 12px}75%{border-radius:14px 58px 60px 6px}}@keyframes blob-morph-right{0%,to{border-radius:60px 8px 8px 56px}25%{border-radius:56px 12px 10px 64px}50%{border-radius:64px 6px 12px 52px}75%{border-radius:58px 14px 6px 60px}}@keyframes chevron-nudge-left{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}@keyframes chevron-nudge-right{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.timeline-blob,.timeline-arrow svg{animation:none}}@media (width<=480px){.timeline-arrow{width:52px;height:96px}.timeline-arrow svg{width:22px;height:22px}.timeline-indicator{font-size:.7rem;bottom:48px}}.context-loss-overlay{z-index:9999;pointer-events:auto;cursor:pointer;background:#0c0a07eb;justify-content:center;align-items:center;animation:.4s clFadeIn;display:flex;position:fixed;inset:0}@keyframes clFadeIn{0%{opacity:0}to{opacity:1}}.context-loss-card{text-align:center;max-width:400px;padding:48px 40px}.context-loss-title{font-family:var(--ff-heading,"IM Fell English", Georgia, serif);color:var(--cream,#f4efe3);margin-bottom:16px;font-size:26px;font-weight:400}.context-loss-body{font-family:var(--ff-body,"Lora", Georgia, serif);color:var(--ink-light,#9a8a74);margin-bottom:40px;font-size:15px;line-height:1.6}.context-loss-action{font-family:var(--ff-heading,"IM Fell English", Georgia, serif);color:var(--accent-warm,#a84830);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--accent-warm,#a84830);padding:10px 28px;font-size:14px;transition:background .2s,color .2s;display:inline-block}.context-loss-overlay:hover .context-loss-action{background:var(--accent-warm,#a84830);color:var(--cream,#f4efe3)}
