: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;--field-font-size:14px;--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:16px;font-weight:600}.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}}@media (width<=36rem){.masthead{--clearing:10px;padding:.75rem 1rem}.masthead h1{font-size:clamp(1.75rem,8.5vw,2.25rem)}.masthead .city{margin-top:.5rem;font-size:13px}main{margin-top:1rem}}@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}.site-footer{color:var(--muted);letter-spacing:.05em;margin-top:-2rem;padding:0 1rem 2rem;font-size:12px}.site-footer a{color:inherit}.site-footer small{margin-top:.35rem;font-size:11px;display:block}.site-footer a:hover{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-decoration-thickness:3px}.sign-out{border-top:var(--rule);text-align:center;flex-direction:column;align-items:center;gap:1.25rem;margin-top:5rem;padding-top:1.5rem;display:flex}.sign-out .delete-account{color:var(--muted);font-size:12px}.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}.confirm-dialog p+p{margin-top:.75rem}.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);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);padding:.55rem .7rem}input,select,textarea{font-family:var(--mono);font-size:var(--field-font-size)}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}.turnstile.asking{margin-top:1.25rem}form{text-align:left;flex-direction:column;gap:.9rem;display:flex}.user-info h2{margin:0 0 1rem;font-size:1.75rem}.manifesto{text-align:left;margin:0 0 1.75rem}.manifesto p{margin:0 0 .75rem}.manifesto a{color:inherit;text-decoration-thickness:1px}.manifesto a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-decoration-thickness:3px}.manifesto .link-button{padding:0}.how-it-works{text-align:left;margin:0 0 1.75rem}.how-it-works h2{margin:0 0 1rem;font-size:1.75rem;line-height:1}.how-it-works ol{counter-reset:step;flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.how-it-works li{counter-increment:step;gap:.75rem;display:flex}.how-it-works li:before{content:counter(step);border:var(--border);background:var(--accent);width:1.6rem;height:1.6rem;color:var(--on-accent);font-family:var(--display);flex-shrink:0;place-items:center;font-size:15px;font-weight:800;display:grid}.connections-empty{text-align:left;flex-direction:column;gap:1.25rem;max-width:32rem;margin:0 auto;display:flex}.connections-empty>h2{margin:0;font-size:1.75rem}.connections-empty>p,.connections-empty .how-it-works{margin:0}.connections-empty .how-it-works h2{font-size:1.25rem}.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}label.checkbox{font-family:var(--mono);letter-spacing:normal;text-transform:none;flex-direction:row;align-items:flex-start;gap:.6rem;font-size:14px;font-weight:400;font-stretch:100%;line-height:1.45}label.checkbox input{width:1.2rem;height:1.2rem;accent-color:var(--accent);flex:none;margin:.1rem 0 0;padding:0}.email-settings{flex-direction:column;gap:.9rem;display:flex}.email-settings .status:empty{display:none}.field{flex-direction:column;gap:.35rem;display:flex}.field-hint{margin:0;font-size:13px}.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}.listen-on{margin-top:.5rem;padding:4px 4px 4px 0;line-height:0;display:inline-block}.track .listen-on img{border:none}.main-page{text-align:left;flex-direction:column;gap:1.5rem;display:flex}.main-actions{grid-template-columns:repeat(4,auto);gap:.4rem;width:100%;max-width:32rem;margin:0 auto;display:grid}.main-actions button{background:var(--paper);color:var(--ink);letter-spacing:.5px;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem .3rem;padding:.55rem .4rem;font-size:13px;display:flex}.main-actions button:disabled{background:var(--ink);color:var(--paper);opacity:1}.main-actions .badge{margin-left:0;padding:.05rem .25rem}@media (width<=25rem){.main-actions{grid-template-columns:1fr 1fr}}.main-content{flex-direction:column;gap:1rem;width:100%;max-width:52rem;margin:0 auto;display:flex}.connection-rows{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;max-width:32rem;margin:0 auto;padding:0 6px 6px 0;list-style:none;display:flex}.connection-row{border:var(--border);background:var(--card);width:100%;color:var(--ink);box-shadow:var(--shadow);font-family:var(--mono);letter-spacing:0;text-transform:none;text-align:left;grid-template-columns:3rem minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:14px;font-weight:400;font-stretch:100%;display:grid}.connection-row:hover:not(:disabled){background:var(--paper);color:var(--ink)}.connection-row-photo{border:var(--border);box-sizing:border-box;object-fit:cover;width:3rem;height:3rem}.connection-row-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.connection-row-name{font-family:var(--display);text-transform:uppercase;font-size:22px;font-weight:900;font-stretch:62%;line-height:1}.connection-row-about{font-family:var(--mono);text-transform:none;margin-left:.4rem;font-size:13px;font-weight:400;font-stretch:100%}.connection-row-tracks{flex-direction:column;font-size:13px;display:flex}.connection-row-tracks>span{white-space:nowrap;min-width:0;display:flex}.connection-row-title,.connection-row-artist{text-overflow:ellipsis;overflow:hidden}.connection-row-title{flex:0 auto;min-width:0}.connection-row-artist{max-width:60%;color:var(--muted);flex:none}.connection-row-activity{color:var(--muted);font-size:12px}.connection-row-text .stamp{align-self:flex-start;margin-top:.2rem}.connection-row-unread .badge{margin-left:0}.connection-row-toggle{font-size:12px}.connection-row-card{margin-top:.75rem}.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-head[hidden]+.profile-card-photo{border-top:none;margin-top:-1rem}.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}.incoming-choices{gap:.5rem;display:grid}.incoming-choices button:last-child{background:var(--card);color:var(--ink)}.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}.disconnect{text-align:center;margin-top:.75rem}.disconnect p{margin:0 0 .5rem}.disconnect .status{margin:0}.connection-choose h2,.connection-decide h2{margin:0;font-size:1.75rem}.decide-within{color:var(--muted);margin:-.5rem 0 0;font-size:13px}.connection-choose>p{margin:.25rem 0 1rem}.connection-decide{flex-direction:column;gap:1rem;width:100%;max-width:32rem;margin:0 auto;display:flex}.connection-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)}@media (width<=25rem){.segmented button{letter-spacing:0;padding:.5rem .2rem}}.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-editor-intro{grid-column:1/-1}.profile-editor-intro h2{margin:0 0 .5rem;font-size:1.75rem;line-height:1}.profile-editor-intro h2+p{margin:0}.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}.connection-activity{color:var(--muted);margin:0 0 .5rem;font-size:12px}.connection-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);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}@media (pointer:coarse){:root{--field-font-size:16px}}