:root{--paper:#f2eee3;--card:#fffdf7;--ink:#111;--muted:#5c574d;--accent:#ff4f8b;--on-accent:#111;--border:2px solid var(--ink);--rule:1px dashed var(--ink);--shadow:6px 6px 0 var(--ink);--display:"Archivo", "Arial Narrow", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#121110;--card:#1c1a18;--ink:#f2eee3;--muted:#a8a194;--on-accent:#121110;--shadow:6px 6px 0 var(--accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}[hidden]{display:none!important}body{background:var(--paper);color:var(--ink);font-family:var(--mono);text-align:center;margin:0;font-size:14px;line-height:1.4}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}h1{font-family:var(--display);letter-spacing:-1px;text-transform:uppercase;margin:0;font-size:clamp(2.75rem,9vw,4rem);font-weight:900;font-stretch:62%;line-height:.9}h1 em{background:var(--accent);color:var(--on-accent);padding:0 .15em;font-style:normal}.city{font-family:var(--mono);letter-spacing:.35em;text-transform:uppercase;margin:.9rem 0 0;font-size:13px;font-weight:500}.city:before{content:"— "}.city:after{content:" —"}.masthead{--clearing:18px;padding:1.5rem 1rem;position:relative;overflow:hidden}.masthead-waves{pointer-events:none;position:absolute;inset:0}.masthead-waves span{background:var(--ink);opacity:.16;width:calc(100% + 240px);height:40px;animation:9s linear infinite masthead-drift;position:absolute;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='40'%3E%3Cpath d='M0 20 Q60 2 120 20 T240 20' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='40'%3E%3Cpath d='M0 20 Q60 2 120 20 T240 20' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") repeat-x}.masthead-waves span:first-child{animation-duration:11s;top:12%}.masthead-waves span:nth-child(2){opacity:.12;animation-duration:7s;animation-direction:reverse;top:34%;transform:scaleY(1.4)}.masthead-waves span:nth-child(3){animation-duration:14s;top:56%}.masthead-waves span:nth-child(4){opacity:.1;animation-duration:9s;animation-direction:reverse;top:74%}@keyframes masthead-drift{0%{translate:0}to{translate:-240px}}.masthead-break{display:none}@media (width<=36rem){.masthead-break{display:inline}}@media (prefers-reduced-motion:reduce){.masthead-waves span{animation:none}}.masthead-text{box-sizing:border-box;width:max-content;max-width:100%;padding:var(--clearing) var(--clearing) calc(var(--clearing) - 1px);background:var(--paper);display:inline-block;position:relative}.masthead-text h1{padding-top:.094em}h2,h3{font-family:var(--display);text-transform:uppercase;font-weight:900;font-stretch:75%}main{max-width:72rem;margin:2rem auto 0;padding:0 1rem 4rem}.sign-out{border-top:var(--rule);text-align:center;margin-top:5rem;padding-top:1.5rem}.confirm-dialog{width:min(26rem,100vw - 2rem);color:var(--ink);background:0 0;border:none;padding:0;overflow:visible}.confirm-dialog::backdrop{background:#00000073}.confirm-dialog-box{text-align:left;border:var(--border);background:var(--card);box-shadow:var(--shadow);padding:1.25rem}.confirm-dialog h2{margin:0 0 .5rem;font-size:1.5rem}.confirm-dialog p{margin:0}.feedback-form{flex-direction:column;gap:.35rem;margin-top:.75rem;display:flex}.feedback-form textarea{box-sizing:border-box;border:var(--border);background:var(--paper);width:100%;color:var(--ink);font:14px var(--mono);resize:vertical;border-radius:0;padding:.55rem .7rem}.feedback-form .chat-count{align-self:flex-end}.feedback-form .status{margin:0}.confirm-dialog-actions{align-items:center;gap:1rem;margin-top:1.25rem;display:flex}button,input,select{font:inherit;color:inherit;border-radius:0}button{border:var(--border);background:var(--ink);color:var(--paper);font-family:var(--display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;padding:.65rem .9rem;font-size:15px;font-weight:800;font-stretch:75%}button:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}button:disabled{opacity:.4;cursor:default}input,select{border:var(--border);background:var(--card);font-family:var(--mono);padding:.55rem .7rem}label,.field-label{font-family:var(--display);letter-spacing:.5px;text-transform:uppercase;flex-direction:column;gap:.35rem;font-size:15px;font-weight:800;font-stretch:75%;display:flex}.status{min-height:1.5em;font-size:13px}.link-button{color:inherit;font-family:var(--mono);letter-spacing:0;text-transform:none;background:0 0;border:none;padding:.25rem 0;font-size:13px;font-weight:400;text-decoration:underline}.link-button:hover:not(:disabled){color:inherit;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);background:0 0;text-decoration-thickness:3px}.icon-button{border:var(--border);background:var(--card);width:2.25rem;height:2.25rem;color:var(--ink);flex-shrink:0;place-items:center;padding:0;display:grid}.preview-button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.sign-in,.user-info{max-width:22rem;margin:0 auto}form{text-align:left;flex-direction:column;gap:.9rem;display:flex}.user-info h2{margin:0 0 1rem;font-size:1.75rem}.photo-drop{border:2px dashed var(--ink);background:var(--card);font-family:var(--mono);text-transform:none;letter-spacing:0;text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-top:.25rem;padding:1.25rem;font-weight:400;display:flex}.photo-drop.dragging{background:var(--accent);border-style:solid}.photo-drop img,.photo-placeholder{border:var(--border);width:8rem;height:8rem}.photo-drop img{object-fit:cover}.photo-placeholder{background:var(--paper);place-items:center;font-size:3.5rem;display:grid}.photo-picker .status{margin:.25rem 0 0}.drop-hint{color:var(--muted);font-size:13px}@media (hover:none){.drop-hint{display:none}}.track-search input[type=search]{box-sizing:border-box;width:100%}.track-search.results-closed .status,.track-search.results-closed .track-list{display:none}.track-list{text-align:left;margin:0;padding:0;list-style:none}.track-list[aria-busy=true]{opacity:.6}.track{border-top:var(--rule);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.track img{border:var(--border);flex-shrink:0}.track-name{font-family:var(--display);font-size:16px;font-weight:800}.track-meta{font-size:12px}.track-text{flex:1;min-width:0}.main-page{text-align:left;grid-template-columns:14rem minmax(0,1fr);align-items:start;gap:2.5rem;display:grid}.main-actions{flex-direction:column;gap:.75rem;display:flex}.main-actions button{background:var(--paper);color:var(--ink);text-align:left}.main-actions button:disabled{background:var(--ink);color:var(--paper);opacity:1}@media (width<=48rem){.main-page{grid-template-columns:1fr}}.main-content{flex-direction:column;gap:1rem;display:flex}.profile-cards{box-sizing:border-box;flex-direction:column;gap:2rem;width:100%;max-width:32rem;margin:0 auto;padding:0 6px 6px 0;list-style:none;display:flex}.profile-card{box-sizing:border-box;border:var(--border);background:var(--card);box-shadow:var(--shadow);text-align:left;padding:1rem 1.1rem}.profile-card-head{align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.profile-card-head .stamp{margin-left:auto}.profile-card-name{font-family:var(--display);text-transform:uppercase;margin:0;font-size:34px;font-weight:900;font-stretch:62%;line-height:1}.profile-card-about{font-family:var(--mono);text-transform:none;margin-left:.5rem;font-size:16px;font-weight:500;font-stretch:100%}.profile-card-about.anonymous{font-family:var(--display);margin-left:0;font-size:34px;font-weight:900;font-stretch:62%}.profile-card-photo{aspect-ratio:1;object-fit:cover;border-top:var(--border);border-bottom:var(--border);box-sizing:border-box;width:calc(100% + 2.2rem);margin:.5rem -1.1rem;display:block}.profile-card-footer{margin-top:.75rem}.profile-card-footer>button{width:100%}.sent-track{border-top:var(--rule);flex-direction:column;gap:.5rem;padding-top:.75rem;display:flex}.sent-track-title{font-family:var(--display);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:15px;font-weight:800;font-stretch:75%}.chosen-track{border:var(--border);background:var(--card);padding:.5rem .75rem}.reply-track{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.reply-toggle{margin:.5rem auto 0;display:block}.button-pair{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.button-pair button+button{background:var(--card);color:var(--ink)}.sent-track .status{margin:0}.track-profile-tracks-title{text-transform:uppercase;letter-spacing:1px;margin:.25rem 0 0;font-size:12px}.track-profile-tracks .track-list{border-left:4px solid var(--ink);padding-left:.75rem}.past-profiles{border-top:var(--rule);margin-top:.5rem;padding-top:.25rem}.past-profiles-toggle{color:inherit;font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;background:0 0;border:none;padding:.35rem 0;font-size:12px;font-weight:500}.past-profiles-toggle:hover:not(:disabled){color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);background:0 0;text-decoration-thickness:3px}.past-profiles-list{flex-direction:column;gap:.75rem;margin-top:.25rem;display:flex}.past-profiles-none{border-top:var(--rule);text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:.5rem 0 0;padding-top:.5rem;font-size:12px}.unmatch{text-align:center;margin-top:.75rem}.unmatch p{margin:0 0 .5rem}.unmatch .status{margin:0}.match-choose h2,.match-decide h2{margin:0;font-size:1.75rem}.decide-within{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:-.5rem 0 0;font-size:12px}.match-choose>p{margin:.25rem 0 1rem}.match-decide{flex-direction:column;gap:1rem;width:100%;max-width:32rem;margin:0 auto;display:flex}.match-actions{flex-direction:column;gap:.5rem;display:flex}.own-profile{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;max-width:32rem;margin:0 auto;padding-right:6px;display:flex}.own-profile .photo-picker{width:100%;max-width:22rem;margin:0 auto}.own-profile h2{margin:1rem 0 0;font-size:1.75rem}.own-profile-update{width:100%;margin-top:.5rem}.segmented{border:var(--border);display:flex}.segmented button{background:var(--paper);color:var(--ink);font-family:var(--mono);letter-spacing:.5px;border:none;flex:1;padding:.5rem .4rem;font-size:12px;font-weight:500;font-stretch:100%}.segmented button+button{border-left:var(--border)}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.segmented button[aria-pressed=false]:hover{background:var(--accent);color:var(--on-accent)}.profile-preview-heading{font-family:var(--mono);letter-spacing:1px;margin:0 0 .6rem;font-size:12px;font-weight:500;font-stretch:100%}.profile-editor{text-align:left;grid-template-columns:1fr 1fr;align-items:start;gap:2.5rem;display:grid}@media (width<=40rem){.profile-editor{grid-template-columns:1fr;gap:1rem}}.profile-column{flex-direction:column;gap:.75rem;display:flex}.profile h2{margin:0 0 .75rem;font-size:1.75rem}.profile-list .track{background:var(--paper)}.profile-list .track.dragging{z-index:1;border:var(--border);background:var(--card);box-shadow:var(--shadow);position:relative}.empty-slot{border:2px dashed var(--ink);min-height:56px;color:var(--muted);margin:.5rem 0;padding:0 .75rem;font-size:13px}.drag-handle{width:2rem;height:2.5rem;color:inherit;cursor:grab;touch-action:none;background:0 0;border:none;flex-shrink:0;place-items:center;padding:0;display:grid}.drag-handle:hover:not(:disabled){color:var(--accent);background:0 0}.drag-handle:active{cursor:grabbing}.badge{background:var(--accent);color:var(--on-accent);font-family:var(--mono);letter-spacing:0;vertical-align:middle;align-items:center;gap:.25rem;margin-left:.4rem;padding:.05rem .35rem;font-size:12px;font-weight:600;font-stretch:100%;display:inline-flex}.badge.quiet{background:var(--paper);color:var(--ink)}.stamp{background:var(--accent);color:var(--on-accent);font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;padding:.1rem .45rem;font-size:11px;font-weight:600}.match-activity{color:var(--muted);margin:0 0 .5rem;font-size:12px}.match-open-chat{border-top:var(--rule);margin-top:.75rem;padding-top:.75rem}.chat-button{width:100%}.chat{border:var(--border);background:var(--card);text-align:left;flex-direction:column;margin-top:.75rem;display:flex}.chat-log{flex-direction:column;gap:.6rem;height:min(28rem,60vh);padding:1rem;display:flex;overflow-y:auto}.chat-earlier{align-self:center}.chat-empty,.chat-gone{color:var(--muted);text-align:center;margin:auto;padding:1rem}.chat-day{letter-spacing:.3em;text-transform:uppercase;color:var(--muted);align-self:center;margin:.25rem 0;font-size:11px}.chat-day:before{content:"— "}.chat-day:after{content:" —"}.chat-new{border-top:2px solid var(--accent);letter-spacing:.2em;text-transform:uppercase;text-align:center;color:var(--accent);margin:0;padding-top:.25rem;font-size:11px;font-weight:600}.chat-message{border:var(--border);white-space:pre-wrap;overflow-wrap:anywhere;max-width:80%;padding:.5rem .7rem;line-height:1.45}.chat-message time{opacity:.7;margin-top:.25rem;font-size:11px;display:block}.chat-message.theirs{background:var(--paper);align-self:flex-start}.chat-message.mine{background:var(--ink);color:var(--paper);align-self:flex-end}.chat-compose{border-top:var(--border);gap:.4rem;padding:.75rem 1rem .5rem}.chat-compose textarea{border:var(--border);background:var(--paper);min-height:3.2rem;color:var(--ink);font:14px var(--mono);resize:vertical;border-radius:0;padding:.55rem .7rem}.chat-compose-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.chat-count{color:var(--muted);font-size:12px}.chat-count.over{color:var(--ink);font-weight:600}.chat-compose .status{margin:0}