:root{--bg:#fff;--bg-surface:#fff;--text:#111;--muted:#6f6f6f;--line:#eaeaea;--neutral:#c8c8c8;--accent:#edeae4;--accent2:#f2dad7;--radius:14px;--input-bg:#fff;--input-border:#eaeaea;--chat-bottom-bg:#f7f7f7;--chat-bottom-border:#eaeaea;--chat-send-bg:#111;--chat-send-fg:#fff;--chat-send-bg-hover:#333;--chat-send-bg-disabled:#e5e5e5;--chat-send-fg-disabled:#999;--chat-attach-hover:#f5f5f5;--topnav-h:52px;--subtabs-h:48px;--topnav-sticky-offset:calc(var(--topnav-h) + env(safe-area-inset-top,0px));--bottomnav-h:48px;--bottomnav-gap:4.8px}.dark{--bg:#000;--bg-surface:#111;--surface:#111;--card-bg:#111;--text:#fff;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--muted:#ffffffb3;--line:#ffffff1f;--border:#ffffff1f;--neutral:#ffffff1a;--accent:#111;--accent2:#161616;--input-bg:#111;--input-border:#ffffff26;--chat-bottom-bg:#000;--chat-bottom-border:#ffffff1f;--chat-send-bg:#fff;--chat-send-fg:#000;--chat-send-bg-hover:#ffffffe6;--chat-send-bg-disabled:#ffffff1a;--chat-send-fg-disabled:#ffffff4d;--chat-attach-hover:#ffffff1a;--icon:#fff}*{box-sizing:border-box}html,body,#root,.ldc-root{background:var(--bg);height:100%;color:var(--text);width:100%;min-height:100svh;transition:background-color .3s ease-out,color .3s ease-out;overflow-x:hidden}html,body,html,body,#root{overflow-x:hidden}#root,.app,main{max-width:100%}img,video,canvas{max-width:100%;height:auto}body{color:var(--text);background:var(--bg);margin:0;font:15px/1.5 Inter,Pretendard,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,sans-serif}.container{max-width:1080px;margin:0 auto;padding:0 5px 72px}.topnav{z-index:50;-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);background:#fffffffa;margin-bottom:0;transition:background-color .3s ease-out,border-color .3s ease-out,opacity .25s,transform .25s;position:sticky;top:0}.dark .topnav{background:#000000eb}.brand{align-items:center;gap:8px;display:flex}.brand svg{width:20px;height:20px}.tab{color:var(--text);border-radius:10px;padding:8px 12px;text-decoration:none}.tab.is-active{background:var(--accent)}.dark .content-filter-chips{background:#000000bf}.content-filter-chip.is-active{background:var(--accent);color:#111;border-color:var(--accent);box-shadow:0 8px 16px #00000014}.search{flex:auto;min-width:0;max-width:none}.search input{border:1px solid var(--line);background:var(--bg-surface);width:100%;height:32px;color:var(--text);border-radius:8px;padding:0 10px;font-size:14px;transition:background-color .3s ease-out,border-color .3s ease-out,color .3s ease-out}.search input::placeholder{color:var(--muted)}.icon-btn{border:1px solid var(--line);background:var(--bg-surface);width:32px;height:32px;color:var(--text);border-radius:8px;place-items:center;transition:transform .12s,background-color .3s ease-out,border-color .3s ease-out;display:grid;position:relative}.icon-btn:hover{transform:scale(1.02);box-shadow:0 6px 20px #0000000f}.dark .icon-btn:hover{box-shadow:0 6px 20px #ffffff0d}.icon-btn svg{width:18px;height:18px}.avatar{border:1px solid var(--line);border-radius:8px;width:32px;height:32px;transition:border-color .3s ease-out;overflow:hidden}.dark .avatar{border:1px solid #ffffff1f}.avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.subtabs{top:var(--topnav-sticky-offset);z-index:40;border-bottom:1px solid var(--line);white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#fffffffa;margin-top:0;transition:all .3s ease-out;position:sticky;overflow-x:auto}.subtabs::-webkit-scrollbar{display:none}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.subtabs{-webkit-backdrop-filter:blur(12px);background:#fffffff5}.dark .subtabs{background:#000000e6}}.subtabs-inner{height:calc(var(--subtabs-h) * .84);min-height:calc(var(--subtabs-h) * .84);box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:7px;padding-inline:14px;display:flex;overflow-x:auto}.subtabs-inner::-webkit-scrollbar{display:none}.subtab{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.2,0,0,1)}.subtab:hover{color:var(--text);background:var(--accent)}.subtab.is-active{background:var(--text);color:var(--bg);border-color:#0000;font-weight:600;transform:scale(1);box-shadow:0 4px 12px #0000001a}.dark .subtab.is-active{box-shadow:0 4px 12px #ffffff1a}@media (max-width:768px){:root{--topnav-h:40px;--subtabs-h:44px;--topnav-sticky-offset:calc(var(--topnav-h) + env(safe-area-inset-top,0px))}.search{flex:auto;min-width:0;max-width:none}.search input{width:100%}.subtabs-inner{padding:0 12px}}main[aria-live=polite],main.container[aria-live=polite]{padding-top:calc(var(--topnav-h) + var(--subtabs-h) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--bottomnav-h,0px) + 8px)}main[aria-live=polite][data-flush-top=true],main.container[aria-live=polite][data-flush-top=true]{padding-top:0!important}body.ldc-page--uses-bottomnav5 main[aria-live=polite],body.ldc-page--uses-bottomnav5 main.container[aria-live=polite]{padding-bottom:0!important}@media (max-width:768px){main[aria-live=polite],main.container[aria-live=polite]{padding-bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom) + 8px);padding-top:0!important}}body.ldc-page--uses-bottomnav5 .container{padding-bottom:0!important}.section{padding:20px 0 48px}h2{margin:0;font-size:20px}.ghost{border:1px solid var(--line);background:var(--bg-surface);color:var(--text);border-radius:10px;padding:8px 12px;transition:background-color .3s ease-out,border-color .3s ease-out,color .3s ease-out}.soft{background:var(--accent);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 12px;transition:background-color .3s ease-out,border-color .3s ease-out}.btn{background:var(--text);color:var(--bg);border:0;border-radius:10px;padding:10px 14px;transition:background-color .3s ease-out}.masonry{-moz-columns:1;columns:1;-moz-column-gap:16px;column-gap:16px}@media (min-width:720px){.masonry{-moz-columns:2;columns:2}}@media (min-width:980px){.masonry{-moz-columns:3;columns:3}}.card{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-surface);margin:0 0 16px;transition:background-color .3s ease-out,border-color .3s ease-out,box-shadow .3s ease-out;overflow:hidden}.card:hover{transition:all .18s;transform:translateY(-1px);box-shadow:0 10px 30px #0000000f}.dark .card:hover{box-shadow:0 0 0 1px #ffffff1a,0 10px 30px #ffffff08}.media{background:#f5f5f5;position:relative}.media img{width:100%;height:auto;display:block}.pad{padding:12px}.caption{margin:0}.caption .tag{color:var(--muted);margin-left:6px;transition:color .3s ease-out}.author{align-items:center;gap:10px;padding:12px;display:flex}.author .col{flex-direction:column;display:flex}.author .handle{color:var(--muted);font-size:12px;transition:color .3s ease-out}.author .link{color:var(--text);text-align:left;background:0 0;border:0;font-weight:600;transition:color .3s ease-out}.author .follow{border:1px solid var(--line);background:var(--bg-surface);color:var(--text);border-radius:999px;margin-left:auto;padding:6px 10px;transition:background-color .3s ease-out,border-color .3s ease-out,color .3s ease-out}.avatar.small{width:34px;height:34px}.actions{align-items:center;gap:8px;padding:8px 12px;display:flex}.actions.compact{padding-top:8px}.icon-chip{border:1px solid var(--line);background:var(--bg-surface);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;transition:background-color .3s ease-out,border-color .3s ease-out,color .3s ease-out;display:inline-flex}.icon-chip.is-liked{background:var(--accent2);border-color:var(--accent2)}.spacer{flex:1}.meta{color:var(--muted);align-items:center;gap:6px;padding:0 12px 12px;transition:color .3s ease-out;display:flex}.meta .dot{opacity:.6}.dark .meta .dot{opacity:.4}.badge{background:var(--accent);border:1px solid var(--line);color:var(--text);border-radius:999px;padding:2px 8px;font-size:12px;transition:background-color .3s ease-out,border-color .3s ease-out,color .3s ease-out}.carousel{position:relative}.carousel-controls{justify-content:space-between;align-items:center;padding:0 6px;display:flex;position:absolute;inset:0}.carousel .ctrl{background:#ffffffd9;border:0;border-radius:999px;width:28px;height:28px}.carousel .dots{gap:6px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.carousel .dot{background:#fff9;border-radius:999px;width:6px;height:6px;display:inline-block}.carousel .dot.is-active{background:#fff}.cover img{border-radius:10px;width:100%;height:auto;display:block}.h3{margin:0 0 6px;font-size:16px}.muted{color:#6f6f6f}.small{font-size:13px}.vote .track{background:#f1f1f1;border-radius:999px;height:10px;margin:10px 0;overflow:hidden}.vote .track .buy{background:#111;height:100%}.map{border:1px solid var(--line);background:repeating-linear-gradient(45deg,#eee,#eee 10px,#fafafa 10px 20px);border-radius:10px;height:140px}.wave{gap:2px;padding:10px 12px;display:flex}.wave span{background:#111;border-radius:2px;width:3px;display:inline-block}.list{flex-direction:column;gap:12px;display:flex}.thumb{border-radius:10px;width:100%;max-width:320px;margin-top:8px;display:block}.modal{z-index:100;background:#0006;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:var(--bg-surface);border:1px solid var(--line);border-radius:var(--radius);width:min(720px,92vw);color:var(--text);padding:16px}.modal-card.small{width:min(480px,92vw)}.meetup-form-body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.meetup-header{z-index:50;background:var(--bg-surface);position:sticky;top:0}.meetup-header-inner{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;height:52px;padding:0 5px;display:grid}.meetup-header-left{display:contents}.meetup-title{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;grid-column:2;justify-self:center;max-width:100%;margin:0;font-size:20px;font-weight:700;overflow:hidden}.meetup-add-btn{border:1px solid var(--line);background:var(--bg-surface);cursor:pointer;border-radius:8px;place-items:center;width:32px;height:32px;transition:all .15s;display:grid}.meetup-add-btn:hover{background:#f5f5f5;transform:scale(1.02)}.meetup-card{border:1px solid var(--line);background:var(--bg-surface);cursor:pointer;border-radius:12px;padding:16px;transition:all .2s;position:relative;box-shadow:0 1px 3px #0000001a}.meetup-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.meetup-card,.meetup-detail-card{border-radius:12px}@media (max-width:768px){.meetup-card{margin-bottom:16px;padding:20px}}.toolbar-btn.active{background:var(--accent);color:var(--text)}.uploader{margin:12px 0}.drop{color:#6f6f6f;border:2px dashed #ddd;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:140px;display:flex}.form{gap:10px;display:grid}.form .label{color:#444;margin-bottom:6px;display:block}textarea,input,select{border:1px solid var(--line);resize:vertical;border-radius:10px;width:100%;padding:10px}.sheet{z-index:100;background:#00000059;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-card{background:var(--bg-surface);border:1px solid var(--line);width:100%;max-height:70vh;color:var(--text);border-top-left-radius:14px;border-top-right-radius:14px;padding:16px;overflow:auto}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap{gap:10px}.gap-sm{gap:6px}.space-between{justify-content:space-between}.end{justify-content:flex-end}.empty{border:1px dashed #ddd;border-radius:12px;place-items:center;gap:10px;padding:24px;display:grid}.icon-wrap{background:var(--accent);border-radius:14px;place-items:center;width:56px;height:56px;display:grid}.mobile-nav-item.is-active{background:var(--accent)}.mobile-nav-item.is-active .mobile-nav-icon svg{stroke-width:2.2px;stroke:var(--text);opacity:.9}.mobile-nav-item.is-active .mobile-nav-label{opacity:.95}.profile{align-items:flex-start;gap:14px;margin-top:8px;display:flex}.profile-av{-o-object-fit:cover;object-fit:cover;border:1px solid var(--line);border-radius:16px;width:80px;height:80px}.stat-item{align-items:baseline;gap:4px;display:flex}.empty-profile{text-align:center;border:1px dashed #ddd;border-radius:12px;padding:40px 20px}.profile-content{min-height:200px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #111}button,a{cursor:pointer;transition:transform .12s}.card:hover,.buy-card:hover,.place-card:hover,.music-card:hover{transform:translateY(-1px)}.back-btn{cursor:pointer;min-width:44px;min-height:44px;color:var(--ldc-text-primary,#111);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:10px;transition:none;display:inline-flex}.back-btn:hover{background:0 0}.back-btn svg{width:24px;height:24px}.relative{position:relative}.btn-secondary{background:var(--accent);cursor:pointer;border:1px solid #e6e2da;border-radius:12px;padding:10px 18px;transition:background .15s}.btn-secondary:hover{background:#e6e2da}.context-menu{border:1px solid var(--line);z-index:1000;background:#fff;border-radius:8px;min-width:120px;padding:4px 0;animation:.2s ease-out contextFadeIn;position:fixed;box-shadow:0 4px 16px #0000001f}.context-menu-item{text-align:left;cursor:pointer;color:#111;background:0 0;border:0;width:100%;padding:10px 16px;font-size:14px;transition:background .15s}.context-menu-item:hover{background:#f5f5f5}.context-menu-item:first-child{color:#e74c3c}@keyframes contextFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.fade-in{animation:.3s ease-out forwards fadeIn}.meetup-join-cancel-button.join{color:#fff;background:#111}.meetup-join-cancel-button.join:hover:not(:disabled){background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.meetup-join-cancel-button.cancel{color:#111;border:2px solid var(--line);background:#fff}.meetup-join-cancel-button.cancel:hover:not(:disabled){background:#fafafa;border-color:#111}@keyframes spin{to{transform:rotate(360deg)}}.share-modal-header .h3{margin:0}.confirm-modal .h3{margin:0 0 16px;font-size:18px;font-weight:700}.confirm-modal-actions .btn-secondary{background:var(--accent);color:#111;border:1px solid #e6e2da}.confirm-modal-actions .btn-secondary:hover{background:#e6e2da}.poll-display{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:12px;padding:16px}.ldc-bottomnav5-content{padding-bottom:80px}body.ldc-page--uses-bottomnav5 .ldc-bottomnav5-content{padding-bottom:calc(var(--bottomnav-h,0px) + env(safe-area-inset-bottom) + var(--bottomnav-gap))}.bottom-nav-5{height:auto;min-height:48px;padding:6px 9px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:60;background:#fffffff0;border-top:1px solid #00000014;justify-content:space-between;align-items:center;gap:4.8px;display:none;position:fixed;bottom:0;left:0;right:0}.dark .bottom-nav-5{background:#0c0c0cf0;border-top:1px solid #ffffff14}.bottom-nav-5-item{color:#0009;letter-spacing:.1px;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 0;font-size:12px;font-weight:600;display:inline-flex}.dark .bottom-nav-5-item{color:#fff9}.bottom-nav-5-item.is-active{color:#111}.dark .bottom-nav-5-item.is-active{color:#fff}.bottom-nav-5-icon svg{width:20px;height:20px}.bottom-nav-5-label{letter-spacing:.1px;font-size:11px;font-weight:600}.floating-compose-button{display:none}.bottom-sheet-root{z-index:70;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet-overlay{background:#0006;border:none;position:absolute;inset:0}.bottom-sheet-panel{width:100%;max-width:520px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:#fff;border-top-left-radius:18px;border-top-right-radius:18px;position:relative;box-shadow:0 -12px 32px #0003}.dark .bottom-sheet-panel{color:#fff;background:#0f0f0f}.bottom-sheet-title{text-align:center;width:100%;margin-bottom:12px;font-size:15px;font-weight:700}.bottom-sheet-actions{gap:8px;display:grid}.bottom-sheet-action{text-align:left;background:#00000005;border:1px solid #00000014;border-radius:12px;width:100%;padding:12px 14px;font-size:14px;font-weight:600}.dark .bottom-sheet-action{background:#ffffff0f;border:1px solid #ffffff1f}@media (max-width:768px){.ldc-bottomnav5-content{padding-bottom:calc(88px + env(safe-area-inset-bottom))}body.ldc-page--uses-bottomnav5 .mobile-nav{display:none}.bottom-nav-5{display:flex}.floating-compose-button{display:inline-flex}}.ldc-root,[data-shell=narrow]{--content-w:100%}@media (min-width:768px){[data-shell=narrow]{--content-w:480px}}@media (min-width:1024px){[data-shell=narrow]{--content-w:560px}}@media (min-width:1280px){[data-shell=narrow]{--content-w:720px}}@media (min-width:1536px){[data-shell=narrow]{--content-w:840px}}[data-shell=wide]{--content-w:100%}@media (min-width:768px){[data-shell=wide]{--content-w:480px}}@media (min-width:1024px){[data-shell=wide]{--content-w:720px}}@media (min-width:1280px){[data-shell=wide]{--content-w:960px}}@media (min-width:1536px){[data-shell=wide]{--content-w:1200px}}[data-shell=full]{--content-w:100%}.ldc-bar{left:0;right:0}@media (min-width:1280px){.ldc-bar{width:min(100%, var(--content-w,100%));left:50%;right:auto;transform:translate(-50%)}}[data-shell=reader]{--content-w:100%}@media (min-width:768px){[data-shell=reader]{--content-w:480px}}@media (min-width:1024px){[data-shell=reader]{--content-w:560px}}@media (min-width:1280px){[data-shell=reader]{--content-w:720px}}.ldc-rail{display:none}.ldc-rail-inner{width:320px;position:sticky;top:72px}@media (min-width:1440px){[data-shell=reader] .ldc-rail{display:block}[data-shell=reader] .ldc-reader-hide{display:none!important}[data-shell=reader] .ldc-reader-flush{padding-bottom:4rem}}@media (min-width:1280px){.ldc-home-split{align-items:flex-start;gap:24px;display:flex}.ldc-home-split>.ldc-home-main{flex:1;min-width:0}.ldc-home-split>.ldc-home-rail{flex:0 0 320px;width:320px;padding-right:4px;position:sticky;top:72px}}
