:root{color-scheme:light;--fs-caption: 12px;--fs-footnote: 13px;--fs-sub: 15px;--fs-callout: 16px;--fs-body: 17px;--fs-title3: 20px;--fs-title2: 24px;--fs-title1: 30px;--fs-large: 38px;--lh-tight: 1.25;--lh-snug: 1.45;--lh-body: 1.65;--ls-body: -.01em;--ls-title: -.02em;--ls-large: -.03em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--radius-lg: 8px;--radius-md: 6px;--radius-sm: 6px;--tap: 48px;--wrap: none}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--shell)}html,body{height:100%;overflow:hidden}body{background:var(--shell);color:var(--ink);font-family:Outfit,Pretendard,Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif;font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);-webkit-font-smoothing:antialiased;word-break:keep-all}button{font:inherit;color:inherit;letter-spacing:inherit}a{color:inherit;text-decoration:none}h1,h2,h3{line-height:var(--lh-tight);letter-spacing:var(--ls-title);font-weight:600;margin-top:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-md)}@media (prefers-reduced-motion: reduce){*{transition:none!important;transform:none!important}}.wrap{width:100%;max-width:900px;margin:0 auto;padding-left:clamp(var(--sp-5),2vw,var(--sp-8));padding-right:clamp(var(--sp-5),2vw,var(--sp-8))}.panel{background:var(--surface);border-radius:20px;padding:clamp(var(--sp-8),3.5vw,var(--sp-12));box-shadow:0 1px 3px #1821300d,0 8px 22px #1821300f}.page-title{text-align:center;font-size:clamp(var(--fs-title1),3.4vw,var(--fs-large));font-weight:600;letter-spacing:var(--ls-large);margin:clamp(var(--sp-16),8vw,104px) 0 var(--sp-10)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:0 var(--sp-5);border-radius:var(--radius-md);font-size:var(--fs-sub);font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.btn:hover{background:var(--muted);transform:scale(1.02)}.btn:active{transform:scale(.99)}.btn--solid{background:var(--primary);border-color:var(--primary);color:#fff}.btn--solid:hover{background:var(--primary-strong);border-color:var(--primary-strong)}.btn--outline{background:transparent;border-color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary);color:var(--primary)}.btn--outline:hover{background:var(--primary);color:#fff}.tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.tag{font-size:var(--fs-footnote);font-weight:400;line-height:1.6;color:var(--ink-2);background:var(--muted);padding:var(--sp-1) var(--sp-3);border-radius:999px}.back{display:inline-flex;align-items:center;min-height:var(--tap);gap:var(--sp-1);margin:var(--sp-6) 0 var(--sp-2);background:none;border:0;padding:0;cursor:pointer;color:var(--ink-3);font-size:var(--fs-sub);font-weight:500;transition:color .2s ease}.back:hover{color:var(--primary)}.state{padding:var(--sp-16) 0;text-align:center;color:var(--ink-3);font-size:var(--fs-sub)}.attach-list{list-style:none;margin:var(--sp-4) 0 0;padding:0;display:grid;gap:var(--sp-2)}.attach{display:flex;align-items:center;gap:var(--sp-3);background:var(--muted);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4)}.attach__thumb{flex:0 0 auto;width:44px;height:44px;border-radius:var(--radius-md);object-fit:cover;display:grid;place-items:center;background:var(--surface);color:var(--ink-3)}.attach__main{min-width:0;flex:1}.attach__name{display:block;font-size:var(--fs-sub);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach__size{display:block;font-size:var(--fs-footnote);color:var(--ink-3);margin-top:2px}.attach__remove{flex:0 0 auto;min-height:var(--tap);border:0;background:none;color:var(--ink-3);font-size:var(--fs-footnote);font-weight:500;cursor:pointer;padding:0 var(--sp-1)}.attach__remove:hover{color:var(--danger)}.layout{min-height:100vh}.layout__main{position:fixed;top:var(--sp-2);right:var(--sp-2);bottom:var(--sp-2);left:84px;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:var(--bg);border:1px solid var(--line);border-radius:16px;scrollbar-gutter:stable}.layout__main>main{flex:1}.layout__main>.site-header{border-radius:16px 16px 0 0}@media (max-width: 900px){.layout__main{position:static;min-height:100vh;overflow:visible;border:0;border-radius:0}.layout__main>.site-header{border-radius:0}html,body{height:auto;overflow:visible}}.toast{position:fixed;left:50%;bottom:var(--sp-8);transform:translate(-50%);background:var(--ink);color:#fff;padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-md);font-size:var(--fs-sub);font-weight:500;z-index:50}.site-header{position:sticky;top:0;z-index:30;min-height:72px;padding:var(--sp-3) clamp(var(--sp-5),3vw,var(--sp-8));display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);background:var(--bg)}.site-header__menu{display:none;width:40px;height:40px;place-items:center;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-2);cursor:pointer;transition:background .2s ease}.site-header__menu:hover{background:var(--muted)}.site-header__right{display:flex;align-items:center;gap:var(--sp-3);margin-left:auto}.auth{display:flex;gap:var(--sp-2)}.auth .btn{min-height:40px;padding:0 var(--sp-5);font-size:var(--fs-footnote);font-weight:500;border-radius:999px}@media (max-width: 900px){.site-header__menu{display:grid}}@media (max-width: 640px){.auth .btn{padding:0 var(--sp-3)}}.rail{position:fixed;top:0;left:0;bottom:0;z-index:40;width:76px;display:flex;flex-direction:column;align-items:center;padding:var(--sp-8) var(--sp-3) var(--sp-6);background:var(--shell)}.rail__brand{display:grid;place-items:center;width:44px;height:44px;color:var(--primary);margin-bottom:var(--sp-10);transition:transform .2s ease}.rail__brand:hover{transform:scale(1.08)}.rail__list{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:var(--sp-2)}.rail__item{display:grid;place-items:center;gap:var(--sp-2);padding:var(--sp-3) 0;border-radius:var(--radius-lg);color:var(--ink-3);transition:color .2s ease,background .2s ease}.rail__item:hover{color:var(--ink-2);background:var(--muted)}.rail__item.active{color:var(--ink)}.rail__icon{display:grid;place-items:center}.rail__label{font-size:var(--fs-caption);font-weight:500;letter-spacing:0}.rail__backdrop{display:none}@media (max-width: 900px){.rail{background:var(--surface);width:220px;align-items:stretch;padding:var(--sp-6) var(--sp-4);transform:translate(-100%);transition:transform .22s ease}.rail.is-open{transform:translate(0)}.rail__brand{justify-self:start;margin-bottom:var(--sp-8)}.rail__item{grid-auto-flow:column;justify-content:start;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4)}.rail__label{font-size:var(--fs-sub)}.rail__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#1118274d}}.site-footer{margin-top:96px;border-top:1px solid var(--line);padding:var(--sp-10) var(--sp-5) var(--sp-12);text-align:center}.site-footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-6);margin-bottom:var(--sp-4)}.site-footer__links button{border:0;background:none;padding:0;font-size:var(--fs-footnote);font-weight:400;color:var(--ink-3);cursor:pointer;transition:color .2s ease}.site-footer__links button:hover{color:var(--ink)}.site-footer__note{margin:0;font-size:var(--fs-caption);color:var(--ink-3)}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 12px;padding:6px 0 10px}@media (min-width: 480px){.app-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 720px){.app-grid{grid-template-columns:repeat(6,1fr)}}.app-item{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:0;padding:4px;cursor:pointer}.app-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#1b2430;background:var(--icon-bg);transition:transform .18s cubic-bezier(.2,.7,.3,1)}.app-item:hover .app-icon,.app-item:focus-visible .app-icon{transform:translateY(-3px)}.app-item:active .app-icon{transform:scale(.94)}.app-label{font-size:13px;font-weight:500;color:#5a6572;letter-spacing:-.01em}.seg{display:inline-flex;gap:var(--sp-2);margin-bottom:var(--sp-10)}.seg__btn{border:0;background:var(--muted);color:var(--ink-3);min-height:40px;padding:0 var(--sp-5);border-radius:var(--radius-md);font-size:var(--fs-sub);font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease}.seg__btn:hover{color:var(--ink)}.seg__btn.is-active{background:var(--ink);color:#fff}.home>.panel{background:#fff;border-radius:22px;padding:36px 28px 22px;box-shadow:0 10px 30px #1821300f}.home .page-title{margin-top:clamp(var(--sp-12),7vw,96px)}.home-section{margin-top:clamp(var(--sp-16),8vw,96px)}.home-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6)}.home-section__head h2{margin:0;font-size:var(--fs-title2);font-weight:600;letter-spacing:var(--ls-title)}.home-section__head a{font-size:var(--fs-sub);color:var(--ink-3)}.home-section__head a{font-weight:600;transition:color .2s ease}.home-section__head a:hover{color:var(--primary)}.feed{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)}.feed__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);background:var(--surface);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-8);transition:transform .2s ease,background .2s ease}.feed__row:hover{transform:scale(1.01);background:var(--primary-soft)}.feed__main{min-width:0}.feed__title{display:block;font-size:var(--fs-body);font-weight:600;letter-spacing:var(--ls-title);margin-bottom:var(--sp-2)}.feed__sub{display:block;font-size:var(--fs-sub);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed__right{text-align:right;flex:0 0 auto}.feed__meta{display:block;margin-top:var(--sp-2);font-size:var(--fs-footnote);color:var(--ink-3)}@media (max-width: 560px){.feed__row{flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.feed__right{text-align:left}}.home-filter-wrap{margin-left:36px}.mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-4)}.mini{display:block;background:var(--surface);border-radius:var(--radius-lg);padding:var(--sp-6);transition:transform .2s ease,background .2s ease}.mini:hover{transform:scale(1.02)}.mini__thumb{width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-md);margin-bottom:var(--sp-4)}.mini__name{display:block;font-size:var(--fs-body);font-weight:600;letter-spacing:var(--ls-title);margin-bottom:var(--sp-2)}.mini__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--fs-sub);line-height:var(--lh-snug);color:var(--ink-3)}.mini__thumb{transition:transform .2s ease}.mini:hover .mini__thumb{transform:scale(1.03)}.thumb{flex:0 0 auto;display:grid;place-items:center;background:var(--muted);border-radius:var(--radius-lg);overflow:hidden}img.thumb{object-fit:cover;display:block}.thumb--empty{color:var(--ink-3)}.vendor-card{display:flex;gap:var(--sp-10);align-items:center;min-height:196px;background:var(--surface);border:0;border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);box-shadow:0 1px 2px #0000000a,0 2px 8px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.vendor-card:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000000f,0 8px 24px #00000012}.vendor-card .thumb{width:156px;height:156px;border-radius:var(--radius-lg);transition:transform .2s ease;flex-shrink:0}.vendor-card:hover .thumb{transform:scale(1.03)}@media (max-width: 520px){.vendor-card{gap:var(--sp-4);padding:var(--sp-4);min-height:0}.vendor-card .thumb{width:104px;height:104px}}.vendor-main{min-width:0}.vendor-name{display:block;font-size:calc(var(--fs-title3) * 1.1);font-weight:500;line-height:var(--lh-tight);letter-spacing:var(--ls-title);margin-bottom:var(--sp-2)}.vendor-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--sp-6);font-size:var(--fs-callout);line-height:var(--lh-snug);color:var(--ink-2)}.list-head{margin:0 0 var(--sp-8);font-size:var(--fs-title1);font-weight:600;letter-spacing:var(--ls-large)}.list-sub{margin:calc(var(--sp-4) * -1) 0 var(--sp-6);color:var(--ink-3);font-size:var(--fs-sub)}.vendor-list{display:flex;flex-direction:column;gap:var(--sp-4);padding-bottom:var(--sp-16)}.detail{padding-bottom:var(--sp-16)}.detail__card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 1px 2px #0000000a,0 2px 8px #0000000d}.detail__cover{width:100%;aspect-ratio:21 / 9;background:var(--muted)}.detail__cover .cover-img{width:100%;height:100%;border-radius:0;font-size:84px}@media (max-width: 640px){.detail__cover{aspect-ratio:16 / 10}.detail__cover .cover-img{font-size:60px}}.detail__body{padding:clamp(var(--sp-6),4vw,var(--sp-10))}.detail__head{margin-bottom:var(--sp-2)}.detail__name{margin:0 0 var(--sp-2);font-size:clamp(var(--fs-title2),3.4vw,var(--fs-title1));font-weight:600;letter-spacing:var(--ls-large)}.detail__one{margin:0 0 var(--sp-4);color:var(--ink-2);font-size:var(--fs-callout);line-height:var(--lh-snug)}.block{border-top:1px solid var(--line);padding-top:var(--sp-8);margin-top:var(--sp-8)}.detail h2{font-size:var(--fs-body);font-weight:600;margin:0 0 var(--sp-4)}.detail p{margin:0 0 var(--sp-4);color:var(--ink-2);font-size:var(--fs-body);line-height:var(--lh-body);max-width:40em}.detail p:last-child{margin-bottom:0}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-3)}.gallery__item{margin:0}.gallery__img{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-md);font-size:var(--sp-10)}.gallery figcaption{margin-top:var(--sp-2);font-size:var(--fs-footnote);color:var(--ink-3)}.meta{display:grid;gap:var(--sp-4);margin:0}.meta div{display:flex;gap:var(--sp-5);font-size:var(--fs-callout);line-height:var(--lh-snug);align-items:baseline}.meta dt{flex:0 0 104px;color:var(--ink-3)}.meta dd{margin:0;color:var(--ink)}@media (max-width: 480px){.meta div{flex-direction:column;gap:var(--sp-1)}.meta dt{flex:none;font-size:var(--fs-footnote)}}.actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-10);padding-top:var(--sp-8);border-top:1px solid var(--line)}.actions .btn{flex:1;min-height:52px;border-radius:var(--radius-md);font-weight:600;font-size:var(--fs-callout)}@media (max-width: 480px){.actions{flex-direction:column}}.login-page{display:flex;justify-content:center;align-items:center;min-height:60vh}.login-box{width:100%;max-width:400px;padding:40px;border:1px solid var(--color-border, #e0e0e0);border-radius:12px}.login-box h1{margin-bottom:24px;font-size:1.5rem}.login-box input{display:block;width:100%;padding:12px;margin-bottom:12px;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;font-size:1rem;box-sizing:border-box}.login-box button{width:100%;padding:12px;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.login-box button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#e53e3e;font-size:.875rem;margin-bottom:8px}.signup-page{display:flex;justify-content:center;align-items:center;min-height:60vh}.signup-box{width:100%;max-width:400px;padding:40px;border:1px solid var(--color-border, #e0e0e0);border-radius:12px}.signup-box h1{margin-bottom:24px;font-size:1.5rem}.signup-box p{margin-bottom:20px;line-height:1.6;color:var(--ink-2, #555)}.signup-box input{display:block;width:100%;padding:12px;margin-bottom:12px;border:1px solid var(--color-border, #e0e0e0);border-radius:8px;font-size:1rem;box-sizing:border-box}.signup-box button{width:100%;padding:12px;background:var(--color-primary, #3b82f6);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.signup-box button:disabled{opacity:.6;cursor:not-allowed}.signup-error{color:#e53e3e;font-size:.875rem;margin-bottom:8px}.signup-login{margin-top:16px;text-align:center;font-size:.875rem}.signup-login span{color:var(--color-primary, #3b82f6);cursor:pointer;text-decoration:underline}