:root{--bg:#090b0a;--panel:#151815;--line:#2d312d;--ink:#f4f4ee;--muted:#a5aaa2;--acid:#d9ff65;--accent:#d9ff65}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:#070908;color:var(--ink);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}.app{width:100%;max-width:560px;min-height:100vh;margin:auto;background:var(--bg);padding-bottom:86px;overflow:hidden}.topbar{height:66px;padding:0 20px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;background:rgba(9,11,10,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:9px;color:white;text-decoration:none;font-weight:900}.brand-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--acid);color:#10130a}.pill-btn{border:1px solid var(--line);background:#171a17;color:#eee;border-radius:999px;padding:9px 12px;font-size:12px}.hero{padding:48px 20px 18px}.kicker{margin:0 0 12px;color:var(--acid);font-size:10px;font-weight:900;letter-spacing:.16em}.hero h1{font-size:44px;line-height:1.08;letter-spacing:-.06em;margin:0}.hero h1 em{color:var(--acid);font-style:normal}.hero-copy{margin:18px 0 26px;color:var(--muted);font-size:14px;line-height:1.75}.filter-box{padding:16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#1b1f1b,#121412)}.filter-label{font-size:12px;font-weight:800}.chips{display:flex;gap:7px;overflow:auto;margin-top:12px;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid #373c36;background:#222622;color:#bbc0b8;border-radius:999px;padding:9px 13px;font-size:12px}.chip.active{background:var(--acid);border-color:var(--acid);color:#11150c;font-weight:900}.section{padding:46px 20px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.section h2{margin:0;font-size:25px;letter-spacing:-.04em}.count{color:#858a82;font-size:11px}.venue-list{display:grid;gap:16px}.venue-card{--accent:#d9ff65;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--panel)}.card-photo{height:258px;position:relative;background:#111;overflow:hidden}.card-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.05) saturate(1.06)}.card-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,6,.48),transparent 38%,transparent 72%,rgba(5,7,6,.12)),linear-gradient(180deg,transparent 46%,rgba(10,12,10,.2) 69%,var(--panel) 100%)}.card-no{position:absolute;z-index:2;top:16px;left:17px;color:rgba(255,255,255,.7);font-size:10px;font-weight:900;letter-spacing:.16em}.official{position:absolute;z-index:2;right:14px;top:14px;border-radius:999px;background:var(--accent);color:#11150c;padding:7px 9px;font-size:8px;font-weight:900;letter-spacing:.08em}.photo-name{position:absolute;z-index:2;left:17px;bottom:24px}.photo-name strong{display:block;font-size:35px;letter-spacing:-.04em}.photo-name span{font-size:11px;color:#ddd}.venue-body{padding:16px 17px 17px}.venue-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.venue-title small{color:var(--accent);font-size:10px;font-weight:900}.venue-title h3{margin:4px 0 0;font-size:23px}.area{border:1px solid #343934;border-radius:999px;padding:7px 10px;color:#c6cbc3;font-size:10px}.venue-desc{color:#b6bbb3;font-size:13px;line-height:1.65;margin:13px 0 11px}.tags{display:flex;flex-wrap:wrap;gap:7px;color:#898e86;font-size:10px}.actions{display:grid;grid-template-columns:1fr 1.15fr;gap:9px;margin-top:17px}.actions button,.actions a{min-height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:900}.compare-btn{border:1px solid #3a4039;background:transparent;color:#c2c7bf}.compare-btn.selected{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 92%)}.detail-btn{border:0;background:#f1f1eb;color:#131612}.compare-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#131613}.compare-row{display:grid;grid-template-columns:68px repeat(3,minmax(118px,1fr));width:max-content;min-width:100%;border-top:1px solid var(--line)}.compare-row:first-child{border-top:0;background:#1d211d}.compare-row>*{padding:13px 10px;min-height:52px;border-left:1px solid var(--line);display:flex;align-items:center;font-size:11px}.compare-row>*:first-child{border-left:0;color:#858b82}.compare-row strong{color:var(--acid)}.compare-row b{font-weight:500;color:#c8cdc5}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.quick-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:linear-gradient(145deg,#1b1e1b,#111411)}.quick-card span{font-size:9px;color:var(--acid);font-weight:900}.quick-card h3{font-size:15px;line-height:1.4;margin:8px 0}.quick-card p{color:#9da29a;font-size:11px;line-height:1.6;margin:0}.quick-card b{display:block;margin-top:12px;color:#e5e8df;font-size:10px}.tabs{display:flex;gap:8px;margin:17px 0 12px}.tab{border:1px solid var(--line);border-radius:999px;background:#171a17;color:#aeb3ab;padding:9px 13px;font-size:11px}.tab.active{color:#11150c;background:var(--acid);border-color:var(--acid);font-weight:900}.tab-panel{display:none;border:1px solid var(--line);border-radius:18px;padding:18px;background:#141714}.tab-panel.active{display:block}.tab-panel p{color:#aeb3ab;font-size:12px;line-height:1.8;margin:0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:17px}.info-card{border:1px solid var(--line);border-radius:16px;padding:15px;background:#141714}.info-card span{font-size:9px;color:#82877f}.info-card strong{display:block;margin-top:7px;font-size:12px;line-height:1.55}.faq{display:grid;gap:8px;margin-top:17px}.faq-item{border:1px solid var(--line);border-radius:15px;background:#141714;overflow:hidden}.faq-q{width:100%;border:0;background:transparent;color:#eef0ea;padding:16px;text-align:left;display:flex;justify-content:space-between;font-size:12px;font-weight:800}.faq-a{display:none;color:#aab0a7;font-size:11px;line-height:1.8;padding:0 16px 16px}.faq-item.open .faq-a{display:block}.cta-box{margin:52px 20px 0;padding:25px 20px;border-radius:24px;background:var(--acid);color:#11150c}.cta-box h2{font-size:27px;margin:0}.cta-box p{font-size:12px;line-height:1.7;color:#46501f}.primary-cta{min-height:52px;padding:0 17px;border-radius:14px;background:#11150c;color:white;text-decoration:none;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:900}footer{padding:50px 20px 26px;color:#777d74;font-size:10px}.modal{display:none;position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);align-items:flex-end;justify-content:center}.modal.open{display:flex}.sheet{width:100%;max-width:560px;max-height:92vh;overflow:auto;border-radius:27px 27px 0 0;border:1px solid #303530;background:#111411;position:relative}.close{position:absolute;z-index:4;right:14px;top:14px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.56);color:white;font-size:23px}.gallery{height:300px;position:relative;background:#080a08}.gallery img{width:100%;height:100%;object-fit:cover;display:block;animation:reveal .5s ease}.gallery:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#111411)}.dots{position:absolute;z-index:3;left:50%;bottom:15px;transform:translateX(-50%);display:flex;gap:7px}.dots button{width:8px;height:8px;border:0;border-radius:50%;background:rgba(255,255,255,.4);padding:0}.dots button.active{width:22px;border-radius:9px;background:var(--accent)}.sheet-body{padding:20px}.sheet-body h2{font-size:31px;margin:0}.sheet-meta{color:#8f958c;font-size:11px}.sheet-body h3{font-size:17px;line-height:1.5;margin:22px 0 8px}.sheet-body p{color:#aab0a7;font-size:12px;line-height:1.8}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.sheet-actions>*{min-height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;font-weight:900}.sheet-compare{border:1px solid #3b403a;background:#1a1e1a;color:#eee}.sheet-contact{background:var(--accent);color:#10140a}.full-link{margin-top:9px;width:100%;min-height:49px;border:1px solid #e7e9e2;border-radius:14px;color:#eef0ea;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.bottom{position:fixed;z-index:30;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:560px;height:70px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(18,21,18,.95);backdrop-filter:blur(16px);border-top:1px solid #303530}.bottom a{color:#858a82;text-decoration:none;font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.bottom a b{font-size:17px}.bottom a.active{color:var(--acid)}.detail-page{--accent:#d9ff65}.detail-hero{height:390px;position:relative}.detail-hero img{width:100%;height:100%;object-fit:cover}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,6,.1),rgba(9,11,10,.2) 55%,var(--bg))}.back{position:absolute;z-index:2;left:16px;top:15px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);color:white;text-decoration:none;border:1px solid rgba(255,255,255,.2)}.detail-intro{padding:0 20px 24px;margin-top:-68px;position:relative;z-index:2}.detail-intro .kicker{color:var(--accent)}.detail-intro h1{font-size:39px;letter-spacing:-.05em;margin:0}.detail-intro>p{color:#b4b9b1;font-size:13px;line-height:1.8}.feature-list{display:grid;gap:9px}.feature{border:1px solid var(--line);border-radius:16px;background:#141714;padding:15px}.feature span{font-size:9px;color:var(--accent);font-weight:900}.feature p{font-size:12px;line-height:1.7;color:#b4b9b1;margin:7px 0 0}.interior-photo{width:100%;border-radius:20px;display:block}.sticky-contact{position:fixed;z-index:25;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:560px;padding:10px 15px;background:rgba(11,13,11,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.sticky-contact a{min-height:52px;border-radius:14px;background:var(--accent);color:#11150c;text-decoration:none;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center}.detail-page .app{padding-bottom:86px}@keyframes reveal{from{opacity:.35;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(max-width:390px){.hero h1{font-size:39px}.quick-grid{grid-template-columns:1fr}.card-photo{height:240px}}
