:root{--kt-background-default:#F3F4F6;--kt-surface-primary-02:#FFFFFF;--kt-surface-primary-03:#F3F4F6;--kt-text-primary:#191A1B;--kt-text-secondary-01:#4A4C50;--kt-text-tertiary-01:#61646B;--kt-text-feedback-critical-01:#BB1B21;--kt-border-tertiary-01:#E9EAEE;--kt-border-secondary-01:#D5D8DD;--kt-fill-primary:#191A1B;--kt-fill-accent-primary:#E0282F;--kt-graphic-blue:#2BA7E8;--kt-graphic-green:#3ABD8B;--kt-graphic-yellow:#FFA82E;--bg:var(--kt-background-default);--surface:var(--kt-surface-primary-02);--soft:var(--kt-surface-primary-03);--line:var(--kt-border-tertiary-01);--stage:var(--kt-surface-primary-02);--stage-2:var(--kt-surface-primary-03);--ink:var(--kt-text-primary);--ink-2:var(--kt-text-secondary-01);--ink-3:var(--kt-text-tertiary-01);--on-stage:var(--kt-text-primary);--accent:var(--kt-fill-primary);--on-accent:#FFFFFF;--accent-soft:var(--kt-surface-primary-03);--seam:var(--kt-graphic-blue);--seam-line:var(--kt-border-secondary-01);--ok:var(--kt-graphic-green);--warn:var(--kt-graphic-yellow);--err:var(--kt-text-feedback-critical-01);--font-display:"Pretendard Variable",Pretendard,-apple-system,system-ui,sans-serif;--font-body:"Pretendard Variable",Pretendard,-apple-system,system-ui,sans-serif;--fs-display:20px;--fs-h1:20px;--fs-h2:18px;--fs-h3:17px;--fs-body:16px;--fs-small:14px;--fs-caption:13px;--fs-body2:15px;--fs-label:17px;--fs-title:20px;--fs-lead:16px;--fs-hero:36px;--lh-body:1.6;--lh-title:1.35;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;--sp-title:12px;--gutter:16px;--block:48px;--measure:480px;--page:1200px;--r-btn:8px;--r-card:16px;--r-media:12px;--r-chip:12px;--r-line:2px;--shadow-dock:0 -2px 8px rgba(0,0,0,.06);--shadow-sheet:0 4px 16px rgba(0,0,0,.10);--shadow-1:0 1px 2px rgba(17,18,20,.04),0 8px 24px rgba(17,18,20,.06);--shadow-2:0 2px 4px rgba(17,18,20,.05),0 18px 48px rgba(17,18,20,.12);--shadow-media:0 24px 64px rgba(0,0,0,.5);--shadow-badge:0 1px 4px rgba(0,0,0,.35);--media-black:#000000;--scrim-1:rgba(0,0,0,.45);--scrim-2:rgba(0,0,0,.6);--scrim-3:rgba(0,0,0,.92);--line-mid:rgba(127,127,127,.2);--gold:#8A5A10;--gold-line:#E2C690;--gold-glow:0 0 0 1px rgba(138,90,16,.18);--gold-ring:0 0 0 2px #E2C690,0 0 16px 4px rgba(226,198,144,.45);--glass:rgba(255,255,255,.92);--focus:var(--kt-fill-primary);--media-shade:#0E0F11;--media-ink:#F5F2EC;--media-ink-2:rgba(245,242,236,.78);--media-ink-3:rgba(245,242,236,.62);--media-line-1:rgba(255,255,255,.12);--media-line-2:rgba(255,255,255,.24);--media-line-3:rgba(255,255,255,.6);--media-glow:#F3CF96;--media-glow-line:rgba(243,207,150,.5);--media-glow-soft:0 0 10px rgba(243,207,150,.6);--media-glow-ring:0 0 0 2px rgba(243,207,150,.5),0 0 24px 6px rgba(243,207,150,.35);--st-header-glass:rgba(243,244,246,.82);--st-bar-glass:rgba(255,255,255,.92);--text-critical:var(--kt-text-feedback-critical-01);--kt-graphic-red-soft:#FDECEC;--kt-graphic-blue-soft:#E7F5FD;--kt-graphic-blue-ink:#16729F;--kt-graphic-green-soft:#E6F7F0;--kt-graphic-green-ink:#1F7A57;--kt-graphic-green-line:#BFE6D5;--kt-graphic-yellow-soft:#FFF8EC;--kt-graphic-yellow-line:#FFD9A0;--fl-20:12px;--fl-28:16px;--fl-40:24px;--fl-64:32px;--fl-80:48px;--fl-120:64px;--fl-160:96px;--st-sec:64px;--header-h:60px;--t-press:150ms;--t-select:240ms;--t-progress:400ms;--ease:cubic-bezier(.2,.7,.2,1);--touch:48px;--btn-main:48px}@media (max-width:479px){:root{--header-h:56px}}@media (min-width:768px){:root{--gutter:32px;--fl-20:16px;--fl-28:24px;--fl-40:32px;--fl-64:48px;--fl-80:64px;--fl-120:96px;--fl-160:128px;--st-sec:96px}}@media (min-width:1024px){:root{--fs-display:40px;--fs-h1:36px;--fs-h2:20px;--fs-h3:18px;--fs-body:16px;--fs-small:14px;--fs-caption:13px;--block:64px;--fs-lead:18px;--fs-hero:40px;--sp-title:16px;--fl-20:24px;--fl-28:24px;--fl-40:48px;--fl-64:64px;--fl-80:96px;--fl-120:128px;--fl-160:128px;--st-sec:128px}}@media (prefers-reduced-motion:reduce){:root{--t-press:0ms;--t-select:0ms;--t-progress:0ms}}@font-face{font-family:Pretendard Variable;font-style:normal;font-display:swap;font-weight:45 920;src:url(/fonts/pretendard-core.woff2) format("woff2-variations");unicode-range:u+20-22,u+27-2a,u+2c-39,u+3a-3b,u+3f,u+41-4e,u+4f-5d,u+61-7b,u+7d,u+a0-a1,u+ab,u+ad-ae,u+b7,u+bb,u+bf,u+2013-2014,u+201c-201d,u+2122,u+ac00,u+ace0,u+ae30,u+b2e4,u+b85c,u+b9ac,u+c0ac,u+c2a4,u+c2dc,u+c774,u+c778,u+c9c0,u+d558}:root{--paper:var(--bg);--sub:var(--ink-2);--card:var(--surface);--wine:var(--accent);--wine-ink:var(--on-accent);--wine-soft:var(--accent-soft);--wood:var(--stage-2);--wood2:var(--stage);--serif:var(--font-display);--sans:var(--font-body);--r:var(--r-btn)}*{box-sizing:border-box}body,html{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}main{max-width:480px;margin:0 auto;padding:12px 20px 120px}h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:-.01em}h1{font-size:27px;line-height:1.35;margin:20px 0 10px}h2{font-size:20px;line-height:1.4;margin:36px 0 10px}p{margin:8px 0}a{color:var(--wine)}:focus-visible{outline:2px solid var(--wine);outline-offset:2px}.sub{color:var(--sub);font-size:14.5px}.lead{font-size:17px;color:var(--ink)}.btn{display:block;width:100%;min-height:54px;border:0;border-radius:var(--r);background:var(--wine);color:var(--wine-ink);font:600 17px/1.3 var(--sans);text-align:center;text-decoration:none;padding:15px;cursor:pointer}.btn small{display:block;font-weight:400;font-size:13px;opacity:.85;margin-top:2px}.btn.off,.btn[disabled]{opacity:.35;pointer-events:none}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn.quiet{background:var(--soft);color:var(--ink)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:12px 0}.row{display:flex;gap:10px;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}hr.rule{border:0;border-top:1px solid var(--line);margin:28px 0}.steps{display:flex;position:-webkit-sticky;position:sticky;top:0;background:var(--paper);z-index:5;border-bottom:1px solid var(--line);margin:0 -20px;padding:12px 20px 10px}.steps a,.steps span{flex:1 1;text-align:center;font-size:12.5px;color:var(--sub);text-decoration:none;position:relative;padding-top:14px}.steps a:before,.steps span:before{content:"";position:absolute;top:0;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--line)}.steps .done{color:var(--ink)}.steps .done:before{background:var(--sub)}.steps .on{color:var(--wine);font-weight:700}.steps .on:before{background:var(--wine);width:9px;height:9px;margin-left:-4.5px;top:-1px}.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.chip{flex:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:7px 14px;font:14px/1.3 var(--sans);cursor:pointer}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.scene{position:relative;display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:var(--r);background:var(--card);padding:8px 8px 12px;cursor:pointer;font:inherit;color:inherit}.scene.on{border-color:var(--wine);box-shadow:inset 0 0 0 1px var(--wine);background:var(--wine-soft)}.ph,.scene .ph{aspect-ratio:16/9;border-radius:6px;background:linear-gradient(160deg,#EADCC6,#F6EEE1 70%);display:flex;align-items:flex-end;justify-content:flex-start;font-size:11.5px;color:var(--sub);padding:6px 8px}.scene .t{font-size:14.5px;font-weight:500;line-height:1.4;margin-top:8px}.scene .age{font-size:12px;color:var(--sub)}.badge{position:absolute;top:12px;right:12px;font-size:11.5px;background:var(--ink);color:var(--paper);border-radius:4px;padding:1px 7px}.badge.rec{background:var(--wine)}.badge.sug{background:var(--sub)}.ex{font-size:11px;color:var(--sub);background:rgba(255,253,248,.85);border-radius:3px;padding:0 5px}.bar{height:6px;background:var(--soft);border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--wine);transition:width .4s}@media (prefers-reduced-motion:reduce){.bar>i{transition:none}}.thumbs{display:flex;gap:10px;overflow-x:auto}.thumb{flex:none;width:84px;height:84px;border-radius:8px;border:1px dashed #cdbda6;background:var(--card);display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:22px;color:var(--sub);cursor:pointer;padding:0}.thumb img{width:100%;height:100%;object-fit:cover}.thumb.solid{border-style:solid}.ladder{display:flex;gap:10px;overflow-x:auto}.ladder>div{flex:none;width:92px;font-size:11.5px;color:var(--sub);line-height:1.4}.ladder .ph{aspect-ratio:3/4;margin-bottom:4px;align-items:center;justify-content:center;text-align:center;color:var(--ink);font-size:11.5px}.notice{background:#F7EED9;border-left:3px solid var(--seam);padding:10px 12px;border-radius:0 6px 6px 0}.err,.notice{font-size:14px}.err{color:var(--err)}.sheet{background:var(--card);border-top:1px solid var(--line);border-radius:16px 16px 0 0;z-index:20;box-shadow:0 -12px 40px rgba(42,33,28,.18)}.dock,.sheet{position:fixed;left:0;right:0;bottom:0;padding:20px;max-width:480px;margin:0 auto}.dock{background:linear-gradient(rgba(251,246,236,0),var(--paper) 28%)}input,select,textarea{width:100%;font:inherit;border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:var(--card);color:var(--ink)}label{display:block;font-size:14px;font-weight:500;margin:14px 0 6px}label.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:15px}label.check input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--wine)}:where(.ui-page) label{margin:0;font-size:inherit}details.card summary{cursor:pointer;font-weight:500;list-style:none}details.card summary:after{content:"+";float:right;color:var(--sub)}details[open].card summary:after{content:"−"}.player{aspect-ratio:16/9;border-radius:var(--r);background:var(--wood2);color:#E9DFCF;display:flex;align-items:center;justify-content:center;font-size:13.5px}.door,.player{position:relative;overflow:hidden}.door{aspect-ratio:16/10;margin:8px -20px 0;background:linear-gradient(90deg,var(--wood) 0,var(--wood2) 49.6%,var(--wood2) 50.4%,var(--wood) 100%)}.door:after,.door:before{content:"";position:absolute;top:9%;bottom:9%;width:34%;border:1px solid rgba(217,178,106,.18);border-radius:2px}.door:before{left:9%}.door:after{right:9%}.door .seam{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:linear-gradient(transparent,var(--seam) 18%,#FFF3D6 50%,var(--seam) 82%,transparent);box-shadow:0 0 18px 6px rgba(217,178,106,.45),0 0 60px 18px rgba(217,178,106,.18);animation:seam 4.5s ease-in-out infinite}@keyframes seam{0%,to{opacity:.75}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.door .seam{animation:none}}.door .cap{position:absolute;left:0;right:0;bottom:0;padding:14px 20px;color:#F3EADB;background:linear-gradient(transparent,rgba(28,20,16,.85))}.door .cap .ex{background:rgba(0,0,0,.35);color:#E9DFCF}.door .film{position:absolute;left:18%;right:18%;top:16%;aspect-ratio:16/9;background:rgba(0,0,0,.28);border:1px solid rgba(217,178,106,.3);display:flex;align-items:center;justify-content:center;color:#E9DFCF;font-size:13px;border-radius:4px}.price{font-family:var(--serif);font-size:30px;font-weight:700;letter-spacing:-.02em}.steplist{counter-reset:s;list-style:none;padding:0;margin:0}.steplist li{counter-increment:s;position:relative;padding:0 0 18px 40px;border-left:1px solid var(--line);margin-left:13px}.steplist li:last-child{border-left-color:transparent}.steplist li:before{content:counter(s);position:absolute;left:-14px;top:-2px;width:27px;height:27px;border-radius:50%;background:var(--paper);border:1px solid var(--ink);font:600 13px/25px var(--serif);text-align:center}.steplist b{display:block;font-family:var(--serif);font-size:16.5px}.pick{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:18px 0 6px}.pick a{display:flex;flex-direction:column;justify-content:space-between;min-height:132px;border-radius:var(--r);padding:14px;text-decoration:none;border:1px solid var(--ink);color:var(--ink);background:var(--card)}.pick a.main{background:var(--wine);border-color:var(--wine);color:var(--wine-ink)}.pick b{font-family:var(--serif);font-size:18px;line-height:1.3}.pick span{font-size:13px;line-height:1.45;opacity:.85}.pick em{font-style:normal;font-size:13px;font-weight:600;margin-top:8px}.timeline{list-style:none;padding:0;margin:8px 0 0}.timeline li{display:flex;gap:12px;align-items:flex-start}.timeline .num{flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--ink);font:600 13px/26px var(--serif);text-align:center;background:var(--paper)}.tl-scene{padding:10px 0}.tl-custom{padding:12px;margin:4px 0;border:1px solid var(--wine);border-radius:var(--r);background:var(--wine-soft)}.tl-custom .num{border-color:var(--wine);color:var(--wine)}.tag{display:inline-block;font-size:11.5px;background:var(--wine);color:var(--wine-ink);border-radius:4px;padding:0 6px}.slot{padding:2px 0 2px 40px}.slot button{width:100%;min-height:44px;border:1.5px dashed #bfa98c;border-radius:var(--r);background:transparent;color:var(--wine);font:500 14.5px/1.3 var(--sans);cursor:pointer}.slot button:hover{background:var(--card)}.slot button[disabled]{opacity:.35;cursor:default}.tl-end{padding:6px 0 0 40px}.thumb.cand.on{outline:3px solid var(--wine);outline-offset:1px}.brand-mark b{font-family:var(--serif);font-size:17px;letter-spacing:.02em;color:var(--ink)}.brand-mark span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sub);margin-left:4px}.site-footer{max-width:560px;margin:40px auto 120px;padding:18px 16px 0;border-top:1px solid var(--line);font-size:11.5px;line-height:1.7;color:var(--sub)}.site-footer p{margin:0}.site-footer .brand-mark{margin-bottom:6px}.pick .soon{display:grid;grid-gap:2px;gap:2px;padding:14px;border:1px dashed var(--line);border-radius:var(--r);color:var(--sub)}