: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;max-width:calc(100% - 72px);margin:0;font-size:28px;font-weight:900;line-height:1.1}.hero-location{color:#fff;background:#a32c2e3d;border-radius:18px;align-items:center;gap:10px;width:100%;margin-top:18px;padding:14px 16px;font-size:15px;font-weight:500;transition:background .16s;display:flex}.hero-location:hover{background:#a32c2e57}.hero-location__icon{justify-content:center;align-items:center;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(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.event-card{text-align:left;background:#fff;border-radius:32px;padding:0;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.event-card:hover{transform:translateY(-4px);box-shadow:0 28px 55px #1c18141c}.event-card__visual{position:relative}.event-card__media{aspect-ratio:1;background:#f6f4ef;overflow:hidden}.event-card__media img,.modal-media{object-fit:cover;width:100%;height:100%;display:block}.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.introvert{background:#3b82f6}.event-card__badge.extrovert{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;margin:12px 0 0;font-size:15px;line-height:1.55}.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:16px;padding:16px 24px;display:inline-flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #1212124d}.floating-brand strong{color:var(--coral);letter-spacing:-.05em;font-size:28px;font-weight:900}.floating-brand span{color:#fffc;font-size:13px;font-weight:700}.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{aspect-ratio:16/8.6;background:#f6f4ef}.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;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,.filter-tabs{grid-template-columns: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:16px 10px 92px}.hero-card{border-radius:24px;padding:18px}.hero-card h1{max-width:calc(100% - 58px);font-size:24px}.controls-card{border-radius:24px;padding:12px}.event-card{border-radius:28px}.event-card__badge{font-size:12px;bottom:14px;right:14px}.event-card__body{padding:18px}.event-card__title-row h3{font-size:36px}.floating-brand{text-align:center;border-radius:22px;flex-direction:column;justify-content:center;gap:4px;width:calc(100% - 28px);max-width:320px;padding:12px 16px;bottom:12px}.floating-brand strong{font-size:18px;line-height:1}.floating-brand span{letter-spacing:.02em;font-size:10px;line-height:1.2}.detail-modal{border-radius:28px}.modal-close{width:42px;height:42px;font-size:24px;top:14px;right:14px}}