*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-body);min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column;background:var(--color-bg)}body:has(#khDim.show),body:has(.unv-overlay.show){overflow:hidden}.navbar{position:sticky;top:0;z-index:50;background:#f7f1e3d1;backdrop-filter:blur(16px);border-bottom:1px solid rgba(239,77,109,.15);height:56px;padding:0 clamp(20px,5vw,48px);display:flex;align-items:center;gap:24px}.navbar-logo{font-family:var(--font-display);font-size:20px;font-style:italic;font-weight:600;color:var(--yeonji-600);text-decoration:none;flex-shrink:0}.navbar-links{display:flex;list-style:none;gap:4px}.navbar-links a{font-family:var(--font-heading);font-size:13px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;padding:8px 12px;border-radius:10px;transition:color .15s,background .15s}.navbar-links a:hover,.navbar-links a.active{color:var(--yeonji-600);background:var(--yeonji-50)}@media (max-width:600px){.navbar-links{display:none}}.page-header{width:100%;max-width:1148px;margin:0 auto;padding:clamp(20px,3vh,40px) clamp(20px,5vw,48px) clamp(12px,2vh,24px)}.page-eyebrow{color:var(--color-text-primary)}.page-title{font-family:var(--font-display);font-weight:600;font-size:clamp(34px,5.6vw,72px);letter-spacing:-.03em;line-height:1.05;color:var(--color-text-primary);margin-top:clamp(16px,2.5vh,28px)}.page-desc{font-family:var(--font-body);font-size:15px;color:var(--color-text-secondary);margin-top:10px}.key-rack-section{flex:0 0 auto;position:relative;height:calc(100vh - 280px);min-height:340px;display:flex;align-items:stretch}.rack-beam{position:absolute;top:0;left:0;right:0;z-index:1}.rack-status{display:none}.key-rack{display:flex;gap:0;padding:13px 0 12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;flex-wrap:nowrap;width:100%;height:100%;align-items:flex-start;user-select:none}.key-rack::-webkit-scrollbar{display:none}.key-item{flex-shrink:0;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;user-select:none;height:100%;transition:transform .35s var(--ease-out)}.key-item:hover{transform:translateY(6px)}.key-item.coming-soon{cursor:default;opacity:.3;pointer-events:none}.key-nametag{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.key-item.unvisited .key-nametag{color:var(--color-text-tertiary);font-weight:400}.key-img-wrap{position:relative;width:clamp(150px,15vw,260px);flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center;padding-top:44px}.key-hook{position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:44px;background:var(--color-text-primary)}.key-hook:after{content:"";position:absolute;left:50%;top:18px;width:8px;height:8px;transform:translate(-50%) rotate(45deg);border:1.2px solid var(--color-text-primary);background:var(--color-bg)}.key-img{width:100%;height:100%;object-fit:contain;object-position:top center;transform-origin:50% 0%;transition:transform .35s var(--ease-out),filter .3s;filter:drop-shadow(0 8px 14px rgba(32,41,67,.16))}.key-item.unvisited .key-img{filter:grayscale(1) contrast(.9) opacity(.55)}.key-item.visited:hover .key-img{animation:keySwing .9s ease-in-out}@keyframes keySwing{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.key-status-dot{width:7px;height:7px;transform:rotate(45deg);background:var(--bichwi-400);border:1.2px solid var(--bichwi-400)}.key-item.unvisited .key-status-dot{background:transparent;border-color:var(--color-text-tertiary)}#khDim{position:fixed;inset:0;z-index:199;background:transparent;opacity:0;pointer-events:none;transition:opacity .3s}#khDim.show{opacity:1;pointer-events:auto}#khHolder{position:fixed;top:80%;left:50%;z-index:200;display:none;transition:top .75s cubic-bezier(.22,1,.36,1)}#khCircleEl{position:absolute;border-radius:50%;background:#0d0907;transform:translate(-50%,-50%);width:0;height:0;overflow:hidden;box-shadow:none;transition:width .7s cubic-bezier(.22,1,.36,1),height .7s cubic-bezier(.22,1,.36,1),box-shadow .7s ease;z-index:2}#khCircleEl.glowing{box-shadow:0 0 50px #c85963e6,0 0 110px #bb3e498c,inset 0 0 35px #c34a5459}#khCircleEl.sphere{box-shadow:0 0 80px #edb2b699,0 0 200px #e79a9f59,inset 0 0 50px #ffffff40;border:1px solid rgba(255,255,255,.5)}#khSphereLayer{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 33% 28%,#fff,#fffffff5 10%,#fdf6f7cc 26%,#f9e6e794,#f5d6d861 62%,#f1c4c738 78%,#edb0b41f);opacity:0;transition:opacity 1.1s ease;pointer-events:none;z-index:0}#khCircleEl.sphere #khSphereLayer{opacity:1}@keyframes sbFloat1{0%,to{transform:translate(0) rotate(-3deg)}38%{transform:translate(14px,-20px) rotate(2deg)}72%{transform:translate(-8px,-10px) rotate(-1deg)}}@keyframes sbFloat2{0%,to{transform:translate(0) rotate(5deg)}33%{transform:translate(-16px,-18px) rotate(-2deg)}66%{transform:translate(10px,-14px) rotate(4deg)}}@keyframes sbFloat3{0%,to{transform:translate(0) rotate(-2deg)}50%{transform:translate(12px,-22px) rotate(3deg)}78%{transform:translate(-6px,-8px) rotate(-3deg)}}@keyframes sbFloat4{0%,to{transform:translate(0) rotate(4deg)}36%{transform:translate(-14px,-16px) rotate(-1deg)}64%{transform:translate(16px,-18px) rotate(2deg)}}@keyframes sbFloat5{0%,to{transform:translate(0) rotate(-1deg)}44%{transform:translate(-8px,-24px) rotate(3deg)}74%{transform:translate(10px,-6px) rotate(-2deg)}}@keyframes sbFloat6{0%,to{transform:translate(0) rotate(3deg)}42%{transform:translate(16px,-14px) rotate(-2deg)}70%{transform:translate(-10px,-18px) rotate(1deg)}}#khShaftEl{position:absolute;background:#0d0907;left:0;top:0;width:0;height:0;transform:translate(-50%);clip-path:polygon(10% 0%,90% 0%,98% 100%,2% 100%);transition:width .7s cubic-bezier(.22,1,.36,1),height .7s cubic-bezier(.22,1,.36,1),top .7s cubic-bezier(.22,1,.36,1);z-index:1}#khPhotosEl{position:absolute;inset:0;z-index:1;border-radius:50%;overflow:hidden}.kh-photo{position:absolute;border-radius:8px;overflow:hidden;box-shadow:0 4px 18px #00000059,0 0 0 1px #ffffff26;opacity:0;transition:opacity .7s ease}.kh-photo img{width:100%;height:100%;object-fit:cover;display:block}#khPhotosEl.floating .kh-photo{opacity:1}#khPhotosEl.floating .kh-photo:nth-child(1){animation:sbFloat1 6.2s ease-in-out infinite}#khPhotosEl.floating .kh-photo:nth-child(2){animation:sbFloat2 7.6s ease-in-out infinite .9s}#khPhotosEl.floating .kh-photo:nth-child(3){animation:sbFloat3 8.1s ease-in-out infinite 1.6s}#khPhotosEl.floating .kh-photo:nth-child(4){animation:sbFloat4 6.7s ease-in-out infinite 2.3s}#khPhotosEl.floating .kh-photo:nth-child(5){animation:sbFloat5 7.3s ease-in-out infinite .5s}#khPhotosEl.floating .kh-photo:nth-child(6){animation:sbFloat6 8.8s ease-in-out infinite 1.2s}.kh-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#65222780}.kh-empty span:first-child{font-size:48px}.kh-empty span{font-size:14px;font-family:var(--font-body);font-style:italic}.kh-glass{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.75) 0%,rgba(255,255,255,.18) 28%,transparent 48%),radial-gradient(circle at 68% 70%,rgba(242,198,201,.18) 0%,transparent 35%);pointer-events:none;z-index:10}.kh-arrow{position:absolute;top:50%;z-index:11;transform:translateY(-50%);background:#ffffff1f;border:none;color:#fffc;width:34px;height:34px;border-radius:50%;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;backdrop-filter:blur(4px)}.kh-arrow:hover{background:#ffffff38}.kh-arrow.prev{left:10px}.kh-arrow.next{right:10px}.kh-arrow:disabled{opacity:.2;cursor:default}.kh-nav-dots{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:11}.kh-dot{width:6px;height:6px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:background .2s,transform .2s}.kh-dot.active{background:#ffffffe6;transform:scale(1.3)}#khUiLayer{position:fixed;inset:0;z-index:201;pointer-events:none;opacity:0;transition:opacity .4s}#khUiLayer.show{opacity:1;pointer-events:auto}#khDestLbl{position:absolute;top:clamp(18px,3.5vh,32px);left:50%;transform:translate(-50%);font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;font-size:clamp(24px,3.6vw,38px);color:var(--color-text-primary);text-shadow:0 1px 10px rgba(255,255,255,.8),0 2px 20px rgba(255,255,255,.5);white-space:nowrap;pointer-events:none}#khTripLnk{position:absolute;bottom:clamp(18px,4vh,36px);left:50%;transform:translate(-50%);font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:.08em;background:var(--color-text-primary);color:var(--color-bg);border-radius:2px;padding:11px 26px;text-decoration:none;transition:background .2s;pointer-events:auto}#khTripLnk:hover{background:var(--yeonji-500)}#khCloseBtn{position:absolute;top:clamp(14px,2.5vh,24px);right:clamp(14px,3vw,28px);background:var(--color-surface);border:1px solid var(--color-text-primary);color:var(--color-text-primary);width:40px;height:40px;border-radius:50%;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);transition:background .2s;pointer-events:auto;box-shadow:0 2px 12px #ebaaae33}#khCloseBtn:hover{background:#fff}.mobile-nav-btn{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:44px;height:44px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-text-primary);cursor:pointer;align-items:center;justify-content:center;transition:background .2s}.mobile-nav-btn path{stroke:var(--color-text-primary)}.mobile-nav-btn:hover{background:#fff}.mobile-nav-prev{left:12px}.mobile-nav-next{right:12px}.search-wrap{position:relative;display:inline-flex;align-items:center;margin-top:16px}.search-wrap .search-icon{position:absolute;left:2px;pointer-events:none;color:var(--color-text-secondary);display:flex;align-items:center}.search-wrap input{font-family:var(--font-heading);font-size:13px;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:1px solid var(--color-rule-strong);border-radius:0;padding:8px 4px 8px 24px;outline:none;width:230px;transition:border-color .2s,background .2s,width .3s}.search-wrap input::placeholder{color:var(--color-text-tertiary)}.search-wrap input:focus{width:260px;border-color:var(--yeonji-500)}.navbar-search-wrap{display:none;flex:1;justify-content:center;align-items:center}.navbar-search-wrap .search-inner{position:relative;display:inline-flex;align-items:center}.navbar-search-wrap .search-icon{position:absolute;left:13px;pointer-events:none;color:var(--yeonji-600);display:flex;align-items:center}.navbar-search-wrap input{font-family:var(--font-heading);font-size:12px;color:var(--color-text-secondary);background:#ffffffb3;backdrop-filter:blur(8px);border:1px solid rgba(239,77,109,.25);border-radius:999px;padding:7px 18px 7px 34px;outline:none;width:clamp(130px,28vw,180px);transition:border-color .2s,background .2s}.navbar-search-wrap input::placeholder{color:var(--color-text-tertiary)}.navbar-search-wrap input:focus{background:#fffffff2;border-color:#ef4d6d80}.hamburger-btn{display:none;flex-shrink:0;margin-left:auto;background:none;border:none;cursor:pointer;width:36px;height:36px;border-radius:10px;align-items:center;justify-content:center;color:var(--yeonji-600);transition:background .15s}.hamburger-btn:hover{background:var(--yeonji-50)}.mobile-menu{position:fixed;top:56px;left:0;right:0;z-index:49;background:#f7f1e3f7;backdrop-filter:blur(20px);border-bottom:1px solid rgba(239,77,109,.12);padding:8px 12px 14px;display:none;flex-direction:column;box-shadow:0 8px 32px #4623191a}.mobile-menu.open{display:flex}.mm-item{font-family:var(--font-heading);font-size:15px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;padding:11px 14px;border-radius:12px;display:flex;align-items:center;gap:10px;transition:color .15s,background .15s;background:none;border:none;cursor:pointer;width:100%;text-align:left}.mm-item:hover{color:var(--yeonji-600);background:#ef4d6d14}.mm-item.active{color:var(--yeonji-600);font-weight:600}@media (max-width:767px){.navbar-links{display:none!important}.hamburger-btn{display:flex}.key-rack-section{position:relative;height:calc(100vh - 70px)}.mobile-nav-btn{display:flex}.page-header{display:none}.rack-status{display:flex;align-items:baseline;gap:8px;position:absolute;top:0;left:0;right:0;z-index:2;padding:10px 20px;font-family:var(--font-heading);font-size:12px;letter-spacing:.04em;color:var(--color-text-secondary);background:var(--color-bg)}.rack-status b{font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-primary)}.rack-hint{margin-left:auto;letter-spacing:0;color:var(--color-text-tertiary)}.rack-beam{top:38px}.key-rack{padding-top:51px}.navbar-search-wrap{display:flex}.key-item{min-width:100vw;width:100vw}.key-img-wrap{width:clamp(220px,76vw,340px)}.key-item:hover{transform:none}}.gallery-trip-index{flex:0 0 auto;width:100%;background:var(--color-bg);border-top:1px solid var(--color-rule)}.unv-overlay{position:fixed;inset:0;z-index:300;background:#1f1611b3;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.unv-overlay.show{opacity:1;pointer-events:all}.unv-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-8) var(--space-7);max-width:340px;width:90%;text-align:center;box-shadow:var(--shadow-xl);animation:slideUp .25s var(--ease-out)}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.unv-icon{display:block;margin-bottom:var(--space-5)}.unv-msg{font-family:var(--font-body);font-weight:500;font-size:18px;color:var(--color-text-primary);line-height:1.5;margin-bottom:var(--space-6)}.unv-btns{display:flex;gap:var(--space-3)}.unv-go{flex:1;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;background:var(--color-text-primary);color:var(--color-bg);border-radius:2px;padding:var(--space-3) var(--space-4);text-decoration:none;transition:background .15s}.unv-go:hover{background:var(--yeonji-500)}.unv-cancel{flex:1;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;background:none;color:var(--color-text-secondary);border:1px solid var(--color-rule-strong);border-radius:2px;padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .15s}.unv-cancel:hover{color:var(--color-text-primary)}