.cm-hero{max-width:var(--maxw);margin:0 auto;padding:clamp(64px,9vw,130px) var(--pad) clamp(40px,5vw,60px)}.cm-hero h1{font-weight:800;letter-spacing:-.035em;line-height:1.02;font-size:clamp(40px,6.4vw,84px);max-width:15ch;text-wrap:balance}.cm-hero h1 em{font-style:normal;color:var(--muted)}.cm-hero .lead{font-size:clamp(16px,1.8vw,20px);color:var(--ink-2);max-width:54ch;margin-top:22px;line-height:1.55}.cm-hero .lead b{color:var(--ink)}.cm-hero .cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:30px}.cm-how{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad) clamp(40px,5vw,64px);display:grid;grid-template-columns:repeat(3,1fr)}.cm-how .step{padding:4px 28px;border-left:1px solid var(--line-2);display:flex;gap:14px;align-items:flex-start}.cm-how .step:first-child{border-left:none;padding-left:0}.cm-how .n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-family:var(--ff-mono);font-size:12.5px;font-weight:600}.cm-how .step:last-child .n{background:var(--signal)}.cm-how h3{font-size:15.5px;font-weight:700;letter-spacing:-.01em}.cm-how p{font-size:13.5px;color:var(--ink-2);line-height:1.55;margin-top:4px}@media(max-width:760px){.cm-how{grid-template-columns:1fr;gap:18px}.cm-how .step{border-left:none;padding:0}}.cm-wrap{max-width:var(--maxw);margin:0 auto;padding:clamp(28px,4vw,48px) var(--pad) clamp(56px,7vw,90px)}.cm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,22px)}@media(max-width:1100px){.cm-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.cm-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.cm-grid{grid-template-columns:1fr}}.cm-card{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;display:flex;flex-direction:column;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.cm-card:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 18px 40px -28px #1b161180}.cm-card.sel{border-color:var(--signal);box-shadow:0 0 0 1px var(--signal)}.cm-card .ph{position:relative;aspect-ratio:4 / 4.6;background:var(--paper-2)}.cm-card .ph image-slot{position:absolute;inset:0;width:100%;height:100%}.cm-card .ugc-flag{position:absolute;top:10px;left:10px;z-index:2;font-family:var(--ff-mono);font-size:9.5px;font-weight:600;letter-spacing:.08em;background:var(--ink);color:var(--paper);border-radius:100px;padding:4px 9px}.cm-card .tier{position:absolute;top:10px;right:10px;z-index:2;font-family:var(--ff-mono);font-size:11px;font-weight:600;letter-spacing:.12em;background:#fbfaf7eb;color:var(--ink);border:1px solid var(--line-2);border-radius:100px;padding:4px 9px}.cm-card .tier .off{color:var(--line-2)}.cm-card .body{padding:16px 16px 14px;display:flex;flex-direction:column;gap:10px;flex:1}.cm-card .top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cm-card .nm{font-size:16.5px;font-weight:700;letter-spacing:-.015em}.cm-card .city{font-family:var(--ff-mono);font-size:10.5px;color:var(--faint);letter-spacing:.04em;white-space:nowrap}.cm-card .niche{align-self:flex-start;font-family:var(--ff-mono);font-size:10.5px;letter-spacing:.05em;color:var(--ink-2);background:var(--paper-2);border-radius:100px;padding:4px 10px}.cm-card .stats{display:flex;flex-wrap:wrap;gap:6px 14px;padding-top:10px;border-top:1px dashed var(--line-2)}.cm-card .st{display:inline-flex;align-items:center;gap:6px;font-family:var(--ff-mono);font-size:11.5px;color:var(--ink-2)}.cm-card .st .pl{color:var(--faint);font-size:10.5px}.cm-add{margin-top:auto;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-2);border-radius:10px;background:var(--paper);padding:10px 12px;cursor:pointer;font-family:var(--ff-sans);font-size:13.5px;font-weight:600;color:var(--ink);transition:all .18s ease}.cm-add:hover{border-color:var(--ink)}.cm-add .pl-ic{font-family:var(--ff-mono);font-weight:600}.cm-card.sel .cm-add{background:var(--signal);border-color:var(--signal);color:#fff}.cm-empty{display:none;text-align:center;padding:60px 0;color:var(--muted);font-size:15px}.cm-empty.show{display:block}.cm-tray{position:fixed;left:50%;bottom:22px;z-index:60;transform:translate(-50%,120px);display:flex;align-items:center;gap:14px;background:var(--ink);color:var(--paper);border-radius:100px;padding:10px 10px 10px 22px;box-shadow:0 24px 60px -16px #1b16118c;transition:transform .3s cubic-bezier(.2,.9,.25,1.2);max-width:calc(100vw - 32px)}.cm-tray.show{transform:translate(-50%)}.cm-tray .t{font-size:14px;font-weight:600;white-space:nowrap}.cm-tray .t b{font-family:var(--ff-mono);color:#94e2b5}.cm-tray .faces{display:flex}.cm-tray .face{width:30px;height:30px;border-radius:50%;background:var(--paper-2);border:2px solid var(--ink);margin-left:-8px;overflow:hidden;display:grid;place-items:center;font-family:var(--ff-mono);font-size:10px;color:var(--ink)}.cm-tray .face:first-child{margin-left:0}.cm-tray .go{border:none;cursor:pointer;border-radius:100px;background:var(--signal);color:#fff;font-family:var(--ff-sans);font-size:14px;font-weight:600;padding:11px 20px;white-space:nowrap;transition:filter .15s ease}.cm-tray .go:hover{filter:brightness(1.08)}.cm-brief{background:var(--surface);border-top:1px solid var(--line)}.cm-brief-in{max-width:880px;margin:0 auto;padding:clamp(56px,7vw,96px) var(--pad)}.cm-brief h2{font-size:clamp(28px,3.8vw,48px);font-weight:700;letter-spacing:-.03em;margin:14px 0 10px}.cm-brief .sub{color:var(--ink-2);font-size:15.5px;max-width:56ch;margin-bottom:30px;line-height:1.55}.cm-picked{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.cm-picked .pk{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:100px;background:var(--paper);padding:7px 8px 7px 14px;font-size:13px;font-weight:600}.cm-picked .pk button{border:none;cursor:pointer;width:20px;height:20px;border-radius:50%;background:var(--paper-2);color:var(--muted);font-family:var(--ff-mono);font-size:11px;line-height:1;display:grid;place-items:center}.cm-picked .pk button:hover{background:var(--ink);color:var(--paper)}.cm-picked .none{font-size:13.5px;color:var(--muted);font-style:italic;padding:6px 0}.cm-join{max-width:880px;margin:0 auto;padding:clamp(56px,7vw,96px) var(--pad)}.cm-join h2{font-size:clamp(28px,3.8vw,48px);font-weight:700;letter-spacing:-.03em;margin:14px 0 10px}.cm-join .sub{color:var(--ink-2);font-size:15.5px;max-width:56ch;margin-bottom:30px;line-height:1.55}
