:root{--bg:#f8f6f2;--panel:#fff;--panel-soft:#ffffffbd;--line:#ece8e3;--text:#101426;--muted:#8c93a3;--coral:#ff5d61;--coral-deep:#ee5257;--green:#34c96f;--green-soft:#edf9f0;--blue:#4d82f1;--shadow:0 20px 50px #1c181414}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:#fff;margin:0;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}.page-shell{min-height:100vh;padding:24px 14px 80px}.page{width:min(1280px,100%);margin:0 auto}.hero-card,.controls-card,.event-card,.detail-modal{box-shadow:var(--shadow);border:1px solid #ffffffb3}.hero-card{background:#ff5a5a;border-radius:24px;justify-content:space-between;gap:24px;padding:20px 18px 18px;display:flex;position:relative}.hero-copy{flex:1;max-width:none}.hero-eyebrow{color:#fff8f3;background:#fff3;border-radius:6px;margin:0 0 10px;padding:4px 8px;font-size:12px;font-weight:700;line-height:1.2;display:inline-block}.hero-card h1{color:#fff;letter-spacing:-.06em;white-space:nowrap;max-width:calc(100% - 72px);margin:0;font-size:28px;font-weight:900;line-height:1.1}.event-meta-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.hero-event{color:var(--text);background:linear-gradient(#ffffff47 0%,#ffffff1f 100%),#ff5d6114;border:1px solid #ff5d6129;border-radius:24px;gap:8px;padding:18px 18px 20px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 18px 32px #1c18140f}.hero-event:hover{background:linear-gradient(#ffffff52 0%,#ffffff29 100%),#ff5d611a;transform:translateY(-1px);box-shadow:0 24px 40px #1c181414}.hero-event--goyang{border-color:#a855f72e}.hero-event--gimhae{border-color:#3b82f62e}.hero-event__region{color:#fff;border-radius:999px;justify-self:start;align-items:center;padding:6px 10px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.hero-event--goyang .hero-event__region{background:#a855f7}.hero-event--gimhae .hero-event__region{background:#3b82f6}.hero-event__line{color:#2a3140;font-size:14px;font-weight:700;line-height:1.4}.hero-event__location{color:#ff5a5a;align-items:flex-start;gap:10px;margin-top:4px;font-size:15px;font-weight:800;line-height:1.45;display:flex}.hero-event__location-icon{flex:none;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.heart-toggle{color:#d1d5db;background:#fff;border:0;border-radius:18px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .16s,color .16s,background .16s,box-shadow .16s;display:inline-flex;box-shadow:0 10px 24px #9b202726}.hero-heart{position:absolute;top:20px;right:18px}.heart-toggle:hover{transform:translateY(-1px)}.heart-toggle.is-active{color:#ff5a5a}.heart-toggle.is-active svg{filter:drop-shadow(0 2px 6px #ff5a5a2e)}.heart-toggle:focus-visible{outline-offset:2px;outline:2px solid #ff5a5a59}.modal-heart{background:#fff;border:1px solid #ece7e1;border-radius:24px;width:66px;height:66px}.controls-card{box-shadow:none;background:#fff;border:0;border-radius:28px;margin-top:18px;padding:0}.search-box{border-radius:20px;align-items:center;display:flex;position:relative}.search-icon{color:#9ca3af;justify-content:center;align-items:center;transition:color .16s;display:inline-flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-box:focus-within .search-icon{color:#ff5a5a}.search-box input{width:100%;color:var(--text);background:#f9fafb;border:none;border-radius:16px;outline:0;padding:16px 16px 16px 48px;font-size:18px;font-weight:500;transition:box-shadow .16s}.search-box input:focus{box-shadow:0 0 0 2px #ff5a5a33}.search-box input::placeholder{color:#b0b6c2;font-weight:500}.filter-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.filter-tab{color:#7f8794;background:#efefef;border:0;border-radius:18px;padding:15px 18px;font-weight:800;transition:transform .16s,background .16s,color .16s}.filter-tab:hover{transform:translateY(-1px)}.filter-tab.is-active{background:var(--green);color:#fff}.results-bar{color:var(--muted);justify-content:space-between;gap:12px;margin-top:14px;font-size:14px;font-weight:700;display:flex}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;margin-top:18px;display:grid}.event-card{text-align:left;background:#fff;border-radius:32px;flex-direction:column;align-self:start;padding:0;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.event-card:hover{transform:translateY(-4px);box-shadow:0 28px 55px #1c18141c}.event-card__visual{flex:none;line-height:0;position:relative}.event-card__media{aspect-ratio:1;background:#f6f4ef;position:relative;overflow:hidden}.event-card__media img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block;position:absolute;inset:0}@media (min-width:641px){.event-card__media{aspect-ratio:4/5}.event-card__media img{width:100%;height:calc(100% + 2px);inset:-2px 0 0}}.event-card__number{color:#1f2431;background:#ffffffe6;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:900;line-height:1;position:absolute;top:18px;left:18px;box-shadow:0 4px 10px #11182714}.event-card__badge{color:#fff;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:800;line-height:1;position:absolute;bottom:12px;right:12px}.event-card__badge.gimhae{background:#3b82f6}.event-card__badge.goyang{background:#a855f7}.event-card__body{min-height:132px;padding:18px 18px 22px}.event-card__title-row{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.event-card__title-row h3{letter-spacing:-.04em;margin:0;font-size:22px;font-weight:900;line-height:1.1}.event-card__title-row span{color:#a1a7b3;white-space:nowrap;font-size:13px;font-weight:600}.event-card__status{color:#ff625a;letter-spacing:.08em;text-transform:uppercase;margin:8px 0 0;font-size:11px;font-weight:700}.event-card__summary{color:#5c6270;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:12px 0 0;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.empty-state{text-align:center;background:#ffffff8c;border:1px dashed #d8d4cc;border-radius:30px;grid-column:1/-1;padding:58px 28px}.empty-state strong{margin-bottom:8px;font-size:24px;display:block}.empty-state p{color:var(--muted);margin:0;font-weight:600}.floating-brand{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#151518f0;border-radius:999px;align-items:center;gap:20px;padding:16px 24px;display:inline-flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #1212124d}.floating-brand__copy{text-align:center;justify-items:center;gap:4px;display:grid}.floating-brand strong{color:var(--coral);letter-spacing:-.05em;font-size:28px;font-weight:900}.floating-brand__copy span{color:#fffc;font-size:13px;font-weight:700}.floating-brand__meta{border-left:1px solid #ffffff29;gap:4px;padding-left:18px;display:grid}.floating-brand__meta span{color:#ffffffd6;font-size:12px;font-weight:700;line-height:1.25}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141418a3;place-items:center;padding:24px 16px;display:grid;position:fixed;inset:0}.detail-modal{background:#fff;border-radius:40px;width:min(880px,100%);max-height:min(92vh,920px);position:relative;overflow:auto}.modal-close{z-index:2;color:#fff;background:#1d1f2470;border:0;border-radius:50%;width:52px;height:52px;font-size:30px;line-height:1;position:absolute;top:22px;right:22px}.modal-media-wrap{background:#f6f4ef;place-items:center;padding:18px 18px 0;display:grid}.modal-media-shell{aspect-ratio:4/5;width:min(100%,576px)}.modal-media{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.modal-content{padding:28px 28px 30px}.modal-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-top>div:first-child{flex:1;min-width:0}.modal-chip{color:#f06057;background:#ff625a1f;border-radius:999px;margin:0 0 14px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.modal-top h2{letter-spacing:-.07em;margin:0;font-size:clamp(34px,4vw,68px);line-height:.94}.modal-meta{color:#626b78;margin:12px 0 0;font-size:21px;font-weight:700}.status-pill{background:var(--green-soft);color:#2f914f;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:10px 14px;font-weight:800;display:inline-flex}.status-pill:before{content:"✓";background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:inline-grid}.modal-section{margin-top:30px}.section-label{color:#d2d1d5;margin:0 0 12px;font-size:15px;font-weight:800}.story-copy{color:#4c5260;white-space:pre-line;word-break:keep-all;margin:0;font-size:18px;line-height:1.75}.trait-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.trait-list li{color:#303645;background:#fafafa;border:1px solid #efede9;border-radius:22px;align-items:center;gap:12px;padding:18px;font-size:17px;font-weight:800;display:flex}.trait-list li:before{content:"✓";color:#ff706a;font-size:24px;line-height:1}.cta-stack{gap:14px;margin-top:28px;display:grid}.cta-button{border-radius:26px;justify-content:center;align-items:center;min-height:76px;padding:18px 24px;font-size:22px;font-weight:800;transition:transform .16s,box-shadow .16s;display:inline-flex}.cta-button:hover{transform:translateY(-2px)}.cta-primary{color:#fff;background:linear-gradient(#f46c63,#ef605a);box-shadow:0 16px 30px #ef605a38}.cta-secondary{color:#697080;background:#fff;border:1px solid #ece7e1}@media (max-width:920px){.cards-grid{grid-template-columns:1fr}.filter-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-content{padding:22px 20px 24px}.modal-heart{border-radius:18px;width:52px;height:52px}.story-copy{font-size:16px}.trait-list li{font-size:15px}.cta-button{min-height:64px;font-size:18px}}@media (max-width:640px){.page-shell{padding:14px 10px 96px}.hero-card{border-radius:22px;gap:16px;padding:16px}.hero-eyebrow{margin-bottom:8px;font-size:11px}.hero-card h1{white-space:normal;max-width:calc(100% - 58px);font-size:22px;line-height:1.05}.event-meta-card{grid-template-columns:1fr;gap:10px;margin-top:14px}.hero-event{border-radius:18px;gap:8px;padding:14px}.hero-event__region{font-size:11px}.hero-event__line{font-size:13px}.hero-event__location{gap:8px;font-size:14px}.hero-heart{top:16px;right:16px}.heart-toggle{border-radius:16px;width:44px;height:44px}.controls-card{border-radius:24px;padding:10px}.search-box input{border-radius:18px;padding:15px 14px 15px 46px;font-size:16px}.filter-tabs{gap:6px;margin-top:10px}.filter-tab{letter-spacing:-.02em;border-radius:14px;padding:12px 8px;font-size:13px;line-height:1.2}.results-bar{margin-top:12px;font-size:12px;line-height:1.3}.cards-grid{gap:14px;margin-top:16px}.event-card{border-radius:24px}.event-card__badge{font-size:11px;bottom:14px;right:14px}.event-card__number{padding:6px 9px;font-size:11px;top:14px;left:14px}.event-card__body{min-height:0;padding:16px 16px 18px}.event-card__title-row h3{font-size:26px}.event-card__title-row span{font-size:12px}.event-card__status{margin-top:7px;font-size:10px}.event-card__summary{margin-top:10px;font-size:14px;line-height:1.5}.floating-brand{text-align:center;border-radius:20px;flex-direction:column;justify-content:center;gap:8px;width:calc(100% - 20px);max-width:360px;padding:14px 16px;bottom:12px}.floating-brand strong{font-size:17px;line-height:1}.floating-brand__copy{gap:3px}.floating-brand span{font-size:11px;line-height:1.2}.floating-brand__meta{border-top:1px solid #ffffff1f;border-left:0;gap:3px;width:100%;padding-top:8px;padding-left:0}.floating-brand__meta span{font-size:10px;line-height:1.3}.detail-modal{border-radius:28px}.modal-close{width:42px;height:42px;font-size:24px;top:14px;right:14px}}@media (max-width:420px){.filter-tab{font-size:12px}.results-bar{font-size:11px}}