.copy-field{gap:8px;margin-top:13px;display:grid}.copy-field input{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-page);width:100%;height:40px;color:var(--color-muted);padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.copy-field .ui-button{white-space:nowrap}.copy-field__error{color:var(--color-danger);margin:8px 0 0;font-size:10px;line-height:1.5}@media (width>=680px){.copy-field{grid-template-columns:minmax(0,1fr) auto}}.created-room-page>.brand{position:absolute;top:26px;left:50%;transform:translate(-50%)}.live-dot{width:calc(var(--spacing,.25rem) * 1.5);height:calc(var(--spacing,.25rem) * 1.5);background-color:var(--color-secondary,#ff8066);border-radius:2147483647px;margin-right:7px;display:inline-block;box-shadow:0 0 0 5px #ff80661a}@supports (color:color-mix(in lab, red, red)){.live-dot{box-shadow:0 0 0 5px color-mix(in srgb, var(--color-secondary) 10%, transparent)}}.home-page{background:linear-gradient(90deg, transparent calc(100% - 1px), var(--color-grid-line) 1px) 0 0 / 80px 100%, var(--color-page);flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.home-header-actions{align-items:center;gap:var(--spacing,.25rem);display:flex}.home-main{gap:calc(var(--spacing,.25rem) * 9);padding-top:52px;padding-bottom:42px;display:grid}.hero-copy{align-self:center}.hero-copy h1{max-width:720px;font-family:var(--serif);letter-spacing:-.075em;text-wrap:balance;word-break:keep-all;margin:14px 0 22px;font-size:clamp(48px,14vw,74px);font-weight:500;line-height:1}.hero-line{display:inline-block}.hero-copy h1 em{color:var(--color-primary);font-weight:500}html[lang=en] .hero-copy h1{letter-spacing:-.065em;max-width:610px;font-size:clamp(44px,12vw,64px);line-height:1.04}.hero-description{max-width:530px;color:var(--color-ink-soft);word-break:keep-all;margin:0;font-size:15px}.privacy-note{border-top:1px solid var(--color-line);gap:14px;max-width:510px;margin-top:34px;padding-top:22px;display:flex}.privacy-note strong{margin-bottom:5px;font-size:13px;display:block}.privacy-note p{color:var(--color-muted);margin:0;font-size:12px;line-height:1.65}.listening-preview{background-color:var(--color-surface,#191916);border:var(--card-border-width) solid var(--color-card-line);border-radius:var(--radius-md)}.create-card{background-color:var(--color-surface,#191916);padding:calc(var(--spacing,.25rem) * 6);border:var(--card-border-width) solid var(--color-card-line);border-radius:var(--radius-card);box-shadow:10px 10px 0 var(--color-page-deep)}.create-card__header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:flex-start;padding-bottom:22px;display:flex}.create-card h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:25px;font-weight:600}.create-card form{padding-top:24px}.field-group{margin-bottom:23px;position:relative}.field-group label,.visibility-fieldset legend{color:var(--color-ink-soft);margin-bottom:9px;font-size:12px;font-weight:720;display:block}.field-label-row{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}.field-label-row small{color:var(--color-muted-deep);font-size:10px;font-weight:600}.field-label-row label{margin-bottom:0}.field-group .field-label-row{margin-bottom:9px}.field-group input{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-page);width:100%;height:49px;color:var(--color-ink);padding:0 46px 0 14px}.field-group input::placeholder{color:var(--color-muted-deep)}.field-group input:hover,.field-group input:focus{border-color:var(--color-field-border-hover)}.field-count{color:var(--color-muted-deep);font-size:10px;position:absolute;bottom:16px;right:12px}.field-group--alias p{color:var(--color-muted);margin:6px 0 0;font-size:10px;line-height:1.5}.visibility-fieldset{border:0;min-width:0;margin:0 0 24px;padding:0}.visibility-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.visibility-option{cursor:pointer;min-width:0;display:flex}.visibility-option input{opacity:0;pointer-events:none;position:absolute}.visibility-option__surface{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-raised);flex-direction:column;flex:1;justify-content:center;min-height:99px;padding:12px;transition:border-color .16s,background-color .16s;display:flex}.visibility-option:hover .visibility-option__surface{border-color:var(--color-line-strong)}.visibility-option input:checked+.visibility-option__surface{border-color:var(--color-primary);background:var(--color-primary-surface)}.visibility-option input:focus-visible+.visibility-option__surface{outline:2px solid var(--color-primary);outline-offset:3px}.visibility-option__symbol{--badge-color:var(--color-muted);margin-bottom:7px}.visibility-option input:checked+.visibility-option__surface .visibility-option__symbol{border-color:var(--color-primary);color:var(--color-primary)}.visibility-option strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.visibility-option small{color:var(--color-muted);margin-top:4px;font-size:10px;line-height:1.35;overflow:hidden}.field-group--password p{color:var(--color-muted);margin:6px 0 0;font-size:10px}.form-error{color:var(--color-danger);align-items:center;gap:8px;margin:-4px 0 14px;font-size:11px;line-height:1.5;display:flex}.form-error>span{border:1px solid;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;display:grid}.form-error svg{width:11px;height:11px}.create-button{--button-padding-inline:18px 20px;justify-content:space-between;width:100%}.button-arrow{border:1px solid #181a0b33;place-items:center;width:26px;height:26px;display:grid}@supports (color:color-mix(in lab, red, red)){.button-arrow{border:1px solid color-mix(in srgb, var(--color-on-primary) 20%, transparent)}}.button-arrow{border-radius:50%}.button-arrow svg{width:14px;height:14px}.create-disclaimer{color:var(--color-muted-deep);text-align:center;margin:11px 0 0;font-size:10px}.listening-preview{padding:calc(var(--spacing,.25rem) * 4);align-self:center;transform:rotate(1deg)}.preview-topline{border-bottom:1px solid var(--color-line);color:var(--color-muted);letter-spacing:.02em;padding-bottom:12px;font-size:10px;font-weight:800}.record-stage{background:#141412;place-items:center;min-height:265px;display:grid;position:relative;overflow:hidden}.record-stage:before,.record-stage:after{content:"";background:#24241f;width:1px;height:130%;position:absolute;transform:rotate(44deg)}.record-stage:after{transform:rotate(-44deg)}.record{box-shadow:0 14px 24px #00000073}.record .vinyl-disc__label{font-size:10px}.tonearm{transform-origin:top;will-change:transform;background:#cac8bb;border-radius:8px;width:7px;height:150px;animation:5.6s ease-in-out infinite alternate tonearm-sway;position:absolute;top:28px;right:40px;transform:rotate(21deg);box-shadow:0 0 0 6px #33332c}.tonearm:after{content:"";background:var(--color-primary-fill);border-radius:3px;width:17px;height:28px;position:absolute;bottom:-13px;left:-5px}@keyframes tonearm-sway{0%{transform:rotate(19.5deg)}to{transform:rotate(22.5deg)}}.preview-track{justify-content:space-between;align-items:flex-end;padding:16px 2px 10px;display:flex}.preview-track strong{font-family:var(--serif);letter-spacing:-.04em;margin-top:4px;font-size:21px;display:block}.preview-track p{color:var(--color-muted);margin:3px 0 0;font-size:11px}.track-label{color:var(--color-primary);letter-spacing:.02em;font-size:10px;font-weight:800}.preview-progress{grid-template-columns:1fr auto;gap:4px 8px;display:grid}.preview-progress>span{background:var(--color-line-strong);grid-column:1/-1;height:2px}.preview-progress>span i{background:var(--color-primary-fill);width:47%;height:100%;display:block}.preview-progress small{color:var(--color-muted);font-size:10px}.preview-message{border-top:1px solid var(--color-line);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:15px;padding-top:12px;display:grid}.preview-message p{color:var(--color-ink-soft);margin:0;font-size:10px}.preview-message p strong{color:var(--color-secondary)}.preview-message time{color:var(--color-muted-deep);font-size:10px}.created-room-page{min-height:100vh;padding-top:98px;padding-bottom:calc(var(--spacing,.25rem) * 11);align-items:center;width:min(100% - 32px,900px);margin-inline:auto;display:flex}.created-room-card{background-color:var(--color-surface,#191916);width:100%;padding-inline:18px;padding-top:calc(var(--spacing,.25rem) * 6);padding-bottom:calc(var(--spacing,.25rem) * 5);text-align:center;border:var(--card-border-width) solid var(--color-line-strong);border-radius:var(--radius-card)}.created-room-check{--badge-border-color:var(--color-primary);margin:0 auto 18px}.created-room-card>h1{font-family:var(--serif);letter-spacing:-.05em;margin:9px 0;font-size:clamp(30px,8vw,48px);font-weight:550}.created-room-intro{max-width:610px;color:var(--color-muted);margin:0 auto;font-size:12px;line-height:1.7}.created-link-list{gap:calc(var(--spacing,.25rem) * 2.5);text-align:left;margin-top:25px;display:grid}.created-link-card{background-color:var(--color-surface-raised,#20201c);padding:calc(var(--spacing,.25rem) * 4);border:var(--card-border-width) solid var(--color-card-line);border-radius:var(--radius-card)}.created-link-card--host{border-color:var(--color-primary-border);background:var(--color-primary-surface)}.created-link-card>div:first-child>span{color:var(--color-primary);letter-spacing:.11em;font-size:10px;font-weight:850}.created-link-card h2{font-family:var(--serif);margin:5px 0 3px;font-size:19px;font-weight:650}.created-link-card>div:first-child>p{color:var(--color-muted);margin:0;font-size:10px;line-height:1.55}.created-storage-error{color:var(--color-danger);margin:8px 0 0;font-size:10px;line-height:1.5}.created-room-confirmations{text-align:left;gap:8px;margin-top:12px;display:grid}.created-room-confirmations label{border:1px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:12px;display:grid}.created-room-confirmations input{width:16px;height:16px;accent-color:var(--color-primary-fill);margin:2px 0 0}.created-room-confirmations strong,.created-room-confirmations small{display:block}.created-room-confirmations strong{font-size:11px}.created-room-confirmations small{color:var(--color-muted);margin-top:3px;font-size:10px;line-height:1.5}.created-storage-error{text-align:left}.created-room-enter{--button-disabled-cursor:not-allowed;justify-content:space-between;width:100%;margin-top:13px}.created-room-enter__icon,.created-room-enter__icon svg{width:17px;height:17px}@media (width>=680px){.created-room-page{padding-top:112px}.created-room-card{padding:34px}.created-link-list,.created-room-confirmations{grid-template-columns:repeat(2,minmax(0,1fr))}.home-main{padding-top:68px}.hero-copy h1{font-size:clamp(64px,10vw,86px)}.hero-line,.hero-copy h1 em{white-space:nowrap}html[lang=en] .hero-copy h1{font-size:clamp(58px,8vw,68px)}.create-card{padding:30px}}@media (width>=1040px){.home-main{grid-template-columns:minmax(0,1fr) minmax(390px,430px);align-items:center;gap:56px}.hero-copy{grid-row:span 2}.listening-preview{display:none}}@media (width>=1280px){.home-main{flex:1;grid-template-columns:minmax(450px,1fr) 420px 320px;gap:clamp(30px,4vw,70px);padding-top:42px;padding-bottom:42px}.hero-copy{grid-row:auto}.hero-copy h1{font-size:clamp(70px,5.3vw,88px)}html[lang=en] .hero-copy h1{font-size:clamp(62px,4.6vw,68px)}.listening-preview{display:block}}