:root{color-scheme:dark;--ink: #e2e8f2;--ink-dim: #6b7789;--soft: #97a2b4;--void: #05060a;--raised: #141925;--raised-over: #1c2333;--line: #2a3140;--row: #1a1f2b;--accent: #8fd6ff;--accent-bright: #b9e6ff;--amber: #d99a6c;--bad: #ff8a80;--red: #ff8a80;--red-deep: #3a1715;--sans: Jost, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--void);color:var(--ink);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}[hidden]{display:none!important}.top,main{max-width:760px;margin:0 auto;padding-left:16px;padding-right:16px}.top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 40px;padding-top:20px;padding-bottom:16px;background:linear-gradient(var(--row),var(--row)) bottom center / calc(100% - 32px) 1px no-repeat}main{padding-bottom:96px}a{color:var(--accent)}.top h1{margin:0;font-size:24px;font-weight:500;letter-spacing:-.02em}.top h1 a{color:inherit;text-decoration:none}.pages{display:flex;gap:22px;margin-right:auto}.pages a{color:var(--soft);text-decoration:none}.pages a:hover,.pages a[aria-current=page]{color:var(--ink)}.who{display:flex;align-items:baseline;gap:12px;color:var(--soft)}.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:40px 0 24px}.page-head h1{margin:0;font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.02em}.page-head h1 span{color:var(--ink-dim);font-weight:400}.page-head p{margin:2px 0 0;color:var(--soft)}h2{margin:44px 0 10px;color:var(--ink);font-size:21px;font-weight:500;letter-spacing:-.015em}.card{margin:0 0 52px}.card h2{margin:0 0 12px}.narrow{max-width:420px;margin-left:auto;margin-right:auto}#signed-out,#insecure,#off{margin-top:56px}.note,.aside{color:var(--soft)}.note{margin:12px 0 0;font-size:14px}.aside{margin:0;text-align:center}.banner{margin:0 0 16px;padding:12px 16px;border-radius:10px;background:#1c140c;color:#f0c49c}.card.warn h2{color:#f0c49c}.card.warn p{margin:12px 0 0}.choices{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}label{display:grid;gap:4px;margin:0 0 14px;color:var(--soft)}label small{font-size:14px}input,button,select,.button{font:inherit;color:var(--ink)}input[type=text],input[type=password]{width:100%;padding:9px 12px;border:0;border-radius:8px;background:var(--raised)}input:focus-visible,button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=text]:focus-visible,input[type=password]:focus-visible,input[type=number]:focus-visible{outline:none;background:var(--raised-over)}button,.button{display:inline-block;padding:8px 18px;border:0;border-radius:999px;background:var(--accent);color:var(--void);font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;white-space:nowrap}button:hover,.button:hover{background:var(--accent-bright)}button:disabled{opacity:.5;cursor:default}button.quiet,.button.quiet{background:var(--raised);color:var(--ink);font-weight:400}button.quiet:hover,.button.quiet:hover{background:var(--raised-over)}button.danger{background:var(--red-deep);color:#ffd0cb}button.danger:hover{background:#52201d}button.small{padding:4px 12px;font-size:14px}button.quiet.small{background:none;color:var(--soft)}button.quiet.small:hover{background:var(--raised);color:var(--ink)}.error{margin:8px 0 0;color:var(--bad)}.error:empty{display:none}.tabs{display:flex;gap:22px;margin:0 0 22px}.tabs button{padding:0;border-radius:4px;background:none;color:var(--ink-dim);font-size:24px;letter-spacing:-.02em}.tabs button:hover{color:var(--soft)}.tabs button[aria-selected=true]{color:var(--ink)}.inline-form{display:flex;gap:8px;min-width:0}.page-head .inline-form{flex:1 1 260px;max-width:440px}.done{margin:8px 0 0;color:var(--accent)}.done:empty{display:none}#list-status{margin:0 0 12px}.card.upload{margin-bottom:24px}.card.upload p{margin:0 0 10px}.card.upload .error{margin-top:8px}.maps{margin:0;padding:0;list-style:none}.maps:empty{display:none}.map{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:16px 0;border-top:1px solid var(--row)}.map:first-child{border-top:none}.map .info{display:grid;flex:1 1 240px;min-width:0}.map .name{overflow:hidden;color:var(--ink);font-size:18px;font-weight:500;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.map .title-line{display:flex;align-items:center;min-width:0}.map .name:hover{text-decoration:underline}.map .meta{color:var(--soft);font-size:14px}.map .actions{display:flex;flex-wrap:wrap;align-items:center;margin:0 -12px}.map .confirm{color:var(--amber)}.map .error{flex-basis:100%;margin:0}.map .rename{width:100%}#empty{margin:0}#signed-in .aside{margin-top:16px}.map .download{display:block;flex-basis:100%;margin:4px 0}.map .download .inline-form{flex-wrap:wrap}.map .download input{flex:1 1 180px;min-width:0}.map .download .note{margin-top:8px;font-size:14px}.map .history{flex-basis:100%;margin:4px 0;color:var(--soft)}.history p{margin:0}.history .done{margin-bottom:6px;color:var(--accent)}.history .note{margin-top:8px;font-size:14px}.versions{margin:8px 0 0;padding:0;list-style:none}.version{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding:8px 0;border-top:1px solid var(--row)}.version .info{display:grid;flex:1 1 220px;min-width:0}.version .when{color:var(--ink)}.version .meta{font-size:14px}.version .actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.version .confirm{color:var(--amber)}#settings-view h3{margin:0;padding:14px 0 4px;color:var(--soft);font-size:14px;font-weight:500}.lede{max-width:58ch;margin:-4px 0 12px;color:var(--soft)}.banner.problems{margin-top:20px}.banner.problems p,.banner.problems ul{margin:0}.banner.problems ul{padding-left:18px}.keys .rows+.rows{margin-top:24px}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 28px;padding:14px 0;border-top:1px solid var(--row)}.rows>.row:first-child,.rows>h3+.row{border-top:none}.row .text{min-width:0}.row label,.row .label{display:block;margin:0;color:var(--ink);font-weight:500}.row .description{max-width:55ch;margin:2px 0 0;color:var(--soft);font-size:14px}.row .side{display:grid;justify-items:end;gap:6px}.row .control{display:flex;align-items:center;gap:10px}.row>.error{grid-column:1 / -1;margin:0}.origin:empty{display:none}button.reset{padding:4px 12px;background:none;color:var(--red);font-size:14px;font-weight:400}button.reset:hover{background:var(--red-deep)}button.reset:disabled{background:none;color:var(--ink-dim)}select,input[type=number]{padding:6px 10px;border:0;border-radius:8px;background:var(--raised)}input[type=number]{width:72px;text-align:right;font-variant-numeric:tabular-nums}input[type=range]{width:150px;accent-color:var(--accent)}input.switch{position:relative;width:40px;height:22px;margin:0;border:0;border-radius:11px;background:var(--line);cursor:pointer;appearance:none;transition:background .15s}input.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--soft);transition:transform .15s}input.switch:checked{background:var(--accent)}input.switch:checked:after{background:var(--void);transform:translate(18px)}@media(prefers-reduced-motion:reduce){input.switch,input.switch:after{transition:none}}.slots{display:grid;grid-template-columns:repeat(3,112px);gap:8px}.slot{position:relative}button.cap{width:100%;min-height:32px;padding:4px 8px 6px;border-radius:7px;background:var(--raised);box-shadow:inset 0 -2px 0 var(--line);color:var(--ink);font:500 14px/1.2 var(--sans);white-space:nowrap}button.cap:hover{background:var(--raised-over)}button.cap.empty{background:none;box-shadow:none;color:var(--ink-dim)}button.cap.empty:hover{background:var(--raised);color:var(--ink)}.cap.spare{display:block;min-height:32px}button.cap.listening{background:#2a1d12;box-shadow:none;color:var(--amber)}button.unbind{position:absolute;top:-7px;right:-7px;width:18px;height:18px;padding:0;border-radius:50%;background:var(--line);color:var(--ink);font:12px/1 var(--sans);opacity:0}.slot:hover button.unbind,button.unbind:focus-visible{opacity:1}button.unbind:hover{background:var(--red-deep);color:var(--red)}@media(hover:none){button.unbind{opacity:1}}.savebar{position:sticky;bottom:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 12px;margin-top:28px;padding:10px 10px 10px 20px;border-radius:28px;background:var(--raised);box-shadow:0 8px 28px #0000008c}.savebar .state{margin-right:auto;color:var(--soft)}.savebar.dirty .state{color:#f0c49c}.savebar .error{flex-basis:100%;margin:0}kbd{display:inline-block;min-width:1.7em;padding:1px 7px;border-radius:5px;background:var(--raised);color:var(--ink);font:500 14px/1.5 var(--sans);text-align:center}#help-view .card{margin:0 0 40px}#help-view .card h2{margin:0 0 4px}.help-keys{margin:0;padding:0;list-style:none}.help-keys li{display:grid;grid-template-columns:minmax(130px,36%) 1fr;gap:4px 20px;padding:10px 0;border-top:1px solid var(--row)}.help-keys li:first-child{border-top:none}.help-keys .keys{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.help-keys .or,.help-keys .unbound{color:var(--ink-dim);font-size:14px}.help-keys .what{display:grid}.help-keys small{color:var(--soft);font-size:14px}@media(max-width:560px){.row{grid-template-columns:1fr}.row .side{justify-items:start}.slots{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.help-keys li{grid-template-columns:1fr}}#account-view .card{max-width:560px}#account-view .card p{margin:0 0 12px}#account-view .card p.error,#account-view .card p.done{margin:10px 0 0}#account-view .choices{margin-top:0}#account-view .lede{margin:0 0 8px;color:var(--ink)}.card.danger-zone h2{color:var(--red)}.shared-section{margin-top:52px}.shared-section h2{margin:0 0 10px}.map .online{display:inline-flex;align-items:center;gap:3px;margin-left:8px;vertical-align:middle}.map .online .live-dot{width:7px;height:7px;margin-right:3px;border-radius:50%;background:#06d6a0}.map .online .person{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--person, #fff);color:var(--void);font-size:10px;font-weight:600;line-height:1}.map .online .more{font-size:11px;opacity:.7}.map .badge{padding:1px 7px;border-radius:999px;background:var(--accent);color:var(--void);font-size:12px;font-weight:500;vertical-align:2px}.map .sharing{flex-basis:100%;margin:4px 0;color:var(--soft)}.sharing p{margin:0}.sharing .members{margin:0 0 10px;padding:0;list-style:none}.sharing .member{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 0;border-top:1px solid var(--row)}.sharing .member:first-child{border-top:none}.sharing .who{flex:1 1 160px;min-width:0;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.sharing .add{flex-wrap:wrap}.sharing .add input{flex:1 1 160px;min-width:0}.sharing .note{font-size:14px}.sharing-heading{margin:18px 0 6px;color:var(--ink);font-size:15px;font-weight:500}.sharing-heading:first-child{margin-top:0}.perm-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;width:100%}.perm-table{grid-template-columns:minmax(0,1fr) auto auto;margin-bottom:6px}.perm-head{color:var(--soft);font-size:14px;text-align:center}.perm-table input[type=checkbox]{justify-self:center;width:16px;height:16px;accent-color:var(--accent)}.sharing .member.perms{padding:8px 0 10px 12px;border-top:none}.sharing .link-state{margin-bottom:8px;color:var(--ink)}.sharing .link-form,.sharing .link-copy{flex-wrap:wrap;margin-bottom:8px}.sharing .link-copy input{flex:1 1 220px;min-width:0}.sharing .dot{flex:none;width:10px;height:10px;border-radius:50%}.help-prose h3{margin:18px 0 6px;font-size:14px}.help-prose p{margin:0 0 8px;max-width:72ch;line-height:1.5}