:root{--surface-page: #f7f4ef;--surface-panel: #fffdf9;--surface-sunken: #efeae1;--surface-nav: #0f2c30;--ink: #1a2332;--ink-soft: #3d4a5c;--ink-muted: #5c6b7a;--ink-on-dark:#f7f4ef;--line: #d8d0c4;--line-strong: #b9ae9d;--accent: #0d6e6e;--accent-hover: #0a5757;--accent-soft: #e4f2f2;--accent-ink: #ffffff;--ok: #1f6b45;--ok-soft: #e6f3eb;--warn: #8a5a12;--warn-soft: #f5ecdb;--danger: #a32020;--danger-soft: #f8e6e6;--font-sans: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.35rem;--text-2xl: 1.62rem;--text-3xl: 1.95rem;--leading-tight: 1.25;--leading-body: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(26, 35, 50, .06);--shadow: 0 2px 8px rgba(26, 35, 50, .08);--measure: 68ch;--container: 920px;--touch-min: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--dot-places: #2f5f78;--dot-indie: #0d6e6e;--dot-rock: #a32020;--dot-electronic: #5346a3;--dot-hiphop: #8a5a12;--dot-pop: #a34462;--dot-folk: #1f6b45;--dot-jazz: #9a4a22;--dot-world: #0a5757;--dot-classical: #3d4a5c;--dot-screen: #5c6b7a;--dot-tools: #1a2332;--dot-industry: #5c6b7a;--dot-live: #0d6e6e;--dot-general: #3d4a5c;--dot-selected: #0a5757;--dot-occupied: #1f6b45;--dot-neighbor: #8a5a12;--map-grid: #e6dfd4}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--surface-page);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-tight);color:var(--ink)}p,li{max-width:var(--measure)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}img,svg,video,canvas{max-width:100%;height:auto}.scroll-x{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%}html{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:max(1rem,16px)}button,[role=button],a.btn,.tap{min-height:var(--touch-min);min-width:var(--touch-min)}@media(max-width:640px){:root{--text-3xl: 1.6rem;--text-2xl: 1.4rem;--space-12: 2rem}}html,body{height:100%;overflow:hidden}body{min-height:100dvh;background:var(--surface-sunken);color:var(--ink)}.skip{position:absolute;left:var(--space-2);top:var(--space-2);transform:translateY(-200%);background:var(--surface-panel);color:var(--ink);padding:var(--space-2) var(--space-3);z-index:40}.skip:focus{transform:none}.map-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.map-host canvas{display:block;width:100%!important;height:100%!important;max-width:none!important}.chrome-top{position:fixed;top:calc(var(--space-3) + var(--safe-top));left:var(--space-3);right:var(--space-3);z-index:8;display:grid;grid-template-columns:minmax(10rem,16rem) minmax(12rem,28rem) auto;gap:var(--space-3);align-items:end;pointer-events:none}.chrome-top>*{pointer-events:auto}.brand{padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--surface-panel) 92%,transparent);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.brand h1{margin:0;font-size:var(--text-xl);letter-spacing:-.03em}.tag{margin:2px 0 0;color:var(--ink-muted);font-size:var(--text-xs)}.search{position:relative}.search label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.search input{width:100%;min-height:var(--touch-min);border:1px solid var(--line-strong);border-radius:var(--radius);padding:var(--space-2) var(--space-3);background:var(--surface-panel);color:var(--ink);box-shadow:var(--shadow);font-size:var(--text-base)}.search-results{list-style:none;margin:var(--space-1) 0 0;padding:0;position:absolute;left:0;right:0;z-index:9;background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-height:16rem;overflow:auto}.search-results button{width:100%;text-align:left;border:0;background:transparent;color:var(--ink);padding:var(--space-2) var(--space-3);font:inherit}.search-results button:hover,.search-results button[aria-selected=true]{background:var(--accent-soft)}.chrome-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.legend{position:fixed;left:var(--space-3);bottom:calc(2.6rem + var(--safe-bottom));z-index:8;display:flex;flex-wrap:wrap;gap:var(--space-1);max-width:min(36rem,calc(100% - 2rem))}.legend button{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--line);background:color-mix(in srgb,var(--surface-panel) 92%,transparent);border-radius:999px;padding:.3rem .65rem;font:inherit;font-size:var(--text-xs);color:var(--ink-soft);cursor:pointer}.legend button.is-off{opacity:.38}.legend i{width:.55rem;height:.55rem;border-radius:50%;background:var(--swatch)}.tooltip{position:fixed;z-index:10;pointer-events:none;background:var(--ink);color:var(--ink-on-dark);font-size:var(--text-sm);padding:.35rem .55rem;border-radius:var(--radius-sm);transform:translate(12px,12px)}.hover-dock{position:fixed;left:50%;bottom:calc(3.2rem + var(--safe-bottom));transform:translate(-50%);z-index:8;width:min(22rem,calc(100vw - 1.5rem));background:color-mix(in srgb,var(--surface-panel) 94%,transparent);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-2) var(--space-3);pointer-events:none}.hover-title{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--ink-soft)}.hover-dock .player-frame{aspect-ratio:16 / 9;pointer-events:auto}.legend button.is-island{border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}.drawer{position:fixed;top:calc(5.5rem + var(--safe-top));right:var(--space-3);bottom:calc(2.6rem + var(--safe-bottom));width:min(24rem,calc(100vw - 1.5rem));z-index:9;background:var(--surface-panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-4);overflow:auto}.drawer[hidden],.tooltip[hidden]{display:none}.drawer-close{float:right;border:0;background:transparent;color:var(--ink-muted);font:inherit;cursor:pointer}.drawer h2{margin:0 0 var(--space-2);font-size:var(--text-xl)}.drawer h3{margin:var(--space-6) 0 var(--space-2);font-size:var(--text-base)}.meta,.hint{margin:0 0 var(--space-3);color:var(--ink-muted);font-size:var(--text-sm)}.neighbors,.occupied-list,.unmatched{list-style:none;margin:0 0 var(--space-3);padding:0}.neighbors button,.occupied-list button{display:block;width:100%;text-align:left;border:1px solid var(--line);background:var(--surface-page);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);color:var(--ink);font:inherit}.neighbors button.is-next{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.next-mark{display:inline-block;margin-right:.35em;color:var(--accent);font-size:.75em;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.player-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.player-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.player-fallback{min-height:8rem;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);padding:var(--space-4);background:var(--accent-soft);border:1px solid var(--line);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid transparent;font:inherit;text-decoration:none;cursor:pointer}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:var(--surface-panel);color:var(--ink);border-color:var(--line-strong);box-shadow:var(--shadow)}.paste-box{width:100%;min-height:7rem;resize:vertical;border:1px solid var(--line-strong);border-radius:var(--radius);padding:var(--space-3);background:var(--surface-page);color:var(--ink);font-family:var(--font-sans)}.paste-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0}.unmatched li{color:var(--ink-soft);font-size:var(--text-sm);margin-bottom:var(--space-1)}.ok-banner,.warn-banner{border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);margin-bottom:var(--space-3)}.ok-banner{background:var(--ok-soft);color:var(--ok)}.warn-banner{background:var(--warn-soft);color:var(--warn)}.chrome-foot{position:fixed;left:var(--space-3);right:var(--space-3);bottom:var(--safe-bottom);z-index:7;pointer-events:none}.chrome-foot p{margin:0;font-size:11px;color:var(--ink-muted)}.chrome-foot a{pointer-events:auto;color:inherit;text-decoration:underline;text-underline-offset:2px}.auth-user{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.chrome-top{grid-template-columns:1fr 1fr}.brand,.search{grid-column:1 / -1}.chrome-actions{grid-column:1 / -1;justify-content:stretch}.chrome-actions .btn{flex:1}.drawer,.drawer-list{top:auto;left:var(--space-2);right:var(--space-2);bottom:calc(2.4rem + var(--safe-bottom));width:auto;max-height:52dvh}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}