.hanok-eave[data-astro-cid-u7i5aayw]{position:relative;width:100%;height:clamp(210px,25.4vw,365px);touch-action:pan-y;user-select:none;-webkit-user-select:none}.he-stack[data-astro-cid-u7i5aayw]{position:absolute;inset:0}.he-svg[data-astro-cid-u7i5aayw]{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;overflow:hidden}.he-petals[data-astro-cid-u7i5aayw]{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:3}.he-petals[data-astro-cid-u7i5aayw] svg{position:absolute;will-change:transform,opacity}.he-svg[data-astro-cid-u7i5aayw] .he-sound{opacity:0}.he-svg[data-astro-cid-u7i5aayw] .he-sound.on{animation:heRing .7s ease-out}@keyframes heRing{0%{opacity:0}20%{opacity:1}to{opacity:0}}.he-svg[data-astro-cid-u7i5aayw] .he-draw path{stroke-dasharray:1;stroke-dashoffset:1;animation:heDraw 1.4s cubic-bezier(.65,0,.35,1) forwards;animation-delay:var(--d, 0s)}.he-svg[data-astro-cid-u7i5aayw] .he-fade{opacity:0;animation:heFade .9s ease-out forwards;animation-delay:var(--d, 0s)}@keyframes heDraw{to{stroke-dashoffset:0}}@keyframes heFade{to{opacity:1}}@media (prefers-reduced-motion: reduce){.he-svg[data-astro-cid-u7i5aayw] .he-draw path{animation:none;stroke-dashoffset:0}.he-svg[data-astro-cid-u7i5aayw] .he-fade{animation:none;opacity:1}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);min-height:100vh;overflow-x:hidden}.hero{position:relative;padding:0 0 clamp(var(--space-10),6vw,var(--space-16));margin-bottom:var(--space-12);overflow:hidden}.hero-inner{position:relative;z-index:1;max-width:1148px;margin:var(--space-3) auto 0;padding:0 clamp(var(--space-5),5vw,var(--space-12))}.hero-title{font-family:var(--font-display);font-weight:700;line-height:1;word-break:keep-all;color:var(--color-text-primary);margin:clamp(var(--space-5),2.6vw,var(--space-8)) 0 clamp(var(--space-5),2.2vw,var(--space-6))}.hero-kicker{display:block;font-family:var(--font-heading);font-size:clamp(17px,2.2vw,28px);font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:clamp(8px,1vw,12px)}.hero-title em{display:block;font-style:normal;font-family:var(--font-accent);font-size:clamp(46px,7.4vw,96px);font-weight:800;line-height:1.02;letter-spacing:-.05em;color:var(--yeonji-500)}.hero-foot{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-rule)}.hero-desc{font-family:var(--font-body);font-size:clamp(var(--text-base),1.6vw,var(--text-lg));color:var(--color-text-secondary);line-height:var(--leading-normal);max-width:460px;word-break:keep-all}.section-label{max-width:1148px;margin:0 auto;padding:0 clamp(var(--space-5),5vw,var(--space-12));display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.section-label-text{font-family:var(--font-display);font-size:clamp(20px,2.4vw,28px);font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em;white-space:nowrap}.section-label-line{flex:1;height:1px;background:var(--color-rule)}.grid-section{padding:0 clamp(var(--space-5),5vw,var(--space-12)) clamp(var(--space-16),14vw,var(--space-24))}.key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;row-gap:clamp(var(--space-8),4vw,var(--space-12));max-width:1148px;margin:0 auto}@media (min-width: 340px){.key-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 479px){.key-card{padding:0 2px}.card-name{font-size:15px}.card-name.long{font-size:13px}.card-meta{font-size:12px;letter-spacing:-.02em}}@media (max-width: 599px){.key-grid{row-gap:var(--space-6)}.key-card .card-3d{padding-bottom:185%}.key-card .card-slot-img{height:auto;bottom:auto}.key-card .card-key-img{top:0;left:0;right:0;padding-top:16%}.card-cap{margin-top:var(--space-1);gap:0}}@media (min-width: 600px){.key-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 860px){.key-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.filter-bar{max-width:1148px;margin:0 auto var(--space-4);padding:0 clamp(var(--space-5),5vw,var(--space-12));display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-6)}.filter-row{display:flex;align-items:center;gap:6px;max-width:100%}.filter-row::-webkit-scrollbar{display:none}.filter-label{flex:none;margin-right:2px;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wider);color:var(--color-text-tertiary)}.fchip{position:relative;flex:none;min-height:32px;padding:0 2px;border:none;border-bottom:1px solid transparent;border-radius:0;background:none;color:var(--color-text-tertiary);font-family:var(--font-heading);font-size:13px;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;transition:color var(--dur-fast),border-color var(--dur-fast)}.fchip:after{content:"";position:absolute;inset:-6px}.fchip:hover{color:var(--color-text-primary)}.fchip[aria-pressed=true]{color:var(--color-text-primary);border-bottom-color:var(--yeonji-500);font-weight:700}.filter-row{gap:14px}.filter-row+.filter-row{padding-left:var(--space-6);border-left:1px solid var(--color-rule)}@media (max-width: 719px){.filter-row+.filter-row{padding-left:0;border-left:none;border-top:1px solid var(--color-rule);padding-top:9px}}.filter-count{margin-left:auto;white-space:nowrap;font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-heading);letter-spacing:var(--tracking-wide)}@media (max-width: 719px){.filter-bar{gap:8px}.filter-row{width:100%;padding:3px 0;overflow-x:auto;scrollbar-width:none}.fchip:after{inset:-3px -2px}.filter-count{margin-left:0}}.filter-empty{grid-column:1 / -1;text-align:center;padding:var(--space-12) 0;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.hero-key{position:absolute;z-index:2;right:clamp(var(--space-5),5vw,var(--space-12));top:0;width:clamp(52px,6vw,76px);display:flex;flex-direction:column;align-items:center;background:none;border:0;padding:0;cursor:pointer;transform-origin:50% 0;animation:heroSway 5.2s ease-in-out infinite}.hero-key[hidden]{display:none}.hero-key:hover,.hero-key:focus-visible{animation-duration:1.8s}.hero-key-rope{width:1px;height:clamp(16px,2.6vw,34px);background:var(--color-text-primary)}.hero-key-knot{width:9px;height:9px;margin:-1px 0 3px;transform:rotate(45deg);border:1.5px solid var(--color-text-primary)}.hero-key img{width:100%;height:auto;display:block;filter:drop-shadow(0 6px 10px rgba(32,41,67,.18))}.hero-key-cap{position:absolute;right:0;top:100%;margin-top:var(--space-2);white-space:nowrap;font-family:var(--font-heading);font-size:12px;letter-spacing:.08em;color:var(--color-text-secondary)}@keyframes heroSway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.hero-title{padding-right:clamp(0px,9vw,120px)}@media (max-width: 720px){.hero-key{display:none!important}}@media (prefers-reduced-motion: reduce){.hero-key{animation:none}}.key-card.spot .card-key-img>*{animation:keySwing 1.1s ease-in-out 3}.key-card.spot .card-name{animation:spotName 1.1s ease-out 3}@keyframes spotName{0%,to{color:var(--color-text-primary)}40%{color:var(--yeonji-600)}}.hero-cta{min-height:44px;padding:0 0 2px;display:inline-flex;align-items:center;gap:var(--space-3);background:none;border:none;border-bottom:1px solid var(--color-text-primary);border-radius:0;color:var(--color-text-primary);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;letter-spacing:.06em;cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast)}.hero-actions{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.he-sound-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;background:none;border:none;border-radius:0;font-family:var(--font-heading);font-size:13px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:color .15s}.he-sound-btn:hover{color:var(--color-text-primary)}.he-sound-btn span{color:var(--color-text-tertiary)}.he-spk-on{display:none}.he-sound-btn[aria-pressed=true]{color:var(--color-text-primary)}.he-sound-btn[aria-pressed=true] span{color:var(--yeonji-600)}.he-sound-btn[aria-pressed=true] .he-spk-on{display:inline}.he-sound-btn[aria-pressed=true] .he-spk-off{display:none}.hero-cta-arrow{display:inline-block;transition:transform var(--dur-base) var(--ease-out)}.hero-cta:hover{color:var(--yeonji-600);border-color:var(--yeonji-500)}.hero-cta:hover .hero-cta-arrow{transform:translate(4px)}.key-card{position:relative;cursor:pointer;border-top:3px double var(--color-text-primary);padding:0 var(--space-2)}.key-card.coming-soon{cursor:pointer}.key-card.reserved{cursor:default}.card-3d{position:relative;width:100%;padding-bottom:120%}.card-slot-img{position:absolute;inset:0;width:100%;height:100%;display:block}.card-cap{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:var(--space-3);text-align:center}.card-name{max-width:100%;font-family:var(--font-display);font-size:clamp(16px,1.9vw,20px);font-weight:700;letter-spacing:-.01em;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur-fast)}.card-name.long{font-size:clamp(14px,1.6vw,17px)}.card-name.coming-soon{color:var(--color-text-tertiary);font-weight:600}.key-card:not(.coming-soon):not(.reserved):hover .card-name{color:var(--yeonji-600)}.card-meta{max-width:100%;font-family:var(--font-heading);font-size:12px;color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-key-img{position:absolute;inset:13% 10% 0;display:flex;align-items:flex-start;justify-content:center;z-index:2}.key-card .card-key-img img{height:100%;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(32,41,67,.16))}.card-key-img>*{transform-origin:center top}.key-card:not(.coming-soon):not(.reserved):hover .card-key-img>*{animation:keySwing 1.2s ease-in-out infinite}@keyframes holdRing{0%{background:#ef4d6d00}to{background:#ef4d6d14}}.key-card.pressing{animation:holdRing .6s ease-out forwards}@keyframes keySwing{0%{transform:rotate(0)}15%{transform:rotate(18deg)}35%{transform:rotate(-15deg)}55%{transform:rotate(10deg)}70%{transform:rotate(-7deg)}82%{transform:rotate(4deg)}91%{transform:rotate(-2deg)}to{transform:rotate(0)}}.tips-section{max-width:1148px;margin:0 auto;padding:0 clamp(var(--space-5),5vw,var(--space-12)) clamp(var(--space-16),14vw,var(--space-24))}.tips-intro{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);max-width:640px;margin-bottom:var(--space-4)}.tips-teaser{display:flex;flex-wrap:wrap;row-gap:var(--space-2);padding:var(--space-4) 0;border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.tips-teaser.hidden{display:none}.tip-chip{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.tip-chip+.tip-chip:before{content:"/";margin:0 var(--space-3);color:var(--color-rule-strong);opacity:.35}.tips-grid{display:none;grid-template-columns:repeat(2,1fr);column-gap:var(--space-12);row-gap:var(--space-10);margin-top:var(--space-8)}.tips-grid.expanded{display:grid;animation:fadeUp var(--dur-slower) var(--ease-out)}.tip-card{border-top:2px solid var(--color-text-primary);padding-top:var(--space-4)}.tip-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:-.01em}.tip-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.tip-list li{position:relative;padding-left:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.tip-list li:before{content:"";position:absolute;left:0;top:.8em;width:8px;height:1px;background:var(--color-text-primary)}.tip-list li strong{color:var(--color-text-primary);font-weight:600}.tips-toggle{display:flex;align-items:center;justify-content:center;gap:6px;margin:var(--space-6) 0 0;padding:0 0 2px;min-height:44px;background:none;color:var(--color-text-primary);border:none;border-bottom:1px solid var(--color-text-primary);border-radius:0;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.tips-toggle:hover{color:var(--yeonji-600);border-color:var(--yeonji-600)}.tips-toggle svg{transition:transform var(--dur-base) var(--ease-out)}@media (max-width: 640px){.tips-grid{grid-template-columns:1fr}}.bell-wrapper{position:fixed;bottom:clamp(var(--space-8),8vw,var(--space-16));right:clamp(var(--space-5),3.5vw,var(--space-10));z-index:var(--z-overlay);cursor:pointer;width:clamp(56px,9vw,84px);height:clamp(56px,9vw,84px);user-select:none;background:var(--color-surface);border-radius:50%;border:1px solid var(--color-text-primary);box-shadow:0 4px 14px #20294314;display:flex;align-items:center;justify-content:center;transition:box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}@media (max-width: 599px){.bell-wrapper{width:48px;height:48px;bottom:16px;right:16px}}.bell-wrapper{transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),visibility var(--dur-base),box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.bell-wrapper.is-hidden{opacity:0;transform:translateY(12px) scale(.9);visibility:hidden;pointer-events:none}body:has(#bellWrapper){padding-bottom:calc(clamp(var(--space-8),8vw,var(--space-16)) + clamp(56px,9vw,84px))}@media (max-width: 599px){body:has(#bellWrapper){padding-bottom:72px}}.bell-wrapper:hover{background:#fff;box-shadow:0 8px 22px #20294324}.bell-wrapper{padding:0;font:inherit;color:inherit}.pung-svg{width:54%;height:auto;display:block;overflow:visible}.pung-bell{transform-box:view-box;transform-origin:30px 6px}.pung-fish{transform-box:view-box;transform-origin:30px 40px}.bell-wrapper:hover .pung-fish,.bell-wrapper:focus-visible .pung-fish{animation:pungFish 1.6s ease-in-out infinite}.pung-bell.ringing{animation:pungRing 1.3s cubic-bezier(.3,.7,.4,1)}.pung-bell.ringing .pung-fish{animation:pungFishRing 1.3s cubic-bezier(.3,.7,.4,1)}@keyframes pungFish{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes pungRing{0%{transform:rotate(0)}12%{transform:rotate(16deg)}30%{transform:rotate(-12deg)}48%{transform:rotate(8deg)}66%{transform:rotate(-4deg)}84%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes pungFishRing{0%{transform:rotate(0)}18%{transform:rotate(-26deg)}38%{transform:rotate(22deg)}58%{transform:rotate(-14deg)}76%{transform:rotate(7deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.pung-bell.ringing,.pung-bell.ringing .pung-fish,.bell-wrapper:hover .pung-fish{animation:none}}.rec-overlay{display:none;position:fixed;inset:0;background:#231c1773;backdrop-filter:blur(6px);z-index:var(--z-modal);align-items:center;justify-content:center;padding:20px}.rec-overlay.show{display:flex}.rec-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-8) var(--space-6);max-width:360px;width:100%;box-shadow:var(--shadow-xl);animation:slideUp .22s var(--ease-out);position:relative}.rec-close{position:absolute;top:14px;right:16px;background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--color-text-tertiary);line-height:1;padding:4px;border-radius:6px;transition:color .15s,background .15s}.rec-close:hover{color:var(--color-text-primary);background:#ef4d6d14}.rec-header{text-align:center;margin-bottom:var(--space-5)}.rec-icon-wrap{width:40px;margin:0 auto var(--space-3)}.rec-icon-wrap .pung-svg{width:100%}.rec-overlay.show .rec-icon-wrap .pung-bell{animation:pungRing 1.3s cubic-bezier(.3,.7,.4,1) .15s}.rec-overlay.show .rec-icon-wrap .pung-fish{animation:pungFishRing 1.3s cubic-bezier(.3,.7,.4,1) .15s}.rec-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}.rec-sub{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:3px}.rec-single-hero{display:flex;align-items:center;gap:18px;padding:14px 0;margin-bottom:14px;border-top:1px solid var(--color-rule);border-bottom:1px solid var(--color-rule)}.rec-key-stage{flex-shrink:0;width:72px;height:130px;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.rec-single-key{height:130px;width:auto;max-width:72px;object-fit:contain;object-position:top center}.rec-single-key-placeholder{width:72px;height:130px;flex-shrink:0;border-radius:8px;background:linear-gradient(160deg,var(--yeonji-200),var(--yeonji-400));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-style:italic;font-size:1.4rem;color:#fff}.rec-single-info{flex:1;min-width:0}.rec-single-name{font-family:var(--font-body);font-style:italic;font-size:2rem;color:var(--color-text-primary);line-height:1.1;letter-spacing:var(--tracking-tight)}.rec-single-weather{display:block;margin-top:8px;font-size:var(--text-xs);color:var(--color-text-secondary)}.rec-single-weather-loading{margin-top:8px;font-size:var(--text-xs);color:var(--color-text-tertiary)}.rec-reason{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.65;margin-bottom:14px;padding:0 2px;font-style:italic}.rec-goto{align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;background:var(--color-text-primary);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s;display:flex}.rec-goto:hover{background:var(--yeonji-500);color:#fff;box-shadow:none}.rec-loading{text-align:center;padding:24px 0;font-size:var(--text-sm);color:var(--color-text-tertiary)}.rec-loading-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--yeonji-300);margin:0 2px;animation:recDot 1.2s ease-in-out infinite}.rec-loading-dot:nth-child(2){animation-delay:.2s}.rec-loading-dot:nth-child(3){animation-delay:.4s}@keyframes recDot{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.login-req-overlay{display:none;position:fixed;inset:0;background:#231c1773;backdrop-filter:blur(6px);z-index:var(--z-modal);align-items:center;justify-content:center}.login-req-overlay.show{display:flex}.login-req-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-10) var(--space-8);text-align:center;max-width:300px;width:88%;box-shadow:var(--shadow-xl);animation:slideUp .22s var(--ease-out)}.login-req-icon{display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.login-req-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-2)}.login-req-sub{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-6)}.login-req-btns{display:flex;flex-direction:column;gap:8px}.login-req-btn-primary{display:block;width:100%;padding:var(--space-3) var(--space-6);background:var(--color-text-primary);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);cursor:pointer;text-decoration:none;transition:background .15s,box-shadow .15s}.login-req-btn-primary:hover{background:var(--yeonji-500);color:#fff;box-shadow:none}.login-req-btn-secondary{display:block;width:100%;padding:var(--space-3) var(--space-6);background:none;color:var(--color-text-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s}.login-req-btn-secondary:hover{border-color:var(--yeonji-300);color:var(--yeonji-600)}.login-req-close{margin-top:10px;background:none;border:none;cursor:pointer;font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-heading)}.login-req-close:hover{color:var(--color-text-secondary)}.cs-overlay{display:none;position:fixed;inset:0;background:#231c1766;backdrop-filter:blur(4px);z-index:var(--z-modal);align-items:center;justify-content:center}.cs-overlay.show{display:flex}.cs-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-10) var(--space-8);text-align:center;max-width:300px;width:88%;box-shadow:var(--shadow-xl);animation:slideUp .22s var(--ease-out)}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.cs-icon{width:48px;height:48px;background:var(--yeonji-100);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}.cs-title{font-family:var(--font-display);font-style:italic;font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:var(--tracking-tight)}.cs-sub{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.cs-btn{margin-top:var(--space-6);display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3) var(--space-6);background:var(--color-text-primary);color:var(--color-bg);border:none;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-wide);cursor:pointer;transition:background var(--dur-fast),box-shadow var(--dur-fast)}.cs-btn:hover{background:var(--yeonji-500);color:#fff;box-shadow:none}.key-card.secret:focus-visible{outline:2px solid var(--yeonji-500);outline-offset:4px}.secret-input{width:100%;margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border:1.5px solid var(--yeonji-300);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-heading);font-size:16px;text-align:center;letter-spacing:.08em}.secret-input:focus{outline:none;border-color:var(--yeonji-500);box-shadow:var(--shadow-brand)}.secret-input.shake{animation:secretShake .32s ease-in-out}@keyframes secretShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.secret-msg{min-height:1.4em;margin-top:var(--space-2);font-size:var(--text-xs);color:#b3261e;line-height:var(--leading-normal)}.secret-msg.ok{color:var(--yeonji-600)}@media (prefers-reduced-motion: reduce){.secret-input.shake{animation:none}}.toast-container{position:fixed;bottom:clamp(var(--space-8),8vw,var(--space-12));left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);align-items:center;pointer-events:none}.toast{display:inline-flex;align-items:center;gap:var(--space-3);background:var(--color-text-primary);color:#fff;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);white-space:nowrap;animation:toastIn .25s var(--ease-out)}.toast.removing{animation:toastOut .2s var(--ease-in-out) forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}.fade-up{opacity:0;transform:translateY(14px);animation:fadeUp var(--dur-slower) var(--ease-out) forwards}.fade-up:nth-child(2){animation-delay:80ms}.fade-up:nth-child(3){animation-delay:.14s}.fade-up:nth-child(4){animation-delay:.2s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}