:root{--brand: #60A5FA;--brand-soft: #7DD3FC;--brand-bg: #EFF6FF;--brand-glow: rgba(96, 165, 250, .12);--tw: #A78BFA;--sj: #F43F5E;--sh: #10B981;--dark: #1E293B;--dark2: #334155;--mid: #64748B;--muted: #94A3B8;--light: #F1F5F9;--lighter: #FAFAFA;--white: #FFFFFF;--border: #E2E8F0;--radius: 16px;--radius-sm: 10px;--shadow: 0 2px 12px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .1);--shadow-brand: 0 4px 20px rgba(96, 165, 250, .2);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--font-story: "Noto Serif KR", "Noto Sans KR", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Noto Sans KR,DM Sans,sans-serif;background:var(--lighter);color:var(--dark);min-height:100dvh;line-height:1.6}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.avatar-chip{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:12px;font-weight:700;color:#fff}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.badge-brand{background:var(--brand-bg);color:var(--brand)}.badge-green{background:#d1fae5;color:#059669}.badge-yellow{background:#fef3c7;color:#d97706}.badge-red{background:#ffe4e6;color:#f43f5e}.gradient-text{background:linear-gradient(135deg,var(--brand),var(--brand-soft));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.route-tw{stroke:var(--tw)}.route-sj{stroke:var(--sj)}.route-sh{stroke:var(--sh)}.ai-highlight{background:#60a5fa1f;border-left:3px solid var(--brand);border-radius:0 6px 6px 0;padding:2px 6px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}::-webkit-scrollbar-track{background:transparent}.page-layout{max-width:1200px;margin:0 auto;padding:24px 24px 80px}.two-col-layout{display:grid;grid-template-columns:1fr 360px;gap:24px}.two-col-sidebar{display:flex;flex-direction:column;gap:16px}@media(max-width:900px){.two-col-layout{grid-template-columns:1fr}.two-col-sidebar{order:-1}}@media(max-width:768px){.page-layout{padding:0 16px 60px}.room-hero-web{padding:28px 20px;border-radius:0 0 16px 16px}.room-hero-web .hero-title{font-size:22px}.room-hero-web .hero-emoji{font-size:36px}.section-heading{font-size:14px}.modal-box{width:95%;padding:20px}}.room-hero-web{background:linear-gradient(135deg,#0f172a,#1e3a5f);border-radius:0 0 24px 24px;padding:48px 40px;color:#fff}.room-hero-inner{max-width:800px}.room-hero-top{display:flex;justify-content:space-between;margin-bottom:20px}.rht-back,.rht-invite{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.hero-emoji{font-size:48px;margin-bottom:12px}.hero-title{font-weight:900;margin-bottom:6px}.hero-dates{font-size:14px;opacity:.7;margin-bottom:14px}.hero-badges{display:flex;gap:8px;flex-wrap:wrap}.hero-badge{background:#ffffff26;border:1px solid rgba(255,255,255,.2);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.section-heading{font-size:16px;font-weight:800;color:var(--dark);margin-bottom:16px;display:flex;align-items:center;gap:8px}.sh-bar{width:4px;height:18px;background:linear-gradient(180deg,#60a5fa,#7dd3fc);border-radius:2px;display:inline-block}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{background:var(--white);border-radius:var(--radius);padding:28px;width:90%;max-width:680px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative}.modal-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--mid)}.modal-close:hover{color:var(--dark)}.share-link-box{display:flex;align-items:center;gap:8px;background:var(--light);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px}.slb-url{flex:1;font-size:12px;color:var(--mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slb-copy{background:var(--brand);color:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}.share-note{font-size:11px;color:var(--muted)}.img-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--brand-bg, #EFF6FF);border-radius:inherit;gap:4px}.img-fallback-icon{font-size:28px;opacity:.5}.img-fallback-text{font-size:11px;color:var(--muted, #94A3B8);text-align:center;padding:0 8px}#app{width:100%;min-height:100dvh}.gnb[data-v-43ab7272]{position:fixed;top:0;left:0;right:0;z-index:200;height:52px;background:#fff;border-bottom:1px solid var(--border, #E2E8F0);display:flex;align-items:center;padding:0 24px;gap:0}.gnb-logo[data-v-43ab7272]{display:flex;align-items:center;gap:7px;text-decoration:none;margin-right:28px;flex-shrink:0}.gnb-logo-icon[data-v-43ab7272]{width:28px;height:28px;border-radius:6px;object-fit:contain}.gnb-logo-text[data-v-43ab7272]{font-size:15px;font-weight:800;color:var(--dark, #1E293B);letter-spacing:-.3px}.gnb-logo-text span[data-v-43ab7272]{color:var(--brand, #60A5FA)}.gnb-tabs[data-v-43ab7272]{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px}.gnb-tab-icon[data-v-43ab7272]{display:inline-flex;align-items:center}.gnb-tab[data-v-43ab7272]{display:flex;align-items:center;gap:5px;padding:6px 16px;border-radius:100px;border:1.5px solid transparent;font-size:13px;font-weight:500;color:var(--inactive, #94A3B8);text-decoration:none;transition:all .15s}.gnb-tab[data-v-43ab7272]:hover{border-color:var(--border, #E2E8F0);color:var(--dark, #1E293B)}.gnb-tab.active[data-v-43ab7272]{border-color:var(--brand, #60A5FA);background:var(--brand-bg, #EFF6FF);color:var(--brand, #60A5FA);font-weight:600}.gnb-right[data-v-43ab7272]{display:flex;align-items:center;gap:10px;margin-left:auto}.gnb-avatar-wrap[data-v-43ab7272]{position:relative}.gnb-avatar[data-v-43ab7272]{width:30px;height:30px;border-radius:50%;background:var(--tw, #A78BFA);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .15s}.gnb-avatar[data-v-43ab7272]:hover{opacity:.85}.gnb-dropdown[data-v-43ab7272]{position:absolute;top:calc(100% + 10px);right:0;width:fit-content;background:#fff;border:1px solid var(--border, #E2E8F0);border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:300;overflow:hidden}.gnb-dropdown-mypage[data-v-43ab7272]{display:block;width:100%;padding:10px 16px;text-align:center;font-size:13px;font-weight:600;color:var(--dark, #1E293B);background:none;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s}.gnb-dropdown-mypage[data-v-43ab7272]:hover{background:var(--brand-bg, #EFF6FF);color:var(--brand, #60A5FA)}.gnb-dropdown-divider[data-v-43ab7272]{height:1px;background:var(--border, #E2E8F0)}.gnb-dropdown-logout[data-v-43ab7272]{display:block;width:100%;padding:10px 16px;text-align:center;font-size:13px;font-weight:600;color:#f43f5e;background:none;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s}.gnb-dropdown-logout[data-v-43ab7272]:hover{background:#fff1f2}.gnb-overlay[data-v-43ab7272]{position:fixed;inset:0;z-index:150}.dropdown-enter-active[data-v-43ab7272]{transition:all .15s ease}.dropdown-leave-active[data-v-43ab7272]{transition:all .1s ease}.dropdown-enter-from[data-v-43ab7272],.dropdown-leave-to[data-v-43ab7272]{opacity:0;transform:translateY(-6px)}@media(max-width:768px){.gnb[data-v-43ab7272]{padding:0 16px}.gnb-tabs[data-v-43ab7272]{display:none}}.bottom-tab-bar[data-v-7993c189]{position:fixed;bottom:0;left:0;right:0;z-index:200;height:calc(56px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--border, #E2E8F0);display:flex;padding-bottom:env(safe-area-inset-bottom);transform:translateZ(0)}.btb-tab[data-v-7993c189]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--inactive, #94A3B8);font-size:11px;font-weight:500;transition:color .15s}.btb-tab.active[data-v-7993c189]{color:var(--brand, #60A5FA)}.btb-icon[data-v-7993c189]{display:inline-flex;align-items:center}.btb-label[data-v-7993c189]{line-height:1}.with-nav{padding-top:52px}@media(max-width:768px){.with-nav{padding-bottom:calc(56px + env(safe-area-inset-bottom))}}.toast-container{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:9999;pointer-events:none}.toast{padding:12px 18px;border-radius:10px;font-size:14px;font-weight:600;box-shadow:0 4px 20px #0000001f;animation:toast-in .2s ease}.toast.success{background:#d1fae5;color:#059669}.toast.error{background:#ffe4e6;color:#f43f5e}.toast.warning{background:#fef3c7;color:#d97706}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}