@font-face{font-family:Song Myung;src:url(/fonts/songmyung.woff2)format("woff2");font-weight:400;font-display:block}@font-face{font-family:Gowun Batang;src:url(/fonts/gowunbatang-400.woff2)format("woff2");font-weight:400;font-display:block}@font-face{font-family:Gowun Batang;src:url(/fonts/gowunbatang-700.woff2)format("woff2");font-weight:700;font-display:block}:root{--night:#0e1730;--moon:#cfe2f2;--lamp:#f0c27b;--paper:#f1e6cc;--wood:#3a2618;--ink:#1b1a17;--cinnabar:#b8321f;--serif:"Gowun Batang", "Noto Serif KR", serif;--title:"Song Myung", "Gowun Batang", serif;--k:1;--noise:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--night);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--serif);color:var(--paper);-webkit-user-select:none;user-select:none;touch-action:manipulation}#app{justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.stage{width:390px;height:844px;transform:scale(var(--k));transform-origin:50%;background:var(--night);flex:none;position:relative;overflow:hidden}.screen{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}button{font-family:inherit}img{display:block}.abs{position:absolute}@keyframes lamp{0%{filter:brightness(var(--f0,0)) saturate(var(--s0,1));transform:scale(var(--z0,1))}to{filter:brightness(var(--f1,1)) saturate(1);transform:none}}.lamp{animation:lamp var(--lt,2.2s) cubic-bezier(.25, .6, .3, 1) var(--ld,.1s) both}@keyframes warm{0%{opacity:0}to{opacity:1}}@keyframes flicker{0%,to{opacity:1}23%{opacity:.92}41%{opacity:1}67%{opacity:.94}}@keyframes rise{0%{opacity:0;filter:blur(5px);transform:translateY(12px)}to{opacity:1;filter:none;transform:none}}.rise{animation:.9s cubic-bezier(.2,.7,.2,1) both rise}@keyframes slide{0%{clip-path:inset(0 50%)}to{clip-path:inset(-30px 0 0)}}@keyframes ink{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:none}}.inkin{animation:.9s ease-out both ink}.fade{animation:1.2s ease-out both warm}.ch{white-space:pre;animation:.55s ease-out both ink;display:inline-block}.w{white-space:nowrap;display:inline-block}@keyframes stamp{0%{opacity:0;transform:scale(1.9)rotate(-14deg)}60%{opacity:1;transform:scale(.93)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}.stamp{animation:.7s cubic-bezier(.3,1.2,.5,1) both stamp}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.ln{fill:none;stroke-linecap:round;stroke-linejoin:round}.ln.anim{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.3s cubic-bezier(.65,0,.35,1) both draw}@keyframes travel{0%{offset-distance:0%;opacity:0}8%{opacity:1}92%{opacity:1}to{offset-distance:100%;opacity:0}}.spark{offset-rotate:0deg;opacity:0;background:radial-gradient(circle,#fff 0 18%,#ffecc8bf 32%,#ffecc800 70%);border-radius:50%;animation:1.3s cubic-bezier(.65,0,.35,1) both travel;position:absolute;top:0;left:0}.btn:active{transform:translateY(1px)}.panel{background-color:var(--paper);color:var(--ink);border:3px solid var(--wood);box-shadow:inset 0 0 0 4px var(--paper), inset 0 0 0 5px #3a261866, 0 14px 34px #00000080;background-image:radial-gradient(at 8% 0,#f0c27b73,#f1e6cc00 60%);padding:22px 20px 16px;animation:.9s cubic-bezier(.65,0,.35,1) both slide;position:absolute;left:16px;right:16px}.panel.lg{padding:24px 22px 20px}.plaque{background:var(--wood);color:var(--paper);font-family:var(--title);letter-spacing:2px;padding:5px 14px 6px;font-size:15px;position:absolute;top:-17px;left:14px;box-shadow:0 2px 6px #0006,inset 0 0 0 1px #f1e6cc40}.say{word-break:keep-all;margin:0;font-size:16px;line-height:1.75}.panel.lg .say{font-size:17px;line-height:1.8}.btn{cursor:pointer;border:0;justify-content:center;align-items:center;width:100%;padding:0;font-weight:700;text-decoration:none;display:flex}.btn.paper{background:var(--paper);height:58px;color:var(--ink);box-shadow:inset 0 0 0 1px #3a26188c, inset 0 0 0 4px var(--paper), inset 0 0 0 5px #3a26184d, 0 10px 26px #0006;font-size:17px}.btn.ink{background:var(--ink);height:54px;color:var(--paper);box-shadow:inset 0 0 0 1px #f1e6cc40, inset 0 0 0 4px var(--ink), inset 0 0 0 5px #f1e6cc24;font-size:17px}.btn[disabled]{opacity:.55}.link{color:#e8dcc2;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e8dcc273;padding:0 0 2px;font-size:15px}.link.dark{color:#3a3832;border-bottom-color:#1b1a1759;font-size:14px}.note{color:#9aa6bc;text-align:center;margin:0;font-size:12px}.seal{background:var(--cinnabar);color:#f7efe3;font-family:var(--title);box-shadow:inset 0 0 0 2px var(--cinnabar), inset 0 0 0 3px #f7efe3b3;justify-content:center;align-items:center;line-height:1;display:flex}.paper-sheet{background:var(--paper);color:var(--ink);position:relative}.paper-sheet:before{content:"";background:var(--noise);mix-blend-mode:multiply;opacity:.45;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.moon{background:var(--night);border-radius:50%;position:absolute;overflow:hidden}.moon .layer{transform-origin:0 0;position:absolute;top:0;left:0}.moon .layer img,.moon .layer svg{width:100%;height:100%;position:absolute;top:0;left:0}.moon .layer svg{filter:drop-shadow(0 0 1.5px #061026e6)drop-shadow(0 0 4px #f0e0be8c)}.moon .layer img.photo{-webkit-user-select:none;user-select:none;pointer-events:none}.rim{box-shadow:0 0 0 9px var(--wood), 0 0 0 11px #5a3e2a, 0 10px 24px #0006}.back{z-index:20;height:40px;color:var(--paper);opacity:.85;cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:14px;position:absolute;top:14px;left:10px}.back.dark{color:var(--ink)}.veil{z-index:100;background:#080c1a9e;justify-content:center;align-items:center;animation:.25s ease-out both warm;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.dlg{background:var(--paper);width:322px;color:var(--ink);border:3px solid var(--wood);box-shadow:inset 0 0 0 4px var(--paper), inset 0 0 0 5px #3a261866, 0 20px 50px #0009;flex-direction:column;gap:14px;padding:26px 22px 18px;display:flex;position:relative}.dlg h2{font-family:var(--title);margin:0;font-size:21px;font-weight:400}.dlg p{color:#4a463d;margin:0;font-size:14.5px;line-height:1.65}.dlg .row{flex-direction:column;align-items:center;gap:12px;margin-top:4px;display:flex}.toast{z-index:90;background:var(--ink);color:var(--paper);text-align:center;padding:12px 16px;font-size:14px;line-height:1.5;animation:.5s both rise;position:absolute;bottom:90px;left:24px;right:24px;box-shadow:inset 0 0 0 1px #f1e6cc40,0 10px 26px #00000080}.home{background:var(--night)}.home .scene{object-fit:cover;object-position:70% 0%;--f0:0;--s0:.5;--z0:1.05;width:390px;height:844px;top:0;left:0}.home .glow{mix-blend-mode:screen;background:radial-gradient(circle,#f0c27b52,#f0c27b00 65%);border-radius:50%;width:420px;height:420px;animation:1.8s ease-out .5s both warm,3.7s ease-in-out 3s infinite flicker;position:absolute;top:420px;left:-120px}.home .shade{background:linear-gradient(90deg,#0e17308c 0%,#0e173000 32%),linear-gradient(#0e173000 52%,#0e1730d1 72%,#0e1730 88%);position:absolute;top:0;bottom:0;left:0;right:0}.home .brand{flex-direction:column;align-items:center;gap:12px;animation-delay:1s;display:flex;position:absolute;top:30px;left:20px}.home h1{writing-mode:vertical-rl;font-family:var(--title);letter-spacing:6px;color:#f7f0de;text-shadow:0 2px 16px #0e1730e6;margin:0;font-size:38px;font-weight:400;line-height:1}.home .brand .seal{width:30px;height:30px;font-size:13px;animation-delay:1.7s;transform:rotate(-5deg)}.home .tag{writing-mode:vertical-rl;letter-spacing:3px;color:#d9cdb2;text-shadow:0 1px 10px #0e1730e6;margin:0;font-size:13px;animation-delay:1.3s;position:absolute;top:40px;left:66px}.home .panel{animation-delay:1.3s;top:540px}.home .actions{flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:24px;left:16px;right:16px}.home .sub{gap:22px;display:flex}.home.web{overflow:hidden auto}.home .hero{flex:none;width:390px;height:844px;position:relative;overflow:hidden}.home .hfoot{background:var(--night);padding:8px 20px 36px}.wfoot.night{border-top:0;margin-top:0;padding-top:0}.wfoot dl{text-align:left;color:#6b665a;grid-template-columns:auto 1fr;gap:4px 12px;margin:12px 0 0;font-size:11px;line-height:1.55;display:grid}.wfoot dt{color:#8a8573;white-space:nowrap}.wfoot dd{word-break:keep-all;margin:0}.wfoot.night .flink{color:#c9bfa8;border-bottom-color:#c9bfa859}.wfoot.night dl{color:#9aa6bc}.wfoot.night dt{color:#6f7c94}.pricing{background:var(--night)}.pricing .hd{text-align:center;font-family:var(--title);color:#f7f0de;font-size:22px;position:absolute;top:18px;left:0;right:0}.pricing .doc{position:absolute;top:70px;bottom:20px;left:14px;right:14px;overflow-y:auto;box-shadow:0 14px 34px #00000080}.pricing .doc .in{flex-direction:column;gap:4px;padding:18px 22px 28px;display:flex;position:relative}.pricing h2{font-family:var(--title);margin:16px 0 4px;font-size:18px;font-weight:400}.pricing h2:first-child{margin-top:0}.pricing p,.pricing blockquote{color:#2a2823;word-break:keep-all;margin:4px 0;font-size:14px;line-height:1.7}.pricing blockquote{box-shadow:inset 3px 0 0 var(--wood);background:#ffffff59;padding:8px 12px;font-size:13.5px}.pricing blockquote i{color:#6b3a26;margin-top:4px;font-style:normal;display:block}.pricing .prow{border-bottom:1px solid #3a261838;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.pricing .prow b{font-size:15px;display:block}.pricing .prow small{color:#5a554a;word-break:keep-all;margin-top:2px;font-size:12.5px;line-height:1.55;display:block}.pricing .pp{font-family:var(--title);flex:none;font-size:18px}.pricing .sure{margin-top:10px}.pricing .notice{color:#6b3a26;margin:12px 0 4px;font-size:13px}.pricing .btn{height:52px;margin-top:12px}.capture{background:var(--night)}.capture .tabs{justify-content:center;gap:32px;font-size:16px;animation-delay:.1s;display:flex;position:absolute;top:22px;left:0;right:0}.capture .tabs button{color:#8e9bb0;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1.5px solid #0000;padding:4px 2px}.capture .tabs button.on{color:#f7f0de;border-bottom-color:var(--lamp);font-weight:700}.capture .frame{background:#2a1c12;width:336px;height:426px;animation:1.4s ease-out .2s both ink;position:absolute;top:74px;left:27px;box-shadow:0 18px 40px #0000008c}.capture .glass{background:radial-gradient(at 50% 40%,#16233f,#0b1220 70%);width:330px;height:420px;position:absolute;top:3px;left:3px;overflow:hidden}.capture .glass svg{position:absolute;top:-49px;left:0}.capture .bones{opacity:0;animation:1s ease-out 2.6s both bonesIn}@keyframes bonesIn{0%{opacity:0}to{opacity:.75}}@keyframes pop{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.capture .dot{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.3,1.3,.5,1) both pop}.capture .panel{padding:22px 20px 16px;animation-delay:2.6s;top:538px}.capture .tips{color:#3a3832;border-top:1px solid #3a261840;flex-direction:column;gap:5px;margin:10px 0 0;padding:10px 0 0;font-size:14px;list-style:none;display:flex}.capture .tips li{align-items:center;gap:10px;display:flex}.capture .tips path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.5s ease-out both draw;animation-delay:inherit}.capture .bad{color:#a3361f;font-weight:700}.capture .bar{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.capture .pick{cursor:pointer;background:0 0;border:1px solid #f1e6cc59;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.capture .shutter{background:var(--wood);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;padding:0;display:flex;position:relative;box-shadow:0 6px 18px #00000080,inset 0 0 0 2px #5a3e2a}.capture .shutter span{border:5px solid #c9a25e;border-radius:50%;width:44px;height:44px;box-shadow:0 0 0 1px #0006,inset 0 0 0 1px #ffecbe99}.capture .who{z-index:3;color:var(--moon);background:#0e1730b8;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex;position:absolute;top:74px;left:27px;right:27px}.capture .who input{color:#f7f0de;min-width:0;font:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-bottom:1px solid #f1e6cc73;outline:none;flex:1;padding:2px 0;font-size:15px}.capture .ask{text-align:center;color:#9aa6bc;margin:0;font-size:12.5px;position:absolute;bottom:100px;left:0;right:0}.drawing{color:var(--paper);background:#150e09}.drawing .room{--lt:1.8s;width:461px;height:691px;top:0;left:-35px}.drawing .floor{background:linear-gradient(#150e0900 0%,#150e09 40%);position:absolute;top:640px;bottom:0;left:0;right:0}.drawing .moon{width:290px;height:290px;top:49px;left:50px}.drawing .moon .photo{animation:1.6s ease-out 1.5s both develop}@keyframes develop{0%{opacity:0;filter:blur(10px)brightness(1.8)}to{opacity:1;filter:none}}.drawing .lines{opacity:0;animation:2.4s ease-out both settle}.drawing .lines.go{opacity:1}@keyframes settle{0%{filter:drop-shadow(0 0 #fff0)}40%{filter:drop-shadow(0 0 10px #f0e0bef2)}to{filter:drop-shadow(0 0 3px #f0e0be99)}}.cl{filter:blur(6px);opacity:0;background:radial-gradient(#d6e4f2f2,#d6e4f200 70%);border-radius:50%;position:absolute}@keyframes cloudL{0%{opacity:.95;transform:translate(0)}to{opacity:0;transform:translate(-120%)}}@keyframes cloudR{0%{opacity:.95;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.cl.a{animation:1.8s cubic-bezier(.5,0,.3,1) 1.4s both cloudL}.cl.b{animation:1.8s cubic-bezier(.5,0,.3,1) 1.55s both cloudR}.drawing .moon .vig{border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 26px #0a0e1e99}.drawing .labels{font-family:var(--title);color:#2a1c12;justify-content:space-between;font-size:17px;display:flex;position:absolute;top:392px;left:48px;right:48px}.drawing .labels span{opacity:0;align-items:center;gap:8px;display:flex}.drawing .labels span.go{animation:.8s ease-out both ink}.drawing .labels i{width:18px;height:3px;display:block}.drawing .panel{animation-delay:1.1s;top:580px}.drawing .bottom{flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:24px;left:16px;right:16px}.drawing .go-on{text-align:center;margin:0}.drawing .foot{text-align:center;color:#9c8c76;margin:0;font-size:12px}.drawing .wait{text-align:center;color:#c9bfa8;margin:0 0 22px;font-size:14px}.hid{display:none}.result{background:var(--night)}.result .room{width:369px;height:553px;animation:1.2s ease-out both warm;top:0;left:11px}.result .strip{height:553px;position:absolute;top:0}.result .moon{width:234px;height:234px;animation:1.2s ease-out both warm;top:38px;left:78px;box-shadow:inset 0 0 20px #0a0e1e99}.result .edit{z-index:20;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--wood);color:var(--ink);cursor:pointer;border:0;padding:6px 10px;font-size:13px;animation-delay:.8s;position:absolute;top:14px;left:10px}.result .panel{z-index:2;animation-duration:.8s;animation-delay:.5s;top:300px}.result .floor{background:#1d130c;position:absolute;top:553px;bottom:0;left:0;right:0}.letter{animation:1.2s cubic-bezier(.65,0,.35,1) 1s both unroll;position:absolute;top:392px;bottom:0;left:14px;right:14px;overflow:hidden;box-shadow:0 -4px 14px #00000059}@keyframes unroll{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.letter .in{flex-direction:column;height:100%;padding:20px 22px 16px;display:flex;position:relative}.lsec{border-bottom:1px solid #3a261838;grid-template-columns:26px 1fr;column-gap:12px;padding:9px 0;display:grid}.lsec:first-child{padding-top:0}.lsec:last-of-type{border-bottom:0}.lsec svg{margin-top:7px}.lsec h2{font-family:var(--title);margin:0;font-size:17px;font-weight:400;line-height:1.25}.lsec p{color:#3a3832;word-break:keep-all;margin:2px 0 0;font-size:13.5px;line-height:1.5}.lsec p.faint{color:#8a3a26;margin-top:1px;font-size:12px}.env{background:#e2d0aa;flex:none;height:74px;margin-top:6px;position:relative;box-shadow:inset 0 0 0 1px #3a261840,0 3px 8px #3a261826}.env svg{transform-origin:50% 0;width:100%;height:74px;transition:transform .9s cubic-bezier(.45,.05,.3,1),opacity .9s;position:absolute;top:0;bottom:0;left:0;right:0}.env .seal{background:radial-gradient(circle at 38% 34%,#d0482f,#9e2716);border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;font-size:17px;transition:transform .7s,opacity .6s;position:absolute;top:34px;left:50%;transform:rotate(-8deg);box-shadow:0 2px 5px #50140a59}.env p{text-align:center;color:#4a463d;margin:0;font-size:12px;position:absolute;bottom:7px;left:0;right:0}.env.open svg{opacity:.35;transform:perspective(300px)rotateX(180deg)}.env.open .seal{opacity:0;transform:scale(1.6)rotate(-20deg)}.letter .foot{flex-direction:column;align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.letter .foot .btn{height:50px}.checkout{background:var(--night)}.checkout .scene{--f0:.3;--f1:.8;--lt:1.4s;--ld:0s;width:510px;height:765px;top:-40px;left:-60px}.checkout .shade{background:linear-gradient(#0e173000 30%,#0e1730b3 55%,#0e1730 70%);position:absolute;top:0;bottom:0;left:0;right:0}.checkout .panel{animation-duration:.8s;animation-delay:1.3s;top:300px}.sheet{background:var(--paper);color:var(--ink);border-top:8px solid var(--wood);animation:.9s cubic-bezier(.2,.8,.2,1) .5s both sheetUp;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -18px 40px #00000080}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}.checkout .sheet{height:412px}.sheet .in{flex-direction:column;gap:14px;padding:24px 24px 22px;display:flex;position:relative}.sheet h1{font-family:var(--title);margin:0;font-size:24px;font-weight:400}.sheet .sub{color:#4a463d;margin:6px 0 0;font-size:14px;line-height:1.6}.opts{flex-direction:column;gap:10px;display:flex}.opt{text-align:left;color:var(--ink);cursor:pointer;background:#fff3;border:0;align-items:center;gap:12px;padding:15px 18px;transition:box-shadow .3s,background-color .3s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #3a261840}.opt.on{box-shadow:inset 0 0 0 1.5px var(--wood), 0 6px 16px #3a261824;background:#f8f0dd}.opt .t{flex-direction:column;flex:1;gap:3px;display:flex}.opt .t b{font-size:16px}.opt .t small{color:#5a554a;font-size:13px;line-height:1.5}.opt .p{font-family:var(--title);font-size:19px}.opt .seal{width:30px;height:30px;font-size:13px;animation:.55s cubic-bezier(.3,1.2,.5,1) both stamp;position:absolute;top:-10px;right:-6px}.sheet .msg{color:#8a3a26;text-align:center;margin:0;font-size:14px;line-height:1.55}.sheet .link{align-self:center}.checkout.web .sheet{height:auto;max-height:100%;overflow-y:auto}.checkout.web .sheet .in{gap:11px;padding-bottom:18px}.sheet .notice{color:#6b3a26;text-align:center;word-break:keep-all;margin:0;font-size:12.5px;line-height:1.55}.wfoot{text-align:center;border-top:1px solid #3a261838;margin-top:2px;padding-top:12px}.wfoot p{color:#6b665a;word-break:keep-all;margin:8px 0 0;font-size:11px;line-height:1.6}.flinks{flex-wrap:wrap;justify-content:center;gap:4px 14px;display:flex}.flink{color:#3a3832;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #1b1a174d;padding:0 0 1px;font-size:12px}.history .wfoot{position:absolute;bottom:56px;left:24px;right:24px}.history .wfoot .flink{color:#c9bfa8;border-bottom-color:#c9bfa859}.history .wfoot p{color:#8e9bb0}.history .bar{justify-content:center;gap:22px;display:flex}.history .restore{background:var(--paper);color:var(--ink);z-index:5;padding:14px;position:absolute;bottom:215px;left:14px;right:14px;box-shadow:0 -10px 30px #00000080}.history .restore p{color:#4a463d;margin:0 0 8px;font-size:12.5px;line-height:1.55}.history .rrow{gap:8px;display:flex}.history .rrow input{min-width:0;height:42px;font:inherit;-webkit-user-select:text;user-select:text;background:#ffffff73;border:0;flex:1;padding:0 10px;font-size:14px;box-shadow:inset 0 0 0 1px #3a261859}.history .rrow .btn{width:96px;height:42px;font-size:14px}.history .rh{font-weight:700;margin-top:10px!important}.history .ro{word-break:break-all;margin:2px 0!important;font-size:11.5px!important}.history.web .list{max-height:calc(100% - 300px)}.payacts{flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:40px;left:16px;right:16px}.legal{background:var(--night)}.legal .hd{text-align:center;font-family:var(--title);color:#f7f0de;font-size:22px;position:absolute;top:18px;left:0;right:0}.legal .doc{position:absolute;top:70px;bottom:20px;left:14px;right:14px;overflow-y:auto;box-shadow:0 14px 34px #00000080}.legal .doc .in{padding:20px 22px 28px;position:relative}.legal h2{font-family:var(--title);margin:22px 0 6px;font-size:18px;font-weight:400}.legal p,.legal li{color:#2a2823;word-break:keep-all;margin:6px 0;font-size:14px;line-height:1.75}.legal ul{margin:6px 0;padding-left:18px}.report{background:var(--night);-webkit-overflow-scrolling:touch;overflow:hidden auto}.report.lock{overflow:hidden}.report .top{width:390px;height:260px;animation:1.2s ease-out both warm;position:absolute;top:0;left:0;overflow:hidden}.report .top img{filter:brightness(.75);width:600px;height:900px;position:absolute;top:-150px;left:-110px}.report .top i{background:linear-gradient(#0e173000 45%,#0e1730 100%);position:absolute;top:0;bottom:0;left:0;right:0}.report .wrap{perspective:1400px;margin:200px 14px 14px;position:relative}.report .book{flex-direction:column;gap:28px;min-height:700px;padding:32px 24px 28px 52px;display:flex;position:relative;box-shadow:0 20px 50px #0000008c}.report .spine{z-index:1;background:#e6d5b0;width:30px;position:absolute;top:0;bottom:0;left:0;box-shadow:inset -1px 0 #3a261840}.report .spine u{background:var(--cinnabar);width:2px;margin-left:-1px;position:absolute;top:40px;bottom:40px;left:15px}.report .spine s{background:var(--cinnabar);width:15px;height:2px;position:absolute;left:0}.report .spine s:after{content:"";background:var(--wood);border-radius:50%;width:5.2px;height:5.2px;position:absolute;top:-1.3px;right:-2.6px}.report .done{width:62px;height:62px;position:absolute;top:22px;right:22px}.report .done .seal{text-align:center;box-shadow:inset 0 0 0 3px var(--cinnabar), inset 0 0 0 4px #f7efe3bf;font-size:16px;line-height:1.1;animation:.7s cubic-bezier(.3,1.2,.5,1) 2.6s both stampR;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes stampR{0%{opacity:0;transform:scale(2)rotate(-16deg)}60%{opacity:1;transform:scale(.92)rotate(-6deg)}to{opacity:1;transform:scale(1)rotate(-7deg)}}.report .done .bleed{opacity:0;background:radial-gradient(circle,#b8321f8c,#b8321f00 70%);border-radius:50%;animation:1.4s ease-out 2.75s both bleed;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes bleed{0%{opacity:0;transform:scale(.6)}30%{opacity:.5}to{opacity:0;transform:scale(1.9)}}.report section{z-index:2;position:relative}.report .meta{color:#8a3a26;margin:0;font-size:13px}.report .head{font-family:var(--title);word-break:keep-all;margin:10px 0 0;font-size:24px;line-height:1.5}.report .rsec{border-top:1px solid #3a261838;flex-direction:column;gap:12px;padding-top:24px;display:flex}.report .rsec .hd{align-items:center;gap:16px;display:flex}.report .rsec .moon{width:92px;height:92px;box-shadow:0 0 0 5px var(--wood), 0 0 0 6px #5a3e2a;flex:none;position:relative}.report .rsec h2{font-family:var(--title);margin:0;font-size:24px;font-weight:400}.report .rsec h2.sm{font-size:20px}.report .rsec .shape{color:#5a554a;word-break:keep-all;margin:6px 0 0;font-size:13px;line-height:1.55}.report .rsec .body{color:#2a2823;word-break:keep-all;margin:0;font-size:15px;line-height:1.9}.report .tip,.report li{word-break:keep-all;align-items:baseline;gap:10px;margin:0;font-size:15px;line-height:1.7;display:flex}.report .tip:before,.report li:before{content:"";background:var(--cinnabar);flex:none;width:8px;height:8px;transform:translateY(-2px)rotate(-6deg)}.report ul{color:#2a2823;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.report .end{z-index:2;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.report .end .btn{height:56px;font-size:16px}.report .end .link{color:var(--ink);border-bottom-color:#1b1a1759}.report .disc{text-align:center;color:#6b665a;margin:6px 0 0;font-size:12px;line-height:1.6}.report .shadeL{pointer-events:none;z-index:3;background:linear-gradient(90deg,#180e0680 0%,#180e062e 45%,#180e0600 85%);height:640px;animation:1.9s cubic-bezier(.45,.05,.3,1) .8s both shade;position:absolute;top:0;left:0;right:0}@keyframes shade{0%{opacity:1}75%{opacity:.25}to{opacity:0}}.report .cover{z-index:4;transform-origin:0;background-color:#1e2a4a;background-image:var(--noise), linear-gradient(135deg, #223055, #18223f);height:640px;animation:1.9s cubic-bezier(.45,.05,.3,1) .8s both cover;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 0 0 2px #2e3d63,0 20px 50px #0000008c}@keyframes cover{0%{filter:brightness();transform:perspective(2600px)rotateY(0)}12%{filter:brightness();transform:perspective(2600px)rotateY(-4deg)}70%{filter:brightness(.55);opacity:1;transform:perspective(2600px)rotateY(-82deg)}to{filter:brightness(.4);opacity:0;transform:perspective(2600px)rotateY(-105deg)}}.report .cover .title{background:var(--paper);width:54px;height:250px;box-shadow:inset 0 0 0 2px var(--wood), inset 0 0 0 4px var(--paper), inset 0 0 0 5px #3a261866;justify-content:center;align-items:center;display:flex;position:absolute;top:30px;left:26px}.report .cover .title span{writing-mode:vertical-rl;font-family:var(--title);letter-spacing:4px;color:var(--ink);font-size:20px}.report .cover .spine{z-index:0;box-shadow:none;background:0 0}.report .cover .spine u{height:560px;top:40px;bottom:auto}.pair{background:var(--night)}.pair .room{--f0:.35;--lt:1.4s;--ld:0s;width:390px;height:420px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 -6px #2a1c12}.pair .room img{width:973px;height:1459px;position:absolute;top:-742px;left:-292px}.pair .room i{background:radial-gradient(at 50% 60%,#ffd6a038,#ffd6a000 60%);position:absolute;top:0;bottom:0;left:0;right:0}.pair .moon{width:156px;height:156px;box-shadow:0 0 0 9px var(--wood), 0 0 0 11px #5a3e2a, 0 10px 24px #0006;top:172px}.pair .a{animation-delay:1s;left:27px}.pair .b{animation-delay:1.4s;left:207px}.pair .thread{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.pair .thread path{fill:none;stroke:#c23a24;stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 3px #c23a24cc);animation:1.6s cubic-bezier(.65,0,.35,1) 2.6s both draw}.pair .thread circle{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.3,1.3,.5,1) both pop}.pair .nm{text-align:center;background:var(--wood);width:80px;color:var(--paper);font-family:var(--title);letter-spacing:2px;text-overflow:ellipsis;white-space:nowrap;padding:4px 0 5px;font-size:15px;position:absolute;top:352px;overflow:hidden}.pair .panel{box-shadow:inset 0 0 0 4px var(--paper), inset 0 0 0 5px #3a261866, 0 12px 26px #00000059;animation-duration:.8s;animation-delay:.3s;top:34px}.pair .sheetp{animation:1s cubic-bezier(.2,.8,.2,1) 3.8s both sheetIn;position:absolute;top:444px;bottom:0;left:14px;right:14px;box-shadow:0 -4px 14px #00000059}@keyframes sheetIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}.pair .sheetp .in{flex-direction:column;height:100%;padding:18px 22px;display:flex;position:relative;overflow-y:auto}.pair .hl{font-family:var(--title);word-break:keep-all;margin:0 0 2px;font-size:20px}.pair dl{flex-direction:column;margin:0;display:flex}.pair dl div{border-bottom:1px solid #3a261838;padding:9px 0}.pair dt{font-size:15px;font-weight:700}.pair dd{color:#3a3832;word-break:keep-all;margin:3px 0 0;font-size:14px;line-height:1.6}.pair .full p{color:#2a2823;word-break:keep-all;margin:10px 0 0;font-size:15px;line-height:1.85}.pair .foot{flex-direction:column;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.pair .foot .btn{height:54px}.share{background:var(--night)}.share .prev{width:300px;height:533px;margin-left:-150px;animation:1s ease-out both warm;position:absolute;top:56px;left:50%;box-shadow:0 18px 44px #0009}.share .prev img{width:100%;height:100%}.share .acts{flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:28px;left:24px;right:24px}.share .say2{text-align:center;color:#c9bfa8;margin:0;font-size:14px;line-height:1.6;position:absolute;top:606px;left:24px;right:24px}.share .stampdone{text-align:center;z-index:3;width:56px;height:56px;font-size:14px;line-height:1.1;position:absolute;top:400px;right:38px}.history{background:var(--night)}.history .hd{text-align:center;font-family:var(--title);color:#f7f0de;font-size:22px;position:absolute;top:18px;left:0;right:0}.history .list{max-height:calc(100% - 146px);position:absolute;top:70px;left:14px;right:14px;overflow-y:auto;box-shadow:0 0 0 1px #0000004d,0 14px 34px #00000080}.history .list .in{padding:6px 18px;position:relative}.history .row{border-bottom:1px solid #3a261838;align-items:center;gap:14px;padding:12px 0;display:flex}.history .row:last-child{border-bottom:0}.history .row .moon{width:64px;height:64px;box-shadow:0 0 0 3px var(--wood);flex:none;position:relative}.history .row .open{text-align:left;min-width:0;color:var(--ink);cursor:pointer;background:0 0;border:0;flex:1;padding:0}.history .row b{font-size:16px;display:block}.history .row small{color:#5a554a;margin-top:2px;font-size:12.5px;display:block}.history .row .del{color:#8a3a26;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #8a3a2666;flex:none;padding:0 0 1px;font-size:13px}.history .empty{text-align:center;color:#4a463d;padding:60px 10px;font-size:15px;line-height:1.8}.history .bar{text-align:center;position:absolute;bottom:24px;left:0;right:0}.history .bar .link{color:#c9bfa8;border-bottom-color:#c9bfa866;font-size:14px}.history .tag{color:#f7efe3;background:var(--cinnabar);margin-left:6px;padding:0 6px;font-size:11px;display:inline-block}.edit{background:var(--night)}.edit .moon{touch-action:none;width:340px;height:340px;box-shadow:0 0 0 9px var(--wood), 0 0 0 11px #5a3e2a, 0 14px 30px #00000080;top:66px;left:25px}.edit .moon svg.ovl{touch-action:none;width:340px;height:340px;position:absolute;top:0;bottom:0;left:0;right:0}.edit .tabs{justify-content:center;gap:24px;font-size:16px;display:flex;position:absolute;top:440px;left:0;right:0}.edit .tabs button{color:#8e9bb0;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1.5px solid #0000;padding:4px 2px}.edit .tabs button.on{color:#f7f0de;border-bottom-color:var(--lamp);font-weight:700}.edit .hint{text-align:center;color:#c9bfa8;margin:0;font-size:14px;line-height:1.65;position:absolute;top:486px;left:24px;right:24px}.edit .acts{flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:28px;left:24px;right:24px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
