:root{--ink: #1c1714;--ink2: #2a221d;--paper: #f3ead8;--paper2: #e6d9bf;--muted: #b9ab93;--gold: #d9b45a;--bok: #7fb08a;--beol: #b0703f;--serif: "Gowun Batang", "Nanum Myeongjo", "AppleMyungjo", serif;--app-h: 100dvh;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--serif);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.app{max-width:480px;margin:0 auto;min-height:var(--app-h);position:relative;overflow-x:hidden}.burger{position:absolute;z-index:30;top:max(6px,env(safe-area-inset-top));right:6px;width:44px;height:44px;border:0;background:none;filter:drop-shadow(0 1px 3px #000);display:grid;place-content:center;gap:4px}.burger i{display:block;width:20px;height:2px;background:var(--paper)}.front,.stage,.ending{position:relative;height:var(--app-h);overflow:hidden}:root{--hanji: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .35' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .31 0 0 0 0 .16 0 0 0 .55 -.16'/%3E%3C/filter%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.3 .02' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 .98 0 0 0 0 .95 0 0 0 0 .85 0 0 0 .7 -.24'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23f)'/%3E%3Crect width='260' height='260' filter='url(%23g)'/%3E%3C/svg%3E");--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='11'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:var(--grain) 0 0 / 180px 180px;mix-blend-mode:overlay;opacity:.2}.bg{position:absolute;top:0;right:0;bottom:0;left:0;background:center 25% / cover no-repeat;animation:fadein .5s ease-out}.gallery{position:absolute;top:0;right:0;bottom:0;left:0;padding:72px 16px 28px;display:flex;flex-direction:column;background:linear-gradient(#140f0c59,#140f0cd9)}.gallery-head{margin:auto 0 14px;letter-spacing:.1em;text-align:center;font-size:19px;text-shadow:0 1px 8px #000}.gallery h1{margin:0;text-align:center;font-size:40px;letter-spacing:.1em;color:var(--gold);text-shadow:0 2px 12px #000}.pick-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pick-card{position:relative;height:min(420px,52vh);padding:0;border:2px solid rgba(217,180,90,.4);border-radius:14px;overflow:hidden;background:var(--ink2);transition:transform .12s,border-color .15s}.pick-card:active{transform:scale(.97)}.pick-card.on{border-color:var(--gold);box-shadow:0 0 18px #d9b45a99}.pick-card.on:after{content:"✓";position:absolute;top:8px;right:8px;width:30px;height:30px;line-height:30px;border-radius:50%;background:var(--gold);color:#2a1f17;font-weight:700}.pick-card img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}.pick-card span{position:absolute;left:0;right:0;bottom:0;padding:26px 0 12px;font-size:20px;font-weight:700;background:linear-gradient(transparent,#140f0ce6)}.stage{cursor:pointer;-webkit-user-select:none;user-select:none}.scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bg.move{animation:fadein .35s ease-out,var(--kb) 9s ease-out forwards}.bg.still{animation:none}.bg.m0{--kb: kb-in}.bg.m1{--kb: kb-left}.bg.m2{--kb: kb-out}.bg.m3{--kb: kb-right}@keyframes kb-in{0%{transform:scale(1.02)}to{transform:scale(1.12)}}@keyframes kb-out{0%{transform:scale(1.13)}to{transform:scale(1.03)}}@keyframes kb-left{0%{transform:scale(1.12) translate(3%)}to{transform:scale(1.12) translate(-3%)}}@keyframes kb-right{0%{transform:scale(1.12) translate(-3%)}to{transform:scale(1.12) translate(3%)}}.hit-shake{animation:shake .42s ease-out}@keyframes shake{20%{transform:translate(-7px,3px)}40%{transform:translate(6px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}}.hit-flash:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;animation:flash .4s ease-out;pointer-events:none}@keyframes flash{0%{opacity:.8}to{opacity:0}}.snow,.lamp{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.snow{background-image:radial-gradient(1.6px 1.6px at 12% 18%,#fff,transparent),radial-gradient(1.2px 1.2px at 34% 62%,#fff,transparent),radial-gradient(2px 2px at 58% 30%,#fff,transparent),radial-gradient(1.4px 1.4px at 76% 74%,#fff,transparent),radial-gradient(1.8px 1.8px at 90% 12%,#fff,transparent);background-size:180px 220px;opacity:.75;animation:snow 7s linear infinite}@keyframes snow{to{background-position:-60px 220px}}.lamp{background:radial-gradient(ellipse 70% 45% at 72% 62%,rgba(255,190,90,.2),transparent 70%);animation:lamp 2.6s ease-in-out infinite}@keyframes lamp{30%{opacity:.65}55%{opacity:.95}75%{opacity:.7}}.band{position:absolute;left:0;right:0;bottom:0;min-height:34%;padding:70px 22px max(30px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(#08060500,#080605c7 38%,#080605f0);color:#f3ead8;-webkit-user-select:none;user-select:none}.band .text{margin:0;font-size:19px;line-height:1.65;word-break:keep-all;text-shadow:0 1px 3px #000}.band .rest{visibility:hidden}.band .q{color:#cdbf9f}.band.think .text{color:#c9d8e6}.band.narr .text{color:#ddd2bc}.band .name{margin:10px auto 0;display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.2em;color:#cdbf9f}.band .name:before,.band .name:after{content:"";width:56px;height:1px;background:linear-gradient(90deg,transparent,rgba(205,191,159,.7),transparent)}.band .more{display:inline-block;margin-left:8px;border:5px solid transparent;border-top-color:#cdbf9f;vertical-align:middle;animation:bob 1s ease-in-out infinite}.word{padding:0;border:0;background:none;font:inherit;color:#ff7a66;text-decoration:underline dotted rgba(255,122,102,.6);text-underline-offset:4px}.gloss{margin:0 0 14px;padding:8px 12px;border-left:2px solid #c9503f;background:#080605bf;font-size:14px;line-height:1.5;color:#e9dfc9;animation:fadein .2s}.gloss b{color:#ff7a66;margin-right:4px}.band.note .text{font-family:Nanum Brush Script,Gowun Batang,serif;font-size:27px;line-height:1.3;color:#e8c9a0;transform:rotate(-1.5deg);transform-origin:left}.note-mark{display:inline-block;margin-right:8px;padding:0 4px;border:1px solid #c9503f;color:#ff7a66;font-family:Gowun Batang,serif;font-size:13px;vertical-align:middle;transform:rotate(1.5deg)}.band.book{top:0;justify-content:center;background:none;text-align:center}.band.book .text{font-size:22px;color:#efe5cd;letter-spacing:.04em;animation:voidin 1.2s ease-out}.bg.black{background:#070504;display:flex;align-items:center;justify-content:center}.ledger.big{opacity:.55;animation:none}.ledger.big i{transform-origin:left;animation:stroke .5s ease-out both}@keyframes stroke{0%{transform:scaleX(0)}}.glow{position:absolute;z-index:3;width:64px;height:64px;margin:-32px 0 0 -32px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle,#ffd27a 0,#ffd27a 5px,#ffbe5a8c 9px,#ffbe5a00 30px);animation:lamp 1.1s ease-in-out infinite}.stage.voiding .scene{filter:brightness(.08) blur(4px);transition:filter .5s ease-in}.band.void{top:0;justify-content:center;background:none;text-align:center}.band.void .text{font-size:27px;letter-spacing:.04em;animation:voidin .9s ease-out}@keyframes voidin{0%{opacity:0;letter-spacing:.4em}}.place{position:absolute;z-index:4;top:max(14px,env(safe-area-inset-top));left:12px;margin:0;padding:5px 10px;background:#0806058c;border-left:2px solid #a33a2c;font-size:12px;letter-spacing:.08em;color:#e9dfc9}.skipping{position:absolute;z-index:4;top:max(18px,env(safe-area-inset-top));right:60px;margin:0;font-size:11px;letter-spacing:.2em;color:#cdbf9f;animation:lamp 1.2s infinite}.marks{position:absolute;z-index:3;right:14px;top:30%;display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.wrist{position:relative;width:58px;height:58px;overflow:hidden;border:1px solid rgba(233,222,200,.5);border-radius:50%;background:url(/art/c2-hands.webp) 50% 62% / 190% no-repeat;box-shadow:0 1px 6px #000}.wrist .links{position:absolute;left:-2px;right:-2px;top:58%;transform:scale(.62)}.links{display:flex;justify-content:center}.links i{flex:none;width:24px;height:14px;margin-right:-5px;border:3px solid #bdb6a8;border-radius:7px;box-shadow:0 1px 3px #000}.links i:nth-child(2n){height:6px;margin-top:4px}.shackle{position:absolute;z-index:2;left:0;right:0;top:57%;overflow:hidden;pointer-events:none;transform:rotate(-3deg);animation:shackle .35s ease-out}@keyframes shackle{0%{transform:translateY(-40px) rotate(-3deg);opacity:0}}.beside{position:absolute;z-index:3;right:12px;bottom:27%;width:92px;height:118px;overflow:hidden;border:1px solid rgba(214,178,110,.7);border-radius:4px;box-shadow:0 3px 14px #000000bf;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s;pointer-events:none}.beside.on{opacity:1;transform:none}.beside img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;transform:scale(2.1);transform-origin:48% 26%}.whisper{position:absolute;left:30%;bottom:34%;margin:0;z-index:3;font-family:Nanum Brush Script,Gowun Batang,serif;font-size:30px;color:#f2e6cc;text-shadow:0 1px 6px #000;animation:whisper 1.6s ease-in both}@keyframes whisper{0%{transform:translate(0) scale(1.1);opacity:0}20%{opacity:1}to{transform:translate(70px,-190px) scale(.45);opacity:0}}@media(prefers-reduced-motion:reduce){.whisper,.shackle{animation:none}}.ribbon{width:14px;height:44px;background:#a33a2c;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);box-shadow:0 1px 3px #000}.page-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:0 14px max(26px,env(safe-area-inset-bottom));background:linear-gradient(#08060500,#080605b3)}.page{position:relative;width:100%;padding:28px 26px 24px;color:#2a1f17;background:repeating-linear-gradient(90deg,transparent 0 37px,rgba(122,52,34,.3) 37px 38px),var(--hanji),#e6dcc3;background-position:8px 0,0 0,0 0;background-size:auto,260px 260px,auto;outline:1.5px solid rgba(122,52,34,.55);outline-offset:-8px;box-shadow:inset 0 0 0 10px #e6dcc3,inset 0 0 0 11px #7a342238,inset 0 0 26px #785a324d,0 10px 30px #000000b3;transform:rotate(-1deg)}.page.rise{animation:rise .6s ease-out}@keyframes rise{0%{transform:translateY(80px) rotate(-4deg);opacity:0}}.page-line{position:relative;display:block;width:100%;padding:0;border:0;background:none;text-align:left;font-size:20px;line-height:1.6;color:#2a1f1799;word-break:keep-all}.page-line.inked{color:#120c08;text-shadow:0 0 1px rgba(0,0,0,.6);transition:color .8s,text-shadow .8s}.page-line{text-decoration:line-through transparent 3px;transition:text-decoration-color .45s ease-in}.page-line.struck{text-decoration-color:#b0301f}.page-margin{display:block;margin:18px 0 0 auto;max-width:88%;padding:6px 0 0;border:0;background:none;text-align:right;font-size:17px;line-height:1.5;font-style:italic;color:#b0301f99;word-break:keep-all}.page-margin.written{color:#a3261a;font-style:normal;font-weight:700;transition:color .5s .4s}.desk{position:absolute;left:0;right:0;bottom:0;height:62%;padding:0 16px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:flex-end;gap:12px;background:linear-gradient(#1e140c00,#1e140cd9 30%,#2a1c11)}.slip{align-self:center;width:86%;padding:14px 16px;border:0;background:#efe5cd;color:#2a1f17;font-size:17px;text-align:left;box-shadow:0 4px 10px #0009;transition:transform .5s,opacity .5s}.slip.s0{transform:rotate(-2deg) translate(-8px)}.slip.s1{transform:rotate(1.5deg) translate(10px)}.slip.s2{transform:rotate(-.5deg)}.slip.lifted{transform:translateY(-40px) scale(1.06) rotate(0);box-shadow:0 18px 30px #000000b3}.slip.left{opacity:.25}.proof-stack{position:relative;align-self:flex-end;width:70px;height:56px;padding:0;border:0;background:none}.proof-stack i{position:absolute;top:4px;right:8px;bottom:4px;left:8px;background:#d9cba8;border:1px solid #8e2f24;box-shadow:0 2px 5px #0009}.beat-more{position:absolute;right:20px;bottom:28px;border:8px solid transparent;border-top-color:#cdbf9f;animation:bob 1s ease-in-out infinite}.title{position:relative;height:var(--app-h);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px}.title-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 45%,#08060559,#080605e6)}.ledger{position:relative;width:210px;height:280px;padding:26px 22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,#070504 6%,#241a14 8%,#16100c);border-radius:3px 8px 8px 3px;box-shadow:0 0 60px #ffbe6e40,0 20px 50px #000000d9,inset 0 0 0 1px #cdbf9f59,inset 10px 0 #00000080;transform:rotate(-3deg);animation:rise 1s ease-out}.ledger i{display:block;height:3px;background:#a3261a;border-radius:2px;transform:rotate(-1deg);opacity:.85}.ledger i:nth-child(2n){width:82%;margin-left:auto;transform:rotate(1.2deg)}.title-name{position:relative;margin:0;font-size:40px;letter-spacing:.2em;color:#efe5cd;text-shadow:0 2px 14px #000}.title-start{position:relative;padding:10px 40px;border:0;border-top:1px solid rgba(205,191,159,.5);border-bottom:1px solid rgba(205,191,159,.5);background:none;color:#efe5cd;font-size:18px;letter-spacing:.5em;text-indent:.5em;animation:lamp 2.4s ease-in-out infinite}.chapter-end{position:relative;height:var(--app-h);overflow:hidden;cursor:pointer}.chapter-end .shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a080673}.closed-book{position:absolute;left:50%;bottom:22%;width:180px;height:250px;margin-left:-90px;border-radius:4px 10px 10px 4px;background:linear-gradient(90deg,#15100c 8%,#2a1f17 10%,#1f1711);box-shadow:0 12px 30px #000000b3;transform-origin:left center;animation:bookshut 1.3s ease-in-out both}.closed-book:after{content:"";position:absolute;top:12px;right:14px;bottom:12px;left:22px;border:1px solid rgba(217,180,90,.5)}@keyframes bookshut{0%{transform:perspective(700px) rotateY(-120deg);opacity:.2}}.drop-card{position:absolute;bottom:12%;left:50%;width:66px;height:92px;margin-left:-33px;border-radius:6px;background:var(--paper);border:1px solid var(--gold);box-shadow:0 6px 14px #0009;animation:carddrop .7s ease-in both}.drop-card.c0{--r: -14deg;--x: -74px;animation-delay:1.2s}.drop-card.c1{--r: 3deg;--x: 0px;animation-delay:1.5s}.drop-card.c2{--r: 15deg;--x: 74px;animation-delay:1.8s}.drop-card{transform:translate(var(--x)) rotate(var(--r))}@keyframes carddrop{0%{opacity:0;transform:translate(var(--x),-220px) rotate(0)}}.sheet.tall{max-height:calc(var(--app-h) - 80px)}.sheet-h{margin:6px 4px;font-size:18px}.log-list{flex:1;overflow-y:auto;min-height:120px;display:flex;flex-direction:column;gap:10px;padding:4px}.log-line,.proof{margin:0;display:flex;flex-direction:column;font-size:16px;line-height:1.5}.log-line b,.proof b{font-size:13px;color:#8a5a20}.log-line.think span{font-style:italic}.proof img{width:100%;max-height:200px;object-fit:cover;border-radius:8px}.empty{color:#7a6a52}.shelf{display:flex;gap:6px;align-items:flex-end;padding:10px 6px 6px;border-bottom:6px solid #5a4a36;overflow-x:auto}.spine{flex:0 0 44px;height:230px;padding:10px 0;border-radius:3px 3px 0 0;background:#cdbfa4;color:var(--paper);writing-mode:vertical-rl;display:flex;align-items:center;font-size:15px;letter-spacing:.05em}.spine.seen{box-shadow:inset 3px 0 #ffffff2e}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;display:flex;align-items:flex-start;justify-content:center}.sheet{margin-top:58px;width:min(440px,calc(100% - 24px));padding:10px;border-radius:14px;background:var(--paper);color:#2a1f17;display:flex;flex-direction:column;gap:6px;animation:pop .2s ease-out}.sheet-item{min-height:50px;border-radius:10px;border:0;background:#2a1f17;color:var(--paper);font-size:17px}.sheet-item.ghost{background:transparent;color:#2a1f17;border:1px solid #b9ab93}.sheet-q{margin:6px 4px;font-size:15px}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.loading-title{margin:0;font-size:30px;color:var(--gold);letter-spacing:.1em}.loading-bar{width:180px;height:4px;background:#ffffff1f;border-radius:2px;overflow:hidden}.loading-bar i{display:block;height:100%;background:var(--gold);transition:width .2s}.loading-n{margin:0;font-size:13px;color:var(--muted)}.fade-up{animation:fadeup .35s ease-out}@keyframes fadein{0%{opacity:0}}@keyframes bob{50%{transform:translateY(3px)}}@keyframes fadeup{0%{opacity:0;transform:translateY(10px)}}@keyframes pop{0%{transform:scale(.9);opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}