:root,:root[data-theme=listening-room],:root[data-theme=listening-room][data-mode=dark]{--bg: #161e18;--bg-2: #1c261f;--bg-3: #243029;--surface: #2a3830;--ink: #ede8dc;--ink-2: #b8c2b2;--ink-3: #7d8a7a;--accent: #cda84e;--accent-glow: rgba(205, 168, 78, .16);--groove: #324035;--shadow: rgba(0, 0, 0, .55);--overlay: rgba(8, 14, 10, .66);--danger: #c66a5a;--success: #88b075;--ff-display: "Cormorant Garamond", Georgia, serif;--ff-body: "Cormorant Garamond", Georgia, serif;--ff-mono: "DM Mono", "SF Mono", Menlo, monospace;--radius: 4px;--radius-lg: 6px;--t: .22s ease}:root[data-theme=listening-room][data-mode=light],:root[data-mode=light]:not([data-theme]),:root:not([data-theme])[data-mode=light]{--bg: #eef0e8;--bg-2: #e3e7da;--bg-3: #d6dccb;--surface: #cad2bd;--ink: #1a221b;--ink-2: #44503f;--ink-3: #6e7a68;--accent: #7d6420;--accent-glow: rgba(125, 100, 32, .14);--groove: #c2cab2;--shadow: rgba(26, 34, 27, .14);--overlay: rgba(22, 30, 24, .55);--danger: #a8443a;--success: #4a7840}:root[data-theme=light]{--bg: #eef0e8;--bg-2: #e3e7da;--bg-3: #d6dccb;--surface: #cad2bd;--ink: #1a221b;--ink-2: #44503f;--ink-3: #6e7a68;--accent: #7d6420;--accent-glow: rgba(125, 100, 32, .14);--groove: #c2cab2;--shadow: rgba(26, 34, 27, .14);--overlay: rgba(22, 30, 24, .55);--danger: #a8443a;--success: #4a7840}:root[data-theme=neon-abyss],:root[data-theme=neon-abyss][data-mode=dark]{--bg: #08090f;--bg-2: #0c0e18;--bg-3: #111525;--surface: #161a30;--ink: #dce4ff;--ink-2: #8a96c4;--ink-3: #4a5680;--accent: #ff2a6d;--accent-glow: rgba(255, 42, 109, .18);--groove: #1a1e30;--shadow: rgba(0, 0, 0, .6);--overlay: rgba(4, 5, 10, .75);--danger: #ff2a6d;--success: #05d9e8;--ff-display: "JetBrains Mono", "Courier New", monospace;--ff-body: "JetBrains Mono", "Courier New", monospace;--ff-mono: "JetBrains Mono", "Courier New", monospace;--radius: 4px;--radius-lg: 6px;--t: .15s ease}:root[data-theme=neon-abyss][data-mode=light]{--bg: #eef0f8;--bg-2: #e2e5f0;--bg-3: #d4d8e8;--surface: #c8ccd8;--ink: #0a0c18;--ink-2: #3a3e58;--ink-3: #6a6e88;--accent: #d41a58;--accent-glow: rgba(212, 26, 88, .14);--groove: #bcc2d8;--shadow: rgba(10, 12, 24, .12);--overlay: rgba(10, 12, 24, .5);--danger: #d41a58;--success: #0494a0}:root[data-theme=black-frost],:root[data-theme=black-frost][data-mode=dark]{--bg: #090909;--bg-2: #0e0e0e;--bg-3: #151515;--surface: #1a1a1a;--ink: #aaaaaa;--ink-2: #707070;--ink-3: #454545;--accent: #888888;--accent-glow: rgba(136, 136, 136, .1);--groove: #1c1c1c;--shadow: rgba(0, 0, 0, .7);--overlay: rgba(0, 0, 0, .8);--danger: #884444;--success: #558855;--ff-display: "Playfair Display", Georgia, serif;--ff-body: Georgia, "Times New Roman", serif;--ff-mono: "IBM Plex Mono", "Courier New", monospace;--radius: 2px;--radius-lg: 4px;--t: .3s ease}:root[data-theme=black-frost] body:before{opacity:0}:root[data-theme=black-frost][data-mode=light]{--bg: #f0efed;--bg-2: #e6e4e0;--bg-3: #dad7d2;--surface: #ccc8c2;--ink: #1a1a1a;--ink-2: #4a4a4a;--ink-3: #5a5a5a;--accent: #3a3a3a;--accent-glow: rgba(58, 58, 58, .1);--groove: #cac6c0;--shadow: rgba(0, 0, 0, .1);--overlay: rgba(26, 26, 26, .5);--danger: #6a2a2a;--success: #3a6a3a}:root[data-theme=concrete],:root[data-theme=concrete][data-mode=dark]{--bg: #121214;--bg-2: #18181c;--bg-3: #222226;--surface: #28282e;--ink: #eaeaea;--ink-2: #a0a0a8;--ink-3: #5a5a62;--accent: #e85d3a;--accent-glow: rgba(232, 93, 58, .16);--groove: #2c2c32;--shadow: rgba(0, 0, 0, .5);--overlay: rgba(0, 0, 0, .65);--danger: #e85d3a;--success: #5aaa6a;--ff-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--ff-body: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--ff-mono: "JetBrains Mono", "Courier New", monospace;--radius: 6px;--radius-lg: 8px;--t: .18s ease}:root[data-theme=concrete][data-mode=light]{--bg: #f2f2f4;--bg-2: #e8e8ec;--bg-3: #dcdce0;--surface: #d0d0d6;--ink: #121214;--ink-2: #4a4a52;--ink-3: #7a7a84;--accent: #c84a28;--accent-glow: rgba(200, 74, 40, .12);--groove: #c8c8d0;--shadow: rgba(18, 18, 20, .1);--overlay: rgba(18, 18, 20, .5);--danger: #c84a28;--success: #3a8a4a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--ff-body);font-size:15px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background .3s ease,color .3s ease}a{color:var(--accent);text-decoration:none;transition:color var(--t)}a:hover{color:var(--ink)}button{font-family:inherit;font-size:inherit;background:none;border:none;cursor:pointer;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;background:var(--bg-3);color:var(--ink);border:1px solid var(--groove);border-radius:var(--radius);padding:10px 14px;outline:none;transition:border-color var(--t)}input:focus,textarea:focus,select:focus{border-color:var(--accent)}::selection{background:var(--accent);color:var(--bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='.9' numOctaves='4'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");z-index:1}main{position:relative;z-index:2}html[data-reduced-motion] *,html[data-reduced-motion] *:before,html[data-reduced-motion] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}html[data-reduced-motion] .card-face{transition:opacity .15s ease!important}html[data-reduced-motion] .card-front{opacity:1}html[data-reduced-motion] .card-back,html[data-reduced-motion] .record-card.flipped .card-front{opacity:0;transform:rotateY(0)!important}html[data-reduced-motion] .record-card.flipped .card-back{opacity:1;transform:rotateY(0)!important}@media (prefers-reduced-motion: reduce){.card-face{transition:opacity .15s ease!important}.card-front{opacity:1}.card-back,.record-card.flipped .card-front{opacity:0;transform:rotateY(0)!important}.record-card.flipped .card-back{opacity:1;transform:rotateY(0)!important}}html[data-high-contrast]{--groove: color-mix(in srgb, var(--ink) 45%, var(--bg));--ink-2: color-mix(in srgb, var(--ink) 88%, var(--bg));--ink-3: color-mix(in srgb, var(--ink) 70%, var(--bg))}html[data-high-contrast] input,html[data-high-contrast] textarea,html[data-high-contrast] select{border-width:2px}html[data-high-contrast] .card-face,html[data-high-contrast] [class*=card]{border-width:2px!important}html[data-high-contrast] :focus-visible{outline:3px solid var(--accent)!important;outline-offset:3px!important}html[data-high-contrast] [class*=meta],html[data-high-contrast] [class*=hint],html[data-high-contrast] [class*=ink-3]{opacity:1!important}html[data-large-text],html[data-large-text] body{font-size:18.75px}html[data-large-text] .card-artist,html[data-large-text] .card-meta,html[data-large-text] [class*=eyebrow],html[data-large-text] [class*=label],html[data-large-text] [class*=mono]{font-size:13.75px!important}html[data-large-text] .card-title,html[data-large-text] .card-back-title{font-size:20px!important}html[data-large-text] .detail-label{font-size:12.5px!important}html[data-large-text] .a11y-row-label{font-size:18.75px!important}html[data-large-text] .a11y-row-hint{font-size:16.25px!important}html[data-large-text] .back-btn{font-size:12.5px!important;padding:13px 4px!important}html[data-large-text] .record-card{height:460px!important}html[data-colorblind] .privacy-btn:before{content:"● ";font-size:10px}html[data-colorblind] .privacy-btn.private:before{content:"○ "}html[data-colorblind] .condition-pill{border:1.5px solid var(--accent);text-decoration:underline;text-underline-offset:2px}html[data-colorblind] .value-source{display:inline!important;opacity:1!important;font-style:normal!important;font-weight:500!important}html[data-colorblind] .card-artist,html[data-colorblind] .card-back-artist{text-decoration:underline;text-underline-offset:2px}html[data-colorblind] :focus-visible{outline:3px solid var(--accent)!important;outline-offset:3px!important;box-shadow:0 0 0 6px var(--accent-glow)!important}
