.browse-section{max-width:1120px;margin:0 auto;padding:100px 32px 140px}.browse-head{text-align:center;margin-bottom:44px}.browse-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-strong);margin-bottom:10px;font-size:12px;font-weight:600}.browse-title{color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 28px;font-size:clamp(24px,3.4vw,36px);font-weight:700}.browse-filters{flex-direction:column;align-items:center;gap:10px;display:flex}.seg{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:2px;padding:4px;display:flex}.seg button{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;transition:all .18s}.seg button.active{background:var(--color-gold);color:var(--color-on-accent)}.seg button:not(.active):hover{color:var(--color-text-primary)}.category-group{margin-top:48px}.category-group:first-of-type{margin-top:40px}.category-heading{color:var(--color-text-primary);border-left:4px solid var(--color-gold);align-items:center;gap:10px;margin:0 0 18px;padding-left:12px;font-size:19px;font-weight:800;display:flex}.category-count{color:var(--color-text-muted);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700}.list-view{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;display:grid}.browse-head+.list-view{margin-top:40px}.list-row{border:1px solid var(--color-border);background:var(--color-bg-panel);cursor:pointer;border-radius:20px;flex-direction:column;transition:border-color .25s,transform .3s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex;overflow:hidden}.list-row:hover{border-color:var(--color-border-gold);transform:translateY(-4px);box-shadow:0 20px 40px -20px #000000b3}.list-row.is-done{opacity:.86}.list-main{flex-direction:column;display:flex}.list-thumb{aspect-ratio:1;width:100%;color:var(--color-gold);background:linear-gradient(155deg,#17171a 0%,#0c0c0d 100%);border-radius:20px 20px 0 0;flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.list-thumb img{object-fit:contain;filter:drop-shadow(0 16px 18px #000000b3);width:62%;height:62%}@property --aurora-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.list-row.joinable{position:relative;box-shadow:0 0 28px -6px #e2bf9c8c}.list-row.joinable:hover{box-shadow:0 20px 40px -20px #000000b3,0 0 34px -4px #e2bf9cb3}.list-row.joinable:before{content:"";z-index:5;pointer-events:none;background:conic-gradient(from var(--aurora-angle), var(--color-gold) 0%, #8fd3ff 22%, #c9a6ff 44%, var(--color-gold-deep) 66%, #8fd3ff 88%, var(--color-gold) 100%);-webkit-mask-composite:xor;border-radius:20px;padding:3.75px;animation:9s linear infinite auroraSpin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes auroraSpin{to{--aurora-angle:360deg}}@media (prefers-reduced-motion:reduce){.list-row.joinable:before{animation:none}}.list-thumb svg{width:40%;height:40%}.list-body{flex-direction:column;flex:auto;justify-content:center;gap:8px;min-width:0;padding:18px 20px 20px;display:flex}.list-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.list-cat{color:var(--color-text-muted);font-size:13px;font-weight:600}.list-name{color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:17px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.list-price{color:var(--color-text-primary);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:18px;font-weight:800}.per-day{color:var(--color-text-secondary);font-size:13px;font-weight:600}.list-participants{color:var(--color-accent-strong);font-size:13.5px;font-weight:800}.list-meta{color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:13.5px;display:flex}.status-pill{border:1px solid;border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700}.status-참여가능{color:var(--color-success)}.status-접수중{color:var(--color-info)}.status-진행전{color:var(--color-text-muted)}.status-진행완료{color:var(--color-accent-strong)}.list-btn{border:1px solid var(--color-border-gold);color:var(--color-accent-strong);cursor:pointer;background:0 0;border-radius:999px;margin:auto 18px 18px;padding:12px 0;font-size:14.5px;font-weight:700;transition:filter .2s}.list-btn:not(.notify){background:linear-gradient(135deg, var(--color-gold) 0%, #8fd3ff 25%, #c9a6ff 50%, var(--color-gold-deep) 75%, var(--color-gold) 100%);color:var(--color-on-accent);background-size:260% 260%;border-color:#0000;animation:7s ease-in-out infinite auroraButtonShift}.list-btn:not(.notify):hover{filter:brightness(1.07)}@keyframes auroraButtonShift{0%,to{background-position:0%}50%{background-position:100%}}@media (prefers-reduced-motion:reduce){.list-btn:not(.notify){animation:none}}.list-btn.notify{border-color:var(--color-text-muted);color:var(--color-text-secondary)}.list-btn.notify:hover{background:var(--color-text-secondary);color:var(--color-on-secondary)}.list-empty{text-align:center;color:var(--color-text-muted);grid-column:1/-1;padding:60px 0;font-size:14px}@media (max-width:640px){.list-view{grid-template-columns:1fr;gap:18px}.list-thumb{aspect-ratio:4/3}.list-body{gap:10px;padding:16px 18px 18px}.list-name,.list-price{font-size:20px}.list-participants{font-size:15px}.list-meta{font-size:14px}.list-btn{margin:auto 18px 18px;padding:14px 0;font-size:16px}.category-heading{font-size:18px}}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:80;background:#060708b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-panel);border:1px solid var(--color-border-gold);border-radius:20px;width:min(400px,100%);max-height:86vh;padding:28px 26px 24px;position:relative;overflow:auto;box-shadow:0 30px 80px -20px #000c}.modal-close{border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:50%;font-size:14px;line-height:1;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--color-text-primary);border-color:var(--color-text-primary)}.modal-product{border:1px solid var(--color-border-gold);width:88px;height:88px;color:var(--color-gold);background:linear-gradient(155deg,#1c1c1e 0%,#101010 100%);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex;overflow:hidden}.modal-product img{object-fit:contain;width:66%;height:66%}.modal-product svg{width:46%;height:46%}.modal-brand{text-align:center;color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:13px}.modal-model{text-align:center;color:var(--color-text-primary);margin-bottom:14px;font-size:21px;font-weight:700}.modal-status{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:6px;margin-bottom:18px;font-size:14px;display:flex}.status-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 8px}.modal-grid{background:var(--color-border);border:1px solid var(--color-border);border-radius:12px;grid-template-columns:1fr 1fr;gap:1px;margin-bottom:20px;display:grid;overflow:hidden}.modal-cell{background:var(--color-bg-elevated);padding:12px 14px}.modal-cell .k{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:12px}.modal-cell .v{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.modal-cell .v.accent{color:var(--color-accent-strong)}.modal-cell .v.quote{font-size:14.5px;font-style:italic;font-weight:500;line-height:1.5}.modal-cell.span2{grid-column:1/3}.join-btn{cursor:pointer;background:var(--color-gold);width:100%;color:var(--color-on-accent);letter-spacing:.01em;text-align:center;box-sizing:border-box;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:800;text-decoration:none;transition:filter .15s;display:block}.join-btn:hover{filter:brightness(1.08)}.toast{background:var(--color-bg-panel);border:1px solid var(--color-border-gold);color:var(--color-text-primary);z-index:90;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -8px #0009}
