:root{color-scheme:light;--rail-width: 88px;--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:calc(var(--rail-width) + var(--sp-2));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);align-items:center}.auth__name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-footnote);color:var(--ink-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)}.auth__name{max-width:110px}}.rail{position:fixed;top:0;left:0;bottom:0;z-index:40;width:var(--rail-width);display:flex;flex-direction:column;align-items:center;padding:var(--sp-8) var(--sp-3) var(--sp-6);background:var(--shell);overflow-y:auto}.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__list--bottom{margin-top:auto;padding-top:var(--sp-6)}.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)}.list-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5)}.list-control select{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:40px;padding:0 var(--sp-10) 0 var(--sp-5);border:1px solid var(--line);border-radius:999px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23858E9B' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right var(--sp-4) center;font:inherit;font-size:var(--fs-footnote);font-weight:500;color:var(--ink);cursor:pointer;transition:border-color .2s ease}.list-control select:hover,.list-control select:focus-visible{border-color:var(--ink-3);outline:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.vendor-list{display:flex;flex-direction:column;gap:var(--sp-4);padding-bottom:var(--sp-16)}.section-body{display:grid;gap:var(--sp-6);padding-bottom:var(--sp-16)}.section-body .panel{padding:clamp(var(--sp-6),3vw,var(--sp-10))}.section-body h2{font-size:var(--fs-title3);margin-bottom:var(--sp-4)}.tab-locked{display:inline-flex;align-items:center;gap:4px;opacity:.7}.section-group-label{margin:0 0 var(--sp-2);font-size:var(--fs-footnote);color:var(--ink-3)}.section-tabs .seg,.section-body .seg{display:flex;flex-wrap:wrap;margin-bottom:var(--sp-6)}.form{display:grid;gap:var(--sp-5)}.field{display:grid;gap:var(--sp-2)}.field__label{font-size:var(--fs-sub);font-weight:600}.field__hint{margin:0;font-size:var(--fs-footnote);color:var(--ink-3)}.field .btn{justify-self:start}.input,.textarea{width:100%;min-height:var(--tap);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);font:inherit;font-size:var(--fs-sub);color:var(--ink)}.input:disabled{background:var(--muted);color:var(--ink-3)}.textarea{min-height:160px;resize:vertical;line-height:var(--lh-body)}.checks{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.check{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--muted);border-radius:var(--radius-md);font-size:var(--fs-sub);cursor:pointer}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--line)}.toggle-row:last-child{border-bottom:0}.toggle-row input{width:22px;height:22px;accent-color:var(--primary)}.form-actions{display:flex;gap:var(--sp-2);justify-content:flex-end;flex-wrap:wrap}.form-error{margin:0;color:var(--danger);font-size:var(--fs-footnote)}.btn--danger{border-color:var(--danger);color:var(--danger)}.btn--danger:hover{background:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.link-btn{border:0;background:none;padding:0;cursor:pointer;text-align:left;color:var(--primary)}.picked{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-3) var(--sp-4);background:var(--muted);border-radius:var(--radius-md)}.pick-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius-md)}.pick-list li+li{border-top:1px solid var(--line)}.pick-list button{width:100%;border:0;background:none;text-align:left;cursor:pointer;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sub)}.pick-list button:hover{background:var(--muted)}.pick-list .field__hint{padding:var(--sp-3) var(--sp-4)}.rows{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)}.row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5)}.row__head{width:100%;display:flex;gap:var(--sp-3);align-items:center;justify-content:space-between;border:0;background:none;padding:0;text-align:left;cursor:pointer}.row__title{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__meta{font-size:var(--fs-footnote);color:var(--ink-3)}.row__body{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--line)}.row__content{white-space:pre-wrap;margin:0}.badge{flex:0 0 auto;display:inline-block;padding:2px var(--sp-2);border-radius:var(--radius-sm);font-size:var(--fs-caption);font-weight:600;background:var(--muted);color:var(--ink-2)}.badge--received{background:var(--accent-soft);color:#b45309}.badge--in_progress{background:var(--primary-soft);color:var(--primary-strong)}.badge--connected,.badge--approved{background:var(--secondary-soft);color:#047857}.badge--rejected{background:#fee2e2;color:var(--danger)}.replies{list-style:none;margin:var(--sp-5) 0 0;padding:0;display:grid;gap:var(--sp-3)}.reply{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:var(--muted)}.reply--staff{background:var(--primary-soft)}.reply p{margin:var(--sp-1) 0 0;white-space:pre-wrap}.choice-grid{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.choice{display:grid;gap:var(--sp-2);padding:var(--sp-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);transition:border-color .2s ease,transform .2s ease}.choice:hover{border-color:var(--primary);transform:translateY(-2px)}.choice strong{font-size:var(--fs-callout)}.choice span{font-size:var(--fs-footnote);color:var(--ink-3)}.badge--answered{background:var(--secondary-soft);color:#047857}.badge--type{margin-right:var(--sp-2);vertical-align:1px;background:var(--muted);color:var(--ink-2);font-weight:500}.badge--off{background:var(--muted);color:var(--ink-3)}.toolbar{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center;margin-bottom:var(--sp-5)}.toolbar .input{width:auto;flex:1 1 180px}.toolbar .spacer{flex:1}.coverage{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.coverage span{font-size:var(--fs-footnote);padding:2px var(--sp-2);border-radius:var(--radius-sm);background:var(--secondary-soft)}.coverage .is-low{background:#fee2e2;color:var(--danger);font-weight:600}.grid-2{display:grid;gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.images{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.image-tile{display:grid;gap:var(--sp-2)}.image-tile img,.image-tile .empty{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-md);background:var(--muted);display:grid;place-items:center;color:var(--ink-3);font-size:var(--fs-footnote)}.sticky-actions{position:sticky;bottom:0;z-index:5;background:var(--bg);padding:var(--sp-3) 0;border-top:1px solid var(--line)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f172a73;display:grid;place-items:center;padding:var(--sp-4)}.dialog{width:min(480px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--surface);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:0 20px 50px #0f172a33}.dialog h2{font-size:var(--fs-title3);margin-bottom:var(--sp-2)}.stats{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.stat{padding:var(--sp-4);border-radius:var(--radius-md);background:var(--muted)}.stat strong{display:block;font-size:var(--fs-title2);line-height:1.2}.stat span{font-size:var(--fs-footnote);color:var(--ink-3)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sub)}.table th,.table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{color:var(--ink-3);font-weight:600;font-size:var(--fs-footnote)}.table td.num,.table th.num{text-align:right}.log-detail{margin:var(--sp-2) 0 0;padding:var(--sp-3);background:var(--muted);border-radius:var(--radius-sm);font-size:var(--fs-caption);white-space:pre-wrap;word-break:break-all}.info-table th{width:110px}.info-table td{white-space:normal}.quick-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.filter-chip{display:inline-flex;gap:var(--sp-2);align-items:center;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-md);background:var(--primary-soft);font-size:var(--fs-sub)}.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)}.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}