:root{color-scheme:light;--ink:#382b23;--muted:#776c60;--paper:#faf7f0;--green:#626e51;--gold:#d7b574;--serif:Georgia,'Noto Serif CJK KR','Batang',serif;--sans:'Segoe UI','Malgun Gothic',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #987446;outline-offset:5px}button{touch-action:manipulation}[hidden]{display:none!important}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);background:#fbf8f2f5;border-bottom:1px solid #cbbda54d;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font:25px var(--serif)}.brand svg{width:31px;fill:none;stroke:currentColor;stroke-width:1.2}.language-wrap{position:relative}.language-toggle{border:0;background:none;display:flex;gap:10px;align-items:center;font-size:14px;padding:12px 0}.language-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.1}.language-panel{position:absolute;right:0;top:52px;width:340px;max-width:calc(100vw - 32px);padding:14px;background:#fffcf6;border:1px solid #d9cfbf;border-radius:12px;box-shadow:0 15px 50px #2619092b}.language-panel input{width:100%;border:1px solid #d9cfbf;border-radius:6px;padding:10px;background:transparent;font-size:14px}.language-options{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:9px;max-height:360px;overflow-y:auto}.language-options button{border:0;border-radius:5px;background:none;padding:10px;text-align:left;font-size:14px}.language-options button:hover,.language-options button[aria-pressed=true]{background:#eae7df}.experience{position:relative;isolation:isolate;overflow:hidden;min-height:720px}.room{position:absolute;inset:0;z-index:-2;background:url('./assets/royal-library.webp') center 46% / cover no-repeat}.experience:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f5eee532 0%,transparent 35%,#f7f1e617 55%,#faf7f0ed 84%,var(--paper) 98%)}.experience-content{max-width:1000px;margin:auto;padding:30px 20px 0}.heading-area{text-align:center;position:relative;z-index:1}.eyebrow{font:10px var(--sans);letter-spacing:3px;margin:0 0 12px;color:#594635}h1{font:clamp(24px,3vw,35px)/1.4 var(--serif);font-weight:400;margin:0;text-shadow:0 1px 18px #fff8eb,0 1px 10px #fff8eb}.book-stage{height:400px;max-width:740px;margin:15px auto 0;perspective:1600px;container-type:inline-size;position:relative}.book-scene{position:absolute;width:90%;height:90%;left:5%;top:2%;transform:rotateY(-7deg) rotateX(4deg);transform-style:preserve-3d;transition:transform 1.7s ease}.book-stage[data-state=turning] .book-scene,.book-stage[data-state=result] .book-scene{transform:rotateY(0deg) rotateX(0deg)}.stand-back{position:absolute;inset:0 0 6%;border:9px solid #603e24;border-radius:10px 10px 3px 3px;background:repeating-linear-gradient(3deg,#744c30a6 0px,#51351f30 2px,#95634350 4px,#5d3c24a0 8px),linear-gradient(100deg,#352414,#95623b 35%,#58331c 70%,#94623b);box-shadow:inset 0 0 0 2px #c79a55,inset 0 0 0 8px #4e2d1790,inset 0 0 60px #27150c70,0 9px 18px #2d190f55}.stand-back:after{content:'';position:absolute;inset:13px;border:1px solid #c2985890;border-radius:3px}.stand-ornament{position:absolute;left:4%;top:6%;color:var(--gold);font-size:28px}.book-spread{position:absolute;left:5%;right:5%;top:-1%;bottom:10%;transform-style:preserve-3d}.page{position:absolute;top:0;width:50%;height:100%;background:#f6ecd7;box-shadow:inset 0 0 25px #b18b4440;border:1px solid #d4c29e;border-radius:3px 12px 12px 3px;overflow:hidden}.left-page{left:0;border-radius:12px 3px 3px 12px;background:linear-gradient(90deg,#f7edd8 75%,#d3bd96);opacity:0;transition:opacity .25s}.right-page{right:0;background:linear-gradient(90deg,#d4c4a8,#f9f0df 13%,#faf2e2 82%,#eadcbe)}.page-stack{position:absolute;bottom:-12px;height:100%;width:50%;background:repeating-linear-gradient(0deg,#c4af86 0px,#f0e2c5 1px,#f3e5cd 3px);border-bottom:6px solid #546044;box-shadow:0 5px 5px #2f211849;border-radius:4px 4px 8px 8px}.right-stack{right:-8px}.left-stack{left:-8px;opacity:0;transition:opacity .25s}.page-corner{position:absolute;right:12px;top:5px;color:#b8975360;font-size:24px}.left-page .page-corner{left:12px}.page-rule{position:absolute;top:48%;width:100%;text-align:center;font-size:14px;color:#bb975d}.page-number{position:absolute;bottom:15px;left:0;right:0;text-align:center;font:11px var(--serif);color:#9a8664;letter-spacing:1px}.printed-answer{position:absolute;inset:15% 10%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center}.printed-answer p{font:clamp(18px,2.3vw,28px)/1.65 var(--serif);margin:0;word-break:keep-all;overflow-wrap:anywhere}.answer-star{color:#b78a44;font-size:16px}.answer-rule{width:32px;border-bottom:1px solid #c9ab78;margin-top:8px}.cover{position:absolute;left:50%;top:-4px;width:50%;height:calc(100% + 8px);transform-origin:0 50%;transform-style:preserve-3d;z-index:20;transition:transform 1.35s cubic-bezier(.36,.02,.26,1)}.cover-front,.cover-inside{position:absolute;inset:0;backface-visibility:hidden;border-radius:3px 6px 6px 3px}.cover-front{display:flex;flex-direction:column;align-items:center;justify-content:center;background:repeating-linear-gradient(90deg,#bac1a00c 0px,#35452d12 1px,transparent 2px,transparent 4px),repeating-linear-gradient(0deg,#d2d4b510 0px,transparent 1px,transparent 3px),linear-gradient(100deg,#46513c,#7c8668 10%,#707a5b 55%,#636e50);border:1px solid #91977b;border-left:8px solid #4e5a41;box-shadow:inset 3px 0 5px #c9c59c3d,inset -3px 0 5px #252f2266,7px 6px 9px #241e184a;color:#e7c98b;text-shadow:0 1px 1px #33381e;gap:25px}.cover-title{font:clamp(14px,1.6vw,19px) var(--serif)}.cover-star{font-size:17px}.cover-name{font:clamp(29px,4vw,46px) var(--serif)}.cover-bottom{position:absolute;bottom:25px;font-size:7px;letter-spacing:2px;color:#d7c28d99}.cover-inside{background:linear-gradient(90deg,#f1e4c7,#eadcc0);transform:rotateY(180deg);border:7px solid #637052}.book-spine{position:absolute;left:calc(50% - 10px);top:-2px;bottom:-6px;width:10px;border-radius:4px 0 0 3px;background:linear-gradient(90deg,#394832,#768265,#42523a);z-index:21}.stand-ledge{position:absolute;left:-3%;width:106%;height:34px;bottom:4%;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:linear-gradient(#9c6635,#5c3219 20%,#845026 70%,#392211);border:2px solid #bf9351;border-radius:5px;box-shadow:0 8px 6px #2d1c1270,inset 0 0 0 4px #4a2818;color:#e5bc76;font-size:25px;transform:translateZ(25px)}.stand-base{position:absolute;left:-4%;right:-4%;bottom:-1%;height:18px;border-radius:3px;background:linear-gradient(#815532,#3e2413 60%,#6e4324);box-shadow:0 12px 15px #39271966}.turning-pages{position:absolute;inset:0;transform-style:preserve-3d;z-index:15;pointer-events:none}.turn-sheet{position:absolute;left:50%;width:50%;height:100%;transform-origin:left;transform-style:preserve-3d;background:linear-gradient(90deg,#d2bf9a,#fcf4e4 12%,#f7edd7);border-radius:0 8px 8px 0;box-shadow:2px 1px 4px #5b452b33;backface-visibility:visible}.turn-sheet:after{content:'Every page holds a little possibility. Take a breath. A moment for yourself. A different path may be waiting. Listen to the quiet. Let the page find you.';position:absolute;inset:18% 15%;font:17px/2.1 var(--serif);color:#9a825e;filter:blur(3px);opacity:.42;overflow:hidden}.book-stage[data-state=turning] .cover,.book-stage[data-state=result] .cover{transform:rotateY(-180deg)}.book-stage[data-state=turning] .left-page,.book-stage[data-state=result] .left-page,.book-stage[data-state=turning] .left-stack,.book-stage[data-state=result] .left-stack{opacity:1}.book-stage[data-state=result] .cover{z-index:0}.status{min-height:22px;text-align:center;font:14px var(--serif);margin:-2px auto 10px;color:#483c30}.controls{max-width:620px;margin:auto;text-align:center;position:relative;z-index:3}textarea{display:block;resize:vertical;min-height:73px;max-height:140px;width:100%;padding:15px 19px;border:1px solid #aa988071;border-radius:9px;background:#fffdf7ed;color:var(--ink);font-size:15px;box-shadow:0 5px 20px #5038210a}textarea::placeholder{color:#8b8073}.primary-actions{display:flex;gap:12px;margin-top:12px}.button{border-radius:8px;padding:14px 22px;min-height:54px;display:flex;justify-content:center;align-items:center;gap:10px;font-family:var(--serif);font-size:18px;transition:background .2s,box-shadow .2s;flex:1}.button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}.primary{border:1px solid #5a654b;background:var(--green);color:#fffdf5;box-shadow:0 4px 12px #3e492022}.primary:hover{background:#515e43}.secondary{border:1px solid #b0a491;background:#fffaf1a3}.secondary:hover{background:#fffaf2}.button.listening{background:#ede1cd;border-color:#95563e}.tagline{margin:21px 0 0;font:14px var(--serif);color:#786b5a}.result-extras{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:18px}.result-extras button,footer button{background:none;border:0;color:#776b5b;font-size:13px;padding:8px}.quiet-shelf{max-width:720px;margin:30px auto 0;border-top:1px solid #c9bda660;border-bottom:1px solid #c9bda660;padding:23px 12px 25px}.quiet-shelf h2{font:16px var(--serif);font-weight:400;margin:0 0 15px;color:#82796c}.pills{display:flex;justify-content:space-around;gap:20px}.pills button{font:13px var(--serif);font-weight:400;color:#827c71;border:1px solid #bfc3b5;border-radius:40px;background:transparent;min-width:98px;padding:6px 16px;min-height:30px}.pills button:hover{background:#eceadf}footer{display:flex;justify-content:center;align-items:center;gap:12px;max-width:720px;margin:14px auto 20px;color:#b2a796}dialog{border:1px solid #d3c4a7;border-radius:12px;background:var(--paper);max-width:480px;width:calc(100% - 36px);padding:35px;color:var(--ink);box-shadow:0 15px 60px #21140933}dialog::backdrop{background:#20180f66;backdrop-filter:blur(3px)}dialog h2{font:24px var(--serif);padding-right:15px}dialog p{font-size:16px;line-height:1.9;white-space:pre-line}.dialog-close{position:absolute;right:13px;top:10px;border:0;background:none;font-size:28px;padding:5px 10px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90%;padding:12px 22px;border-radius:7px;background:#423b2feb;color:#fff;z-index:50;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{text-align:center}#end-controls .button{margin:12px auto;min-width:200px}.book-stage[data-state=ended]{filter:saturate(.8)}
.left-page,.right-page{z-index:2}
@media(min-width:1450px){.experience-content{padding-top:38px}.book-stage{height:430px;max-width:790px}.experience{min-height:770px}}
@media(max-width:650px){.site-header{height:65px;padding:0 17px}.brand{font-size:20px;gap:7px}.brand svg{width:25px}.language-toggle{font-size:12px;gap:6px}.language-toggle svg{width:18px}.experience-content{padding:27px 14px 0}.experience{min-height:620px}.eyebrow{font-size:8px;letter-spacing:2px}.heading-area{min-height:63px}h1{font-size:24px}.book-stage{height:clamp(235px,67vw,365px);margin-top:17px;width:100%}.book-scene{width:92%;left:4%;height:90%}.stand-back{border-width:6px}.stand-back:after{inset:7px}.stand-ornament{font-size:20px}.stand-ledge{height:27px;font-size:19px;padding:0 5%}.stand-base{height:13px}.cover-front{gap:17px;border-left-width:5px}.cover-title{font-size:13px}.cover-name{font-size:28px}.cover-star{font-size:13px}.cover-bottom{font-size:5px;letter-spacing:1px;bottom:20px}.printed-answer{inset:10% 9%;gap:8px}.printed-answer p{font-size:clamp(15px,4.1vw,23px);line-height:1.55}.page-number{font-size:8px;bottom:9px}.page-corner{font-size:18px;right:6px}.page-rule{font-size:10px}.status{font-size:13px;margin:0 0 9px;min-height:21px}.button{font-size:16px;padding:12px 10px;min-height:50px}.primary-actions{gap:9px}textarea{font-size:14px;min-height:79px}.tagline{font-size:13px;margin-top:20px}.quiet-shelf{margin:22px 20px 0;padding:20px 0}.quiet-shelf h2{font-size:14px}.pills{gap:9px}.pills button{min-width:78px;font-size:12px;padding:6px 12px}.room{background-position:center 45%}.experience:after{background:linear-gradient(180deg,#faf0da3f,transparent 35%,#faf7f0dd 78%,var(--paper) 98%)}.language-panel{top:46px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}