:root{--bg-cream:#f8f5f0;--olive-green:#7a8b5f;--dark-text:#1a1a1a;--sky-blue:#a8c8e8;--meadow-green:#9bb567;--pale-highlight:#f0f4da;--point-yellow:#e8e478}*,:before,:after{box-sizing:border-box}body,html{background:radial-gradient(circle at 15% 15%, var(--sky-blue) 0%, var(--pale-highlight) 45%, var(--meadow-green) 100%);color:var(--dark-text);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}canvas{display:block}#intro-screen{z-index:200;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:0;transition:opacity 1s;display:flex;position:fixed;inset:0;overflow:hidden}#hero-video{object-fit:cover;z-index:-1;pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;inset:0}#intro-bg{transform-origin:50%;will-change:transform;z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}#intro-logo,#brand-mark{z-index:2;opacity:0;cursor:pointer;justify-content:center;align-items:center;width:clamp(550px,80vw,900px);height:auto;min-height:180px;transition:opacity 1.2s,transform 1.2s;display:flex;position:relative;transform:translateY(30px)}#intro-logo img,#brand-mark img{object-fit:contain;width:100%;height:100%;transition:all .8s cubic-bezier(.165,.84,.44,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#intro-logo .hover-logo,#brand-mark .hover-logo{opacity:0;transform:translate(-50%,-50%)scale(.985)}#intro-logo:hover .hover-logo,#brand-mark:hover .hover-logo{opacity:.85;transform:translate(-50%,-50%)scale(.985)}#intro-logo:hover .base-logo,#brand-mark:hover .base-logo{opacity:0;transform:translate(-50%,-50%)}#intro-tagline{z-index:2;color:#ffffffd9;letter-spacing:.25em;text-transform:uppercase;opacity:0;margin-top:-1.5rem;margin-bottom:4rem;font-size:clamp(.9rem,1.8vw,1.1rem);transition:opacity 1s .4s;position:relative}#explore-btn{z-index:2;-webkit-backdrop-filter:var(--glass-filter) blur(16px) saturate(180%);color:#fff;letter-spacing:.15em;cursor:pointer;opacity:0;--glass-filter:none;background:#ffffff08;border:1px solid #ffffff26;border-radius:50px;padding:1.1rem 3.2rem;font-size:.95rem;font-weight:500;transition:all .5s cubic-bezier(.165,.84,.44,1);position:relative;box-shadow:0 8px 32px #0000001f}#explore-btn:hover{color:#000;mix-blend-mode:screen;background:#ffffffb3;border:.5px solid #fff;transform:translateY(-2px)scale(1.03);box-shadow:0 12px 40px #00000026}#explore-btn.visible{opacity:1}#canvas-container{z-index:10;pointer-events:auto;opacity:1;width:100vw;height:100vh;transition:opacity 1.2s;position:fixed;top:0;left:0}#grain-overlay{opacity:.18;pointer-events:none;z-index:50;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}#scroll-container{z-index:20;pointer-events:none;opacity:0;height:800vh;transition:opacity .5s;position:relative}#journey-cta-layer{z-index:300;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;bottom:10vh;left:0;right:0}#ui-layer{pointer-events:none;z-index:10;flex-direction:column;justify-content:center;align-items:flex-end;width:100vw;height:100vh;padding-right:8vw;display:flex;position:fixed;top:0;left:0}#headline-block{text-align:left;max-width:340px}#headline{letter-spacing:-.02em;color:var(--dark-text);opacity:0;margin:0 0 .8rem;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Noto Sans KR,sans-serif;font-size:clamp(1.8rem,3.5vw,2.8rem);font-style:normal;font-weight:700;line-height:1.3;transform:translateY(24px)}#subtext{letter-spacing:.05em;color:var(--olive-green);opacity:0;margin:0;font-size:.9rem;transform:translateY(12px)}#scroll-hint{z-index:10;pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:.5rem;transition:opacity 1s;display:flex;position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%)}#scroll-hint span{letter-spacing:.18em;text-transform:uppercase;color:var(--dark-text);opacity:.6;font-size:.75rem}#scroll-hint .mouse-icon{opacity:.8;border:2px solid #fff;border-radius:12px;width:24px;height:40px;margin-bottom:8px;position:relative}#scroll-hint .mouse-wheel{background:#fff;border-radius:2px;width:2px;height:6px;animation:1.6s ease-in-out infinite mouseWheel;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes mouseWheel{0%{opacity:.1;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,4px)}to{opacity:.1;transform:translate(-50%,8px)}}#scroll-hint .arrows{flex-direction:column;align-items:center;gap:2px;display:flex}#scroll-hint .arrow-down{opacity:0;border-bottom:2px solid #fff;border-right:2px solid #fff;width:8px;height:8px;animation:1.6s infinite arrowScroll;transform:rotate(45deg)}#scroll-hint .arrow-down:nth-child(2){animation-delay:.2s}#scroll-hint .arrow-down:nth-child(3){animation-delay:.4s}@keyframes arrowScroll{0%{opacity:0;transform:rotate(45deg)translate(-5px,-5px)}50%{opacity:.5}to{opacity:0;transform:rotate(45deg)translate(5px,5px)}}#brand-mark{width:260px;height:65px;min-height:unset;z-index:15;opacity:0;pointer-events:auto;cursor:pointer;transition:opacity 1s;position:fixed;top:.5rem;left:2.5rem;transform:none}.cta-button{color:var(--dark-text);letter-spacing:.02em;cursor:pointer;pointer-events:auto;opacity:0;z-index:250;background:#fff;border:1px solid #0000000d;border-radius:50px;padding:1.2rem 3rem;font-size:1.05rem;font-weight:600;transition:color .4s,transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s,border-color .4s;position:relative;transform:translateY(20px);box-shadow:0 10px 30px #00000014}.cta-button-bg{border-radius:inherit;z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cta-button-text{z-index:1;position:relative}.cta-button-bg:before{content:"";z-index:-1;background:#d4e37c;border-radius:50%;width:150%;height:0;padding-bottom:150%;transition:transform .6s cubic-bezier(.19,1,.22,1);position:absolute;bottom:-50%;left:50%;transform:translate(-50%,100%)}.cta-button:hover{color:#fff;text-shadow:0 1px 3px #0003;border-color:#a6b35b;transform:translateY(-3px)scale(1.02);box-shadow:0 15px 40px #d4e37c66}.cta-button:hover .cta-button-bg:before{transform:translate(-50%)}.ui-step{opacity:0;pointer-events:none;max-width:400px;transition:transform .8s cubic-bezier(.165,.84,.44,1);position:absolute;top:50%;left:8vw;transform:translateY(-50%)}.ui-step h2{text-transform:uppercase;letter-spacing:.3em;color:#00000080;margin-bottom:1rem;font-size:.8rem;font-weight:500}.ui-step p{color:var(--dark-text);margin:0;font-size:2rem;font-weight:700;line-height:1.3}#matter-layer{z-index:100;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#fffc 0%,#fff6 100%);position:fixed;inset:0}#fortune-modal{text-align:center;opacity:0;pointer-events:none;z-index:101;background:#ffffffe6;border:1px solid #fff6;border-radius:20px;width:90%;max-width:400px;padding:3rem;font-family:Pretendard,-apple-system,sans-serif;transition:opacity .4s,transform .4s cubic-bezier(.175,.885,.32,1.275);position:fixed;top:50%;left:50%;transform:translate(-50%,-40%);box-shadow:0 20px 50px #0000001a}#fortune-modal.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}#fortune-modal h2{color:var(--olive-green);margin:0 0 1rem;font-size:1.8rem}#fortune-modal p{color:var(--dark-text);margin-bottom:2rem;font-size:1.1rem;line-height:1.5}#fortune-modal .close-btn{background:var(--olive-green);color:var(--bg-cream);cursor:pointer;border:none;border-radius:30px;padding:.8rem 2rem;font-size:1rem;transition:background .2s}#fortune-modal .close-btn:hover{background:#5f7431}#fortune-lobby-layer{z-index:1000;-webkit-backdrop-filter:blur(25px)saturate(160%);opacity:0;pointer-events:none;background:#f8f5f066;justify-content:center;align-items:center;transition:opacity .8s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}#lobby-brand-mark{z-index:1001;cursor:pointer;width:260px;height:65px;transition:transform .4s cubic-bezier(.165,.84,.44,1);position:fixed;top:.5rem;left:2.5rem}#lobby-brand-mark img{object-fit:contain;width:100%;height:100%;transition:all .8s cubic-bezier(.165,.84,.44,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#lobby-brand-mark .hover-logo{opacity:0;transform:translate(-50%,-50%)scale(.985)}#lobby-brand-mark:hover .hover-logo{opacity:.85}#lobby-brand-mark:hover .base-logo{opacity:0}.book-stage{width:100%;height:100%;transform-style:preserve-3d;animation:1.2s cubic-bezier(.16,1,.3,1) both lobbySlideUp;position:relative}@keyframes lobbySlideUp{0%{opacity:0;transform:translateY(60px)rotateX(10deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}.book{width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.645,.045,.355,1);position:relative}.book.is-centered{transform:translate(-25%)}.leaf{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;z-index:1;transition:transform 1.2s cubic-bezier(.645,.045,.355,1);position:absolute;top:0;left:50%}.leaf-page{backface-visibility:hidden;box-sizing:border-box;background:#fdfcf8;border:1px solid #00000008;flex-direction:column;justify-content:center;padding:6rem 4rem;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 80px #00000003;height:100%!important}.leaf-front{z-index:2;border-radius:0 20px 20px 0}.leaf-back{z-index:1;background:#faf7f0;border-radius:20px 0 0 20px;transform:rotateY(-180deg)}.leaf-front:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(90deg,#00000014,#0000);width:60px;height:100%;position:absolute;top:0;left:0}.leaf-back:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(270deg,#00000014,#0000);width:60px;height:100%;position:absolute;top:0;right:0}.leaf.is-flipped{transform:rotateY(-180deg)}.cover-front{color:#fff;text-align:center;box-sizing:border-box;background-color:#fdfcf8;border:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;height:100%!important;padding:0!important}.full-cover-img{object-fit:fill;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.cover-border{pointer-events:none;border:1px solid #fff3;position:absolute;inset:20px}.cover-ornament{opacity:.7;z-index:5;font-size:1.2rem;position:relative}.cover-ornament.top{margin-bottom:2rem}.cover-ornament.bottom{margin-top:3rem}.cover-divider{background:#ffffff4d;width:40px;height:1px;margin:1.5rem 0}.cover-sub{letter-spacing:.1em;opacity:.75;max-width:80%;font-size:1rem;line-height:1.6}.cover-front h3{letter-spacing:-.01em;margin:1.5rem 0;font-family:Cormorant Garamond,serif;font-size:4rem;line-height:1.1}.cover-front p{letter-spacing:.1em;opacity:.85;font-size:1.15rem}.click-hint{letter-spacing:.25em;text-transform:uppercase;opacity:.5;margin-top:5rem;font-size:.75rem;animation:2.5s infinite pulse}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.page-kicker{letter-spacing:.38em;text-transform:uppercase;color:#5d6b46;opacity:.9;margin-bottom:.35rem;font-size:.72rem;font-weight:700}.spread-title{letter-spacing:.03em;color:var(--dark-text);-webkit-text-stroke:.1px var(--dark-text);margin:.1rem 0 .5rem;font-family:Cormorant Garamond,Noto Serif KR,serif;font-size:clamp(1.6rem,4.5vw,2.2rem);font-weight:700;line-height:1.1}.spread-subtitle{color:#555;opacity:.9;max-width:95%;margin-bottom:.5rem;font-size:15px;line-height:1.5}.profile-page{justify-content:center;padding:2.8rem 3.7rem}.profile-page .page-kicker{margin-bottom:.25rem}.profile-page .spread-title{margin:0 0 .35rem}.profile-page .spread-subtitle{max-width:92%;margin-bottom:1rem;line-height:1.55}.lobby-form{width:100%;max-width:420px;margin-top:.5rem}.profile-page .lobby-form{flex-direction:column;gap:.95rem;max-width:100%;margin-top:.35rem;display:flex}.input-group{margin-bottom:1.1rem}.profile-page .input-group{margin-bottom:0}.profile-page .input-group:has(#gender){margin-top:-.45rem}.birth-time-row{grid-template-columns:126px minmax(0,1fr);align-items:center;gap:.8rem;width:100%;display:grid}.input-group label{color:var(--dark-text);opacity:.5;letter-spacing:.02em;margin-bottom:.4rem;font-family:Nanum Pen Script,cursive;font-size:.9rem;font-weight:700;display:block}.soft-input{appearance:none;background:#ffffffe6;border:1px solid #0000000f;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-family:Nanum Pen Script,cursive;font-size:1rem;transition:all .4s cubic-bezier(.165,.84,.44,1)}.birth-time-select{flex:1;min-width:0;height:42px;padding:0 1rem}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5;filter:invert(47%)sepia(16%)saturate(1025%)hue-rotate(36deg)brightness(94%)contrast(85%)}.soft-input:focus{border-color:var(--olive-green);background:#fff;transform:translateY(-2px);box-shadow:0 8px 30px #7a8b5f1f}.solar-lunar-toggle{box-sizing:border-box;background:#0000000a;border-radius:12px;flex-shrink:0;align-items:center;width:126px;height:42px;margin-bottom:0;padding:3px;display:inline-flex;position:relative}.solar-lunar-toggle input[type=radio]{display:none}.solar-lunar-toggle label{cursor:pointer;z-index:2;color:#0006;letter-spacing:0;box-sizing:border-box;white-space:nowrap;text-align:center;flex:50%;justify-content:center;align-items:center;height:36px;padding:0;font-family:Nanum Pen Script,cursive;font-size:.82rem;font-weight:600;line-height:1;transition:all .3s;display:flex;position:relative;top:1px}.toggle-pill{z-index:1;background:#fff;border-radius:9px;width:calc(50% - 3px);height:36px;transition:transform .4s cubic-bezier(.165,.84,.44,1);position:absolute;top:3px;left:3px;box-shadow:0 3px 8px #0000000d}.solar-lunar-toggle input:nth-child(3):checked~.toggle-pill{transform:translate(100%)}#solar:checked+label,#lunar:checked+label{color:#1a1a1aeb}.lobby-note{color:#5d6b46;opacity:.9;margin:1rem 0;font-family:Nanum Pen Script,cursive;font-size:.75rem;font-style:italic}.profile-page .lobby-note{margin:0 0 .8rem}.lobby-note.success{color:#556b2f;opacity:1;font-weight:600}.book-nav{z-index:100;-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #fff6;border-radius:50px;justify-content:center;align-items:center;gap:2rem;width:fit-content;padding:8px 32px;display:flex;position:absolute;bottom:-8rem;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0000000a}.nav-prev,.nav-next{letter-spacing:.05em;text-transform:uppercase;cursor:pointer;color:#4a5a3a;opacity:.7;background:0 0;border:none;padding:.8rem 1rem;font-family:Nanum Pen Script,cursive;font-size:.95rem;font-weight:600;transition:all .4s cubic-bezier(.165,.84,.44,1)}.nav-prev:hover,.nav-next:hover{opacity:1;color:#a6b35b;transform:translateY(-1px)}.nav-next:disabled{opacity:.15;cursor:not-allowed;transform:none}.page-counter{color:#8a9a7a;letter-spacing:.1em;border-left:1px solid #0000000f;border-right:1px solid #0000000f;padding:0 10px;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:500}.graphic-page{padding:0;background:0 0!important}.graphic-collage{background:linear-gradient(#fff,#fdfefc);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.collage-item{pointer-events:none;filter:drop-shadow(0 5px 25px #00000008);object-fit:contain;transition:transform .8s cubic-bezier(.165,.84,.44,1);position:absolute}.l1-piece-1{width:100%;z-index:.3;filter:drop-shadow(4px 6px #0000001f);top:0;left:0;transform:none}.l1-piece-2{z-index:3;filter:drop-shadow(4px 6px #00000026);width:25%;top:22%;left:50%;transform:rotate(12deg)}.l1-piece-3{z-index:2;filter:drop-shadow(4px 6px #0000001f);width:32%;top:54%;left:48%;transform:rotate(22deg)}.l1-piece-4{z-index:1;filter:drop-shadow(4px 6px #0000001f);width:35%;top:35%;left:5%;transform:rotate(-8deg)}.l1-piece-5{z-index:1;opacity:.95;filter:drop-shadow(4px 6px #0000001a);width:32%;top:72%;left:5%;transform:rotate(-5deg)}.l1-piece-6{z-index:2;filter:drop-shadow(4px 6px #00000026);width:45%;bottom:-8%;right:0;transform:rotate(8deg)}.l1-piece-7{z-index:3;filter:drop-shadow(4px 6px #0000001f);width:15%;top:35%;left:78%;transform:rotate(-10deg)}.l2-piece-1{z-index:2;filter:none;width:30%;top:4%;left:8%;transform:rotate(-3deg)}.l2-piece-2{z-index:3;filter:none;width:33%;top:14%;left:48%;transform:rotate(-10deg)}.l2-piece-3{z-index:3;filter:none;width:26%;top:28%;left:8%;transform:rotate(-15deg)}.l2-piece-4{z-index:2;filter:none;width:32%;top:57%;left:8%;transform:rotate(0)}.l2-piece-5{z-index:3;filter:none;width:30%;top:50%;left:52%;transform:rotate(-8deg)}.l2-piece-6{z-index:2;filter:none;width:38%;top:33%;right:-8%;transform:none}.l2-piece-7{transform-origin:bottom;z-index:1;filter:none;width:100%;height:auto;bottom:0;left:0}.hand-1{z-index:3;filter:drop-shadow(4px 6px #0000002e);width:38%;top:15%;left:-6%;transform:none}.hand-2{z-index:3;filter:drop-shadow(4px 6px #0000002e);width:36%;top:0%;left:58%;transform:none}.hand-3{z-index:3;filter:drop-shadow(4px 6px #0000002e);width:52%;bottom:-5%;right:6%;transform:none}.swirl-1{opacity:.85;z-index:1;filter:drop-shadow(6px 10px #00000014);width:85%;height:auto;top:55%;left:50%;transform:translate(-50%,-50%)}.final-action-overlay{z-index:100;justify-content:center;width:100%;display:flex;position:absolute;bottom:3.5rem;left:0}.lobby-btn-container{justify-content:flex-start;margin-top:2rem;display:flex}.lobby-go-btn,.lobby-back-btn{color:#a6b35b;letter-spacing:.03em;cursor:pointer;background:#a6b35b0d;border:1.5px solid #a6b35b73;border-radius:12px;align-items:center;padding:12px 28px;font-family:Pretendard,sans-serif;font-size:.95rem;font-weight:600;transition:all .4s cubic-bezier(.2,.8,.2,1);display:inline-flex;box-shadow:0 4px 15px #0000000d}.lobby-go-btn:hover,.lobby-back-btn:hover{color:#fff;background:#a6b35b;border-color:#0000;transform:translateY(-4px);box-shadow:0 8px 25px #a6b35b59}.lobby-go-btn:active{transform:translateY(-1px)}.leaf-next-btn{color:#a6b35b;cursor:pointer;opacity:.8;background:#a6b35b14;border:1px solid #a6b35b66;border-radius:100px;align-items:center;gap:10px;margin-top:32px;padding:10px 20px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .4s cubic-bezier(.23,1,.32,1);display:inline-flex}.leaf-next-btn:hover{opacity:1;background:#a6b35b26;border-color:#a6b35b99;transform:translateY(-2px)}.leaf-next-btn span{letter-spacing:.05em}#fortune-result-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:all .6s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;left:0}.hidden-fade{opacity:0;pointer-events:none;visibility:hidden}#fortune-result-overlay.active{opacity:1;pointer-events:auto;visibility:visible}.result-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);text-align:left;background:linear-gradient(#ffffffe6 0%,#f8f5f0d6 100%);border:1px solid #ffffff80;border-radius:32px;flex-direction:column;gap:1.1rem;width:min(94vw,820px);max-height:calc(100vh - 3rem);padding:1.5rem;transition:transform .6s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden;transform:translateY(20px)scale(.95);box-shadow:0 30px 70px #2f391f2e}#fortune-result-overlay.active .result-card{transform:translateY(0)scale(1)}.result-header{border-bottom:1px solid #7a8b5f29;flex-direction:column;align-items:flex-start;gap:.55rem;padding-bottom:.95rem;display:flex}.result-decoration{color:#7a8b5f;background:#f0f4dae6;border:1px solid #7a8b5f2e;border-radius:999px;place-items:center;width:3rem;height:3rem;font-size:1.2rem;display:grid}.result-kicker{letter-spacing:.24em;text-transform:uppercase;color:#7a8b5fe6;margin:0;font-size:.74rem;font-weight:700}#result-title{color:#2d3436;margin:0;font-family:Pretendard,sans-serif;font-size:clamp(1.6rem,2vw,2.05rem);font-weight:700}#result-description{color:#636e72;max-width:52rem;margin:0;font-size:.98rem;line-height:1.62}.result-sections{text-align:left;gap:.8rem;display:grid}.result-section{min-height:unset;background:linear-gradient(#f0f4dac7 0%,#ffffffd1 100%);border:1px solid #7a8b5f2e;border-radius:20px;padding:.9rem .95rem .95rem;box-shadow:inset 0 1px #ffffffa6,0 8px 22px #7a8b5f14}.result-section--primary{background:linear-gradient(135deg,#f0f4daf5 0%,#f8f5f0eb 58%,#e8e47838 100%);border-color:#7a8b5f38;padding:.95rem 1rem 1rem;box-shadow:inset 0 1px #ffffffb8,0 14px 32px #7a8b5f1a}.result-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.result-section-title{letter-spacing:.16em;text-transform:uppercase;color:#7a8b5f;margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.result-section-body{color:#374151;word-break:keep-all;margin:0;font-size:.95rem;line-height:1.65}.result-action{border-top:1px solid #7a8b5f24;justify-content:flex-end;gap:.75rem;margin-top:.25rem;padding-top:.25rem;display:flex}.result-action .lobby-go-btn{justify-content:center;min-width:180px}@media (width<=768px){#fortune-result-overlay{padding:1rem}.result-card{border-radius:24px;gap:1.1rem;width:100%;max-height:none;padding:1.25rem}.result-sections{gap:.75rem}.result-secondary-grid{grid-template-columns:1fr;gap:.75rem}.result-section{min-height:unset}.result-section--primary .result-section-body{font-size:1rem;line-height:1.72}.result-action{flex-direction:column;justify-content:stretch;gap:.6rem}.result-action .lobby-go-btn{width:100%;min-width:0}}#interactive-fortune-container{z-index:2000;background:#fdfaf5;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden}#interactive-fortune-container:before,#interactive-fortune-container:after{content:"";opacity:0;pointer-events:none;transition:opacity .8s;position:absolute;inset:0}#interactive-fortune-container:before{filter:blur(50px);z-index:0;background-image:linear-gradient(#f8f5f03d 0%,#f0f4da2e 100%),url(/hero/hero_section_image_fi.png);background-position:50%;background-size:cover;transform:scale(1.12)}#interactive-fortune-container:after{mix-blend-mode:normal;z-index:1;background-image:linear-gradient(#fdfaf5c7 0%,#f8f5f0ad 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E");background-position:50%;background-size:cover,220px 220px}#interactive-fortune-container.fortune-theme-lucky:before,#interactive-fortune-container.fortune-theme-lucky:after{opacity:1}#interactive-fortune-container.fortune-theme-saju{background:radial-gradient(circle at 18% 16%,#a8c8e847,#0000 30%),radial-gradient(circle at 82% 24%,#e8e47833,#0000 24%),linear-gradient(135deg,#f7f4ee 0%,#eef4df 100%)}#interactive-fortune-container.fortune-theme-saju:before,#interactive-fortune-container.fortune-theme-saju:after{opacity:1}#interactive-fortune-container.fortune-theme-saju:before{filter:blur(42px)saturate(.9);background-image:radial-gradient(circle,#ffffff3d 0%,#f0f4da29 52%,#a8c8e824 100%),url(/hero/hero_section_image_fi.png)}#interactive-fortune-container.fortune-theme-saju:after{background-image:linear-gradient(#fdfaf58f 0%,#f8f5f0b3 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:cover,240px 240px}#interactive-fortune-container.fortune-theme-palm{background:radial-gradient(circle at 16% 18%,#f6d2b442,#0000 28%),radial-gradient(circle at 84% 22%,#c4aade2e,#0000 26%),linear-gradient(135deg,#f8f3ec 0%,#f1efe5 100%)}#interactive-fortune-container.fortune-theme-palm:before,#interactive-fortune-container.fortune-theme-palm:after{opacity:1}#interactive-fortune-container.fortune-theme-palm:before{filter:blur(42px)saturate(.75);background-image:radial-gradient(circle at 50% 48%,#ffffff38 0%,#f8ebdd29 58%,#d6cce924 100%),url(/hero/hero_section_image_fi.png)}#interactive-fortune-container.fortune-theme-palm:after{background-image:linear-gradient(#fdfaf599 0%,#f8f5f0b8 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.84' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");background-size:cover,240px 240px}.interactive-overlay{text-align:center;width:100%;color:var(--dark-text);z-index:2500;pointer-events:none;padding:0 2rem;font-family:Pretendard;position:absolute;top:8%}.interactive-overlay h2{margin:0 0 10px;font-size:1.8rem;line-height:1.16}.interactive-overlay p{opacity:.7;margin:0;line-height:1.55}#interactive-fortune-container.fortune-theme-saju .interactive-overlay,#interactive-fortune-container.fortune-theme-palm .interactive-overlay{max-width:880px;padding:0 2.5rem;top:2.4rem;left:50%;transform:translate(-50%)}#interactive-fortune-container.fortune-theme-saju .interactive-overlay h2,#interactive-fortune-container.fortune-theme-palm .interactive-overlay h2{margin-bottom:.75rem}#interactive-fortune-container.fortune-theme-saju .interactive-overlay p,#interactive-fortune-container.fortune-theme-palm .interactive-overlay p{max-width:720px;margin:0 auto}#interactive-fortune-container.fortune-theme-saju,#interactive-fortune-container.fortune-theme-palm{justify-content:flex-start;align-items:stretch;padding:8.1rem 2.4rem 2.6rem}#cube-grid-target.is-hidden{opacity:0;pointer-events:none}.saju-camera-stage{z-index:8;justify-content:center;align-items:center;width:min(1180px,100vw - 6rem);height:min(100vh - 12.9rem,700px);margin:0 auto;display:none;position:relative}.saju-camera-stage.active{display:flex}.saju-camera-shell{grid-template-columns:minmax(0,1.06fr) 304px;align-items:stretch;gap:1.1rem;width:100%;height:100%;display:grid;position:relative}.saju-camera-frame{background:linear-gradient(140deg,#ffffffad,#f8f5f08a),#fdfaf5b8;border:1px solid #7a8b5f2e;border-radius:34px;min-height:0;position:relative;overflow:hidden;box-shadow:0 26px 70px #84925d2e,inset 0 1px #fff9}#saju-camera-video,#saju-particle-canvas,.saju-camera-vignette,#palm-camera-video,#palm-analysis-canvas,.palm-camera-vignette{width:100%;height:100%;position:absolute;inset:0}#saju-camera-video{object-fit:cover;filter:saturate(.82)contrast(1.02)brightness(.94);opacity:.88;transform:scaleX(-1)}#interactive-fortune-container.fortune-theme-saju #saju-camera-video{filter:saturate(.42)contrast(1.14)brightness(.38);opacity:.92}#palm-camera-video{object-fit:cover;filter:saturate(.54)contrast(1.08)brightness(.48);opacity:.94;transform:scaleX(-1)}#saju-particle-canvas{z-index:2}#palm-analysis-canvas{z-index:2;width:100%;height:100%;position:absolute;inset:0}.saju-camera-vignette{z-index:1;pointer-events:none;background:radial-gradient(circle,#0000 28%,#f6f3ec1f 55%,#f6f3ec94 100%),linear-gradient(#ffffff14,#ffffff38)}#interactive-fortune-container.fortune-theme-saju .saju-camera-vignette{background:radial-gradient(circle at 50% 46%,#080a1205 0%,#0a0c161a 22%,#070910a8 100%),linear-gradient(#07090f47,#07090f80)}#interactive-fortune-container.fortune-theme-palm .palm-camera-vignette{background:radial-gradient(circle at 50% 48%,#16110e05 0%,#16110e1f 26%,#140d0b99 100%),linear-gradient(#120c0a33,#120c0a6b)}.palm-camera-stage,.palm-camera-stage.active{display:none}.palm-camera-stage.active{display:flex}.palm-side-panel .saju-tab.is-active{background:linear-gradient(135deg,#f1c4973d,#faf0e3db);border-color:#ca9a6e42;box-shadow:0 14px 32px #be966e24}.saju-shape-badge{z-index:4;color:#3a4130d1;letter-spacing:.08em;text-transform:uppercase;opacity:.94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fdfaf5cc;border:1px solid #7a8b5f2e;border-radius:999px;padding:.55rem .9rem;font-size:.84rem;position:absolute;top:1.25rem;left:1.25rem}.saju-camera-status{z-index:4;color:#2e3227c7;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fdfaf5c2;border:1px solid #7a8b5f29;border-radius:18px;width:min(78%,640px);margin:0;padding:.9rem 1.15rem;font-size:.95rem;line-height:1.55;position:absolute;bottom:1.35rem;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #56603d1a}.saju-side-panel{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#fdfaf5c2;border:1px solid #7a8b5f24;border-radius:30px;flex-direction:column;gap:.85rem;padding:1rem;transition:opacity .5s,transform .5s;display:flex;position:relative;transform:translate(28px);box-shadow:0 26px 70px #84925d1f}.saju-side-panel.is-visible{opacity:1;pointer-events:auto;transform:translate(0)}.saju-tabs{flex-direction:column;gap:.55rem;display:flex}.saju-tab{color:#444939bd;cursor:pointer;background:#f8f5f0cc;border:1px solid #7a8b5f1f;border-radius:18px;justify-content:space-between;align-items:center;gap:.8rem;width:100%;padding:.82rem .95rem;font-family:Pretendard;transition:all .25s;display:flex}.saju-tab:hover{border-color:#7a8b5f38;transform:translate(-2px)}.saju-tab.is-active{color:#2e3227f5;background:linear-gradient(135deg,#e8e47838,#f0f4dad6);border-color:#a6b35b4d;box-shadow:0 14px 32px #a6b35b1f}.saju-tab-main{align-items:center;gap:.72rem;display:flex}.saju-tab-dot{border-radius:50%;flex-shrink:0;width:.8rem;height:.8rem;box-shadow:0 0 0 6px #ffffff6b}.saju-tab-label{font-size:.96rem;font-weight:600}.saju-tab-weight{letter-spacing:.08em;text-transform:uppercase;opacity:.64;font-size:.77rem}.saju-panel-body{flex-direction:column;gap:.7rem;padding:.35rem .15rem .1rem;display:flex}.saju-panel-kicker{letter-spacing:.26em;text-transform:uppercase;color:#7a8b5fc7;margin:0;font-size:.72rem}#saju-panel-title{color:#262922f0;margin:0;font-size:1.62rem;line-height:1.12}#saju-panel-copy{color:#444939d1;margin:0;font-size:.94rem;line-height:1.64}.saju-panel-meta{color:#6c715dd1;margin:0;font-size:.84rem;line-height:1.54}.saju-panel-cta{width:100%;margin-top:.35rem}@media (width<=1100px){#interactive-fortune-container.fortune-theme-saju,#interactive-fortune-container.fortune-theme-palm{padding:7.5rem 1.1rem 1.4rem}#interactive-fortune-container.fortune-theme-saju .interactive-overlay,#interactive-fortune-container.fortune-theme-palm .interactive-overlay{max-width:760px;padding:0 1.2rem;top:1.7rem}.saju-camera-stage{width:min(100vw - .8rem,920px);height:auto;min-height:calc(100vh - 9.2rem);padding-top:0;padding-bottom:0}.saju-camera-shell{grid-template-rows:minmax(340px,54vh) auto;grid-template-columns:1fr}.saju-side-panel{transform:translateY(24px)}.saju-side-panel.is-visible{transform:translateY(0)}.saju-tabs{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.saju-tab{min-width:0;padding:.75rem .7rem}.saju-tab-main{gap:.5rem}.saju-tab-label{font-size:.88rem}.saju-tab-weight{display:none}}@media (width<=768px){#interactive-fortune-container.fortune-theme-saju,#interactive-fortune-container.fortune-theme-palm{padding:6.7rem .7rem 1rem}#interactive-fortune-container.fortune-theme-saju .interactive-overlay,#interactive-fortune-container.fortune-theme-palm .interactive-overlay{padding:0 .9rem;top:1.05rem}#interactive-fortune-container.fortune-theme-saju .interactive-overlay h2,#interactive-fortune-container.fortune-theme-palm .interactive-overlay h2{font-size:1.52rem}#interactive-fortune-container.fortune-theme-saju .interactive-overlay p,#interactive-fortune-container.fortune-theme-palm .interactive-overlay p{font-size:.92rem}.saju-camera-stage{width:calc(100vw - .2rem);min-height:calc(100vh - 7.3rem);padding-top:0}.saju-camera-shell{grid-template-rows:minmax(300px,46vh) auto;gap:.9rem}.saju-camera-frame,.saju-side-panel{border-radius:24px}.saju-camera-status{width:calc(100% - 1.2rem);padding:.8rem .95rem;font-size:.88rem;bottom:.7rem}.saju-shape-badge{top:.85rem;left:.85rem}.saju-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}#saju-panel-title{font-size:1.35rem}#saju-panel-copy{font-size:.92rem}}#interactive-fortune-container.hidden{display:none!important}#fortune-result-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3000;background:#00000073;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;transition:all .6s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;left:0}.book-side-nav{pointer-events:none;z-index:600;justify-content:space-between;width:100%;padding:0 5vw;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.side-nav-btn{cursor:pointer;pointer-events:auto;opacity:1;filter:drop-shadow(0 4px 12px #a6b35b73);background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:70px;height:70px;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex}.side-nav-btn svg{filter:drop-shadow(0 2px 6px #535a2d4d);width:100%;height:100%}.side-nav-btn:hover{opacity:1;transform:scale(1.15)}#book-side-prev:hover{transform:scale(1.15)translate(-8px)}#book-side-next:hover{transform:scale(1.15)translate(8px)}.side-nav-btn.is-complete{-webkit-backdrop-filter:blur(8px);filter:drop-shadow(0 8px 20px #a6b35b3d);background:#ffffff47;border:1px solid #ffffff7a;border-radius:999px;width:auto;min-width:112px;height:56px;padding:0 1.2rem}.side-nav-btn.is-complete:hover{transform:translate(8px)scale(1.04)}.side-nav-btn.is-complete svg{display:none}.side-nav-complete-label{color:#fff;letter-spacing:.04em;text-shadow:0 1px 6px #535a2d47;white-space:nowrap;font-family:Nanum Pen Script,cursive;font-size:1rem}.final-action-overlay{justify-content:center;width:100%;display:flex;position:absolute;bottom:4rem}.cta-group{align-items:center;gap:.6rem;width:100%;margin-top:1rem;display:flex}.book-cta{background:var(--olive-green);color:#fff;letter-spacing:.02em;cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;width:100%;margin-top:1rem;padding:.85rem 1.75rem;font-family:Nanum Pen Script,cursive;font-size:1.1rem;font-weight:600;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;box-shadow:0 10px 25px #7a8b5f33}.profile-page .book-cta{margin-top:calc(.1rem - 12px)}.nav-arrow-locked{color:#00000026;cursor:not-allowed;background:#00000005;border:1px solid #0000000d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding-bottom:4px;font-family:Cormorant Garamond,serif;font-size:2.2rem;transition:all .4s;display:flex}.book-cta:hover:not(:disabled){transform:translateY(-4px)scale(1.04);box-shadow:0 18px 40px #7a8b5f59}.book-cta:disabled{cursor:not-allowed;box-shadow:none;color:#fff;background:#d4d0c8}.inner-deco{opacity:.1;pointer-events:none;justify-content:center;align-items:center;height:100%;display:flex}.deco-icon{font-size:6rem}@media (width<=1024px){.book-lobby{width:98vw;height:85vh}.leaf-page,.profile-page{padding:2rem}.birth-time-row{grid-template-columns:1fr;gap:.6rem}.solar-lunar-toggle{width:fit-content}.spread-title{font-size:1.7rem}}#loader{background:var(--bg-cream);z-index:150;letter-spacing:.2em;color:var(--olive-green);text-transform:uppercase;justify-content:center;align-items:center;font-size:.8rem;transition:opacity .8s ease-out;display:flex;position:fixed;inset:0}#fortune-lobby-layer{z-index:100;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Nanum Pen Script,cursive;transition:opacity 1s;display:flex;position:fixed;inset:0;overflow:hidden;background:0 0!important}#fortune-lobby-layer.active{opacity:1;pointer-events:auto}.lobby-container,.book-lobby-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;background:0 0!important}.book-lobby{perspective:3000px;width:min(92vw,780px);height:min(85vh,520px);margin:0;position:relative;background:0 0!important}.rb-cubes-wrapper{--rb-cube-face-border:1px solid #7a8b5f57;--rb-cube-face-bg:#f0f4dab8;--rb-cube-ripple-color:#e8e478e6;--rb-cube-perspective:100000000px;aspect-ratio:1;filter:drop-shadow(0 18px 40px #7a8b5f1f);width:min(68vmin,760px);height:auto;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.rb-cubes-scene{width:100%;height:100%;perspective:var(--rb-cube-perspective);touch-action:none;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);grid-auto-rows:1fr;gap:5%;display:grid}.rb-cube{aspect-ratio:1;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.rb-cube:before{content:"";position:absolute;inset:-36px}.rb-cube-face{background:var(--rb-cube-face-bg);border:var(--rb-cube-face-border);opacity:1;box-sizing:border-box;backface-visibility:visible;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.rb-cube-face--top{background:#f0f4dae0;border-color:#7a8b5f61;transform:translateY(-50%)rotateX(90deg)}.rb-cube-face--bottom{background:#a8c8e838;border-color:#7a8b5f3d;transform:translateY(50%)rotateX(-90deg)}.rb-cube-face--left{background:#9bb5672e;transform:translate(-50%)rotateY(-90deg)}.rb-cube-face--right{background:#a8c8e83d;transform:translate(50%)rotateY(90deg)}.rb-cube-face--back,.rb-cube-face--front{background:#f8f5f0d6;transform:rotateY(-90deg)translate(50%)rotateY(90deg)}#fortune-cube-result{color:var(--dark-text);text-align:center;opacity:0;font-family:Pretendard,sans-serif}@media (width<=768px){.rb-cubes-wrapper{width:min(88vw,520px)}}