@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{color:#26313a;font-synthesis:none;--ink:#26313a;--background:#f5f3ee;--muted:#78828a;--line:#e2dfd7;--paper:#fffdfa;--accent:#ef745c;--accent-deep:#c94f43;--teal:#b9ded7;--yellow:#f2d57b;--blue:#c7d8ed;--shadow:0 20px 50px #26313a14;background:#f5f3ee;font-family:DM Sans,sans-serif}@media (prefers-color-scheme:dark){:root{color:#eef1ed;--ink:#eef1ed;--background:#1d2428;--muted:#9ba7aa;--line:#354047;--paper:#252e32;--shadow:0 20px 50px #00000038;--teal:#335b5b;--yellow:#62552b;--blue:#3c526a;background:#1d2428}}*{box-sizing:border-box}body{background:var(--background);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:22px 0 80px}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:1.2rem;font-weight:700;display:inline-flex}.brand-mark{background:var(--accent);color:#fff;border-radius:11px 11px 11px 4px;place-items:center;width:34px;height:34px;font-family:Space Mono,monospace;font-weight:700;display:grid}.account-actions{align-items:center;gap:8px;display:flex}.language-button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:7px 10px;font-family:Space Mono,monospace;font-size:.68rem}.text-button,.outline-button,.primary-button,.filter-button,.icon-button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;transition:transform .15s,background .15s;display:inline-flex}.text-button{color:var(--ink);background:0 0;padding:10px 12px}.text-button:hover{background:var(--line)}.outline-button{color:var(--ink);border:1px solid var(--line);background:0 0;padding:10px 14px}.primary-button{color:#fff;background:var(--accent);padding:12px 17px;font-weight:700;box-shadow:0 8px 18px #ef745c30}.primary-button:hover{background:var(--accent-deep);transform:translateY(-1px)}.compact{padding:9px 13px;font-size:.9rem}.hero-row{justify-content:space-between;align-items:flex-end;gap:24px;padding:clamp(54px,10vw,110px) 0 42px;display:flex}.eyebrow{color:var(--accent-deep);letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-family:Space Mono,monospace;font-size:.72rem}h1,h2,p{margin-top:0}h1{color:var(--ink);letter-spacing:-.07em;max-width:670px;margin-bottom:22px;font-size:clamp(2.3rem,7vw,5.5rem);line-height:.93}.hero-copy{color:var(--muted);max-width:480px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.55}.hero-note{color:var(--accent);align-items:center;gap:14px;font-family:Space Mono,monospace;font-size:.75rem;line-height:1.35;display:flex;transform:rotate(-4deg)}.hero-note span{font-family:DM Sans,sans-serif;font-size:4rem;font-weight:700;line-height:1}.list-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:22px;padding:0 0 15px;display:flex}.result-count{color:var(--muted);font-size:.88rem}.result-count strong{color:var(--ink);margin-left:5px}.filter-button{color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:10px 14px;font-weight:600;box-shadow:0 4px 12px #0000000a}.filter-count{background:var(--accent);color:#fff;border-radius:999px;min-width:20px;font-size:.75rem;line-height:20px}.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.listing-card{background:var(--paper);border:1px solid var(--line);min-height:265px;box-shadow:var(--shadow);cursor:pointer;border-radius:18px;flex-direction:column;padding:18px;transition:transform .18s,border-color .18s;display:flex}.listing-card:hover{border-color:var(--accent);transform:translateY(-4px)}.card-tags{flex-wrap:wrap;gap:7px;display:flex}.tag,.group-pill{border-radius:999px;align-items:center;width:fit-content;display:inline-flex}.tag{color:var(--ink);padding:6px 9px;font-size:.73rem;font-weight:600}.tag-major{background:var(--teal)}.tag-type{background:var(--yellow)}.listing-card h2{letter-spacing:-.035em;color:var(--ink);margin:28px 0 24px;font-size:1.35rem}.listing-card h2 span{color:var(--accent-deep)}.exchange-line{align-items:center;gap:10px;display:flex}.exchange-line.large{margin:26px 0}.group-pill{padding:8px 13px;font-family:Space Mono,monospace;font-size:.88rem;font-weight:700}.group-pill.have{background:var(--blue)}.group-pill.want{background:var(--teal)}.wanted-groups{flex-wrap:wrap;gap:6px;display:flex}.exchange-arrow{color:var(--accent);flex:none}.listing-card p,.detail-dialog>p{color:var(--muted);margin:21px 0 18px;font-size:.9rem;line-height:1.5}.card-footer{border-top:1px solid var(--line);color:var(--muted);text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:auto;padding-top:13px;font-family:Space Mono,monospace;font-size:.66rem;display:flex}.empty-state{text-align:center;color:var(--muted);place-items:center;padding:80px 20px;display:grid}.empty-state h2{color:var(--ink);margin:15px 0 6px}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12181c85;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--paper);border-radius:20px;width:min(100%,540px);max-height:min(720px,92vh);padding:clamp(20px,5vw,32px);overflow-y:auto;box-shadow:0 30px 80px #00000040}.dialog-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dialog h2{letter-spacing:-.05em;color:var(--ink);margin-bottom:0;font-size:2rem}.icon-button{width:36px;height:36px;color:var(--muted);background:var(--line)}.filter-fields{gap:16px;margin:28px 0;display:grid}.filter-fields label{color:var(--muted);gap:7px;font-size:.82rem;font-weight:600;display:grid}.filter-fields input,.filter-fields select,.filter-fields textarea{width:100%;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:10px;outline:0;padding:11px 12px}.filter-fields input:focus,.filter-fields select:focus,.filter-fields textarea:focus{border-color:var(--accent)}.dialog-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.full{width:100%}.stepper{align-items:center;gap:8px;margin:28px 0 8px;display:flex}.stepper span{background:var(--line);width:27px;height:27px;color:var(--muted);border-radius:50%;place-items:center;font-family:Space Mono,monospace;font-size:.75rem;display:grid}.stepper span.active{color:#fff;background:var(--accent)}.stepper i{background:var(--line);flex:1;height:1px}@media (width<=760px){.app-shell{width:min(100% - 24px,620px);padding-top:16px}.account-actions .text-button{padding:9px;font-size:0}.account-actions .text-button svg{width:20px;height:20px}.outline-button{padding:9px 10px;font-size:.8rem}.hero-row{align-items:flex-start;padding-top:60px}.hero-note{display:none}.listing-grid{grid-template-columns:1fr;gap:12px}.listing-card{min-height:0}.listing-card h2{margin-top:24px}.dialog{border-radius:16px}.filter-dialog{border-radius:20px 20px 0 0;align-self:end;width:calc(100% + 32px);margin:0 -16px -16px}}@media (width>=761px){.filter-fields{grid-template-columns:1fr 1fr}.filter-fields label:last-child{grid-column:span 2}}.listing-card p{display:none}.trust-line{border:1px solid var(--line);width:fit-content;min-width:210px;color:var(--muted);background:var(--paper);box-shadow:var(--shadow);text-transform:uppercase;border-radius:14px;flex-direction:column;gap:4px;margin:-10px 0 32px;padding:17px 20px;font-family:Space Mono,monospace;font-size:.68rem;display:flex}.trust-line strong{color:var(--accent-deep);letter-spacing:-.08em;font-family:DM Sans,sans-serif;font-size:clamp(2.7rem,7vw,4.5rem);line-height:.9}.blueprint{border:1px dashed var(--accent);width:260px;color:var(--muted);border-radius:12px;padding:16px;font-family:Space Mono,monospace;font-size:.68rem;transform:rotate(2deg)}.blueprint-title{color:var(--accent-deep);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:.7rem}.blueprint-row,.blueprint-exchange{align-items:center;gap:7px;display:flex}.blueprint strong{color:var(--ink);margin:16px 0;font-family:DM Sans,sans-serif;font-size:1rem;display:block}.blueprint-chip{color:var(--ink);border-radius:999px;padding:5px 8px}.blueprint-chip.teal{background:var(--teal)}.blueprint-chip.yellow{background:var(--yellow)}.blueprint-chip.blue{background:var(--blue)}.exchange-label{color:var(--muted);text-transform:uppercase;margin:0 0 8px;font-family:Space Mono,monospace;font-size:.62rem}@media (width<=760px){.blueprint{display:none}}.primary-button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.filter-fields input,.filter-fields select,.filter-fields textarea,.filter-fields select option{background:var(--paper);color:var(--ink)}.filter-fields .multi-select{min-height:116px;padding:6px}.filter-fields .multi-select option{border-radius:6px;padding:8px}.filter-fields .multi-select option:checked{background:var(--accent);color:#fff}.field-error{color:var(--accent-deep);font-size:.75rem;font-weight:500}.auth-links{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:4px 10px;padding-top:12px;display:flex}.auth-links .text-button{color:var(--accent-deep);text-align:left;padding:5px 0;font-size:.78rem}.auth-help{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.exchange-sections{gap:18px;margin-top:24px;display:grid}.exchange-sections section{border-top:1px solid var(--line);padding-top:14px}.exchange-sections h3{color:var(--ink);justify-content:space-between;margin:0 0 10px;font-size:.95rem;display:flex}.exchange-sections h3 span{color:var(--accent-deep);font-family:Space Mono,monospace;font-size:.75rem}.exchange-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.exchange-row>div:first-child{gap:4px;min-width:0;display:grid}.exchange-row strong{color:var(--ink);overflow-wrap:anywhere;font-size:.88rem}.exchange-row small{color:var(--muted);font-size:.75rem}.row-actions{flex:none;align-items:center;gap:5px;display:flex}.panel-empty,.panel-note{color:var(--muted);font-size:.82rem;line-height:1.45}.panel-empty{margin:0}.panel-note{border-top:1px dashed var(--line);margin:20px 0 0;padding-top:14px}.toast{z-index:20;border:1px solid var(--line);border-left:4px solid var(--accent);max-width:min(380px,100vw - 32px);color:var(--ink);background:var(--paper);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;font-size:.88rem;line-height:1.35;display:flex;position:fixed;bottom:20px;right:20px}.toast button{color:var(--muted);background:0 0;border:0;flex:none;place-items:center;padding:3px;display:grid}.checkbox-field{border:0;min-width:0;margin:0;padding:0}.checkbox-field legend{color:var(--muted);margin-bottom:7px;padding:0;font-size:.82rem;font-weight:600}.checkbox-list{flex-wrap:wrap;gap:8px;display:flex}.checkbox-list label{border:1px solid var(--line);color:var(--ink);background:var(--paper);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;display:inline-flex}.checkbox-list input{accent-color:var(--accent);margin:0}
