:root{--paper: #f7f6f3;--surface: #ffffff;--chart-paper: #fbfaf7;--surface-2: #f1efea;--ink: #1a1a1a;--muted: #6b6b6b;--faint: #767676;--hairline: #e3e0d9;--accent: #2f6f6a;--accent-ink: #ffffff;--accent-soft: #e4efed;--danger: #b3261e;--avoid-tint: #fff5f5;--avoid-border: #e9b8b4;--cd-ink: #131313;--cd-paper: #ffffff;--cd-root: #131313;--cd-root-text: #ffffff;--radius: 10px;--radius-sm: 6px;--chart-symbol-size: 24px;--playhead-tint: color-mix(in srgb, var(--accent) 9%, transparent);--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .22);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--typewriter: "American Typewriter", "Courier Prime", "Courier New", Courier, monospace;--hand: "Petaluma Script", "Bradley Hand", "Comic Sans MS", cursive}@font-face{font-family:Petaluma Script;src:url(/assets/PetalumaScript-3vw-lB1x.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root[data-theme=dark]{--paper: #111315;--surface: #1b1e21;--chart-paper: #1b1e21;--surface-2: #23272b;--ink: #ecebe8;--muted: #a3a8ad;--faint: #8b9197;--hairline: #2c3034;--accent: #5fb3ab;--accent-ink: #08201e;--accent-soft: #1d2e2c;--danger: #f08a82;--avoid-tint: #2a1c1c;--avoid-border: #6a3b38;--cd-ink: #e6e4df;--cd-paper: #1b1e21;--cd-root: #e6e4df;--cd-root-text: #1b1e21}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-weight:600;line-height:1.2;margin:0 0 .4em}a{color:var(--accent)}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;padding:12px 24px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;flex-shrink:0}.brand-wordmark{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:0;white-space:nowrap}.brand .brand-logo{display:none;width:35px;height:36px;flex:0 0 35px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='938'%20height='970'%20viewBox='0%200%20938%20970'%20role='img'%20aria-labelledby='title%20desc'%3e%3ctitle%20id='title'%3eDrop%202%20logo%3c/title%3e%3cdesc%20id='desc'%3eHand-drawn%20black%20Drop%202%20typographic%20logo%20on%20a%20transparent%20background.%3c/desc%3e%3cpath%20d='M%2019%2079%20L%2018%2088%20L%2068%20396%20L%2094%20581%20L%2096%20583%20L%20100%20582%20L%20156%20548%20L%20159%20548%20L%20162%20551%20L%20185%20715%20L%20188%20716%20L%20210%20694%20L%20228%20679%20L%20259%20658%20L%20299%20638%20L%20319%20630%20L%20347%20622%20L%20388%20615%20L%20422%20615%20L%20444%20620%20L%20454%20625%20L%20463%20634%20L%20465%20639%20L%20465%20647%20L%20461%20656%20L%20440%20674%20L%20284%20749%20L%20224%20782%20L%20182%20810%20L%20180%20829%20L%20179%20949%20L%20181%20951%20L%20188%20951%20L%20225%20944%20L%20407%20925%20L%20587%20918%20L%20605%20919%20L%20733%20916%20L%20735%20914%20L%20735%20885%20L%20738%20855%20L%20742%20751%20L%20740%20749%20L%20512%20782%20L%20495%20783%20L%20467%20788%20L%20455%20788%20L%20432%20792%20L%20429%20789%20L%20434%20783%20L%20450%20775%20L%20533%20743%20L%20578%20721%20L%20608%20701%20L%20624%20686%20L%20639%20667%20L%20648%20649%20L%20654%20631%20L%20657%20611%20L%20656%20578%20L%20649%20547%20L%20638%20524%20L%20629%20510%20L%20610%20490%20L%20580%20469%20L%20545%20453%20L%20499%20442%20L%20443%20437%20L%20413%20438%20L%20359%20445%20L%20308%20458%20L%20268%20473%20L%20243%20484%20L%20240%20479%20L%20270%20446%20L%20288%20418%20L%20298%20396%20L%20306%20372%20L%20313%20337%20L%20316%20334%20L%20320%20340%20L%20327%20422%20L%20329%20424%20L%20409%20411%20L%20410%20408%20L%20407%20399%20L%20393%20311%20L%20396%20308%20L%20400%20311%20L%20444%20405%20L%20446%20406%20L%20481%20390%20L%20486%20390%20L%20503%20413%20L%20521%20430%20L%20550%20447%20L%20576%20454%20L%20600%20454%20L%20622%20449%20L%20636%20443%20L%20653%20431%20L%20667%20417%20L%20677%20403%20L%20689%20376%20L%20692%20374%20L%20695%20377%20L%20699%20433%20L%20703%20547%20L%20703%20620%20L%20708%20622%20L%20807%20610%20L%20809%20608%20L%20809%20602%20L%20796%20520%20L%20781%20389%20L%20784%20386%20L%20813%20377%20L%20837%20365%20L%20859%20350%20L%20877%20333%20L%20891%20315%20L%20906%20287%20L%20914%20262%20L%20919%20226%20L%20918%20192%20L%20913%20163%20L%20908%20148%20L%20901%20134%20L%20890%20118%20L%20874%20102%20L%20861%2093%20L%20841%2083%20L%20816%2074%20L%20782%2067%20L%20757%2065%20L%20720%2065%20L%20674%2069%20L%20672%2071%20L%20672%2080%20L%20682%20167%20L%20688%20249%20L%20685%20252%20L%20681%20249%20L%20670%20225%20L%20657%20207%20L%20641%20191%20L%20618%20177%20L%20603%20172%20L%20592%20170%20L%20561%20171%20L%20541%20177%20L%20527%20184%20L%20513%20194%20L%20500%20207%20L%20490%20221%20L%20480%20240%20L%20470%20270%20L%20467%20294%20L%20463%20297%20L%20459%20293%20L%20434%20246%20L%20434%20243%20L%20436%20240%20L%20446%20235%20L%20470%20217%20L%20485%20200%20L%20499%20174%20L%20505%20156%20L%20510%20114%20L%20507%2093%20L%20497%2072%20L%20479%2055%20L%20458%2043%20L%20423%2030%20L%20403%2025%20L%20364%2019%20L%20309%2019%20L%20279%2023%20L%20287%2095%20L%20301%20190%20L%20298%20195%20L%20295%20193%20L%20279%20158%20L%20263%20136%20L%20246%20119%20L%20230%20107%20L%20207%2095%20L%20173%2083%20L%20132%2076%20L%2070%2075%20Z%20M%20587%20265%20L%20602%20272%20L%20614%20286%20L%20621%20308%20L%20621%20328%20L%20618%20340%20L%20612%20353%20L%20599%20367%20L%20585%20372%20L%20570%20371%20L%20557%20365%20L%20548%20356%20L%20541%20343%20L%20537%20324%20L%20539%20302%20L%20547%20284%20L%20556%20273%20L%20568%20266%20Z%20M%20133%20230%20L%20149%20230%20L%20170%20235%20L%20189%20246%20L%20202%20259%20L%20209%20270%20L%20217%20289%20L%20222%20311%20L%20222%20358%20L%20215%20384%20L%20206%20401%20L%20194%20416%20L%20182%20427%20L%20167%20437%20L%20163%20437%20L%20160%20434%20L%20159%20421%20L%20156%20411%20L%20130%20241%20L%20130%20233%20Z%20M%20784%20191%20L%20794%20193%20L%20807%20199%20L%20816%20208%20L%20822%20223%20L%20823%20237%20L%20819%20256%20L%20808%20275%20L%20791%20289%20L%20772%20295%20L%20769%20292%20L%20768%20283%20L%20768%20194%20L%20771%20191%20Z%20M%20412%20131%20L%20421%20136%20L%20429%20147%20L%20430%20168%20L%20428%20175%20L%20421%20189%20L%20408%20203%20L%20394%20212%20L%20381%20215%20L%20377%20208%20L%20369%20136%20L%20372%20133%20L%20387%20130%20Z'%20fill='%23111111'%20fill-rule='evenodd'%20clip-rule='evenodd'/%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='938'%20height='970'%20viewBox='0%200%20938%20970'%20role='img'%20aria-labelledby='title%20desc'%3e%3ctitle%20id='title'%3eDrop%202%20logo%3c/title%3e%3cdesc%20id='desc'%3eHand-drawn%20black%20Drop%202%20typographic%20logo%20on%20a%20transparent%20background.%3c/desc%3e%3cpath%20d='M%2019%2079%20L%2018%2088%20L%2068%20396%20L%2094%20581%20L%2096%20583%20L%20100%20582%20L%20156%20548%20L%20159%20548%20L%20162%20551%20L%20185%20715%20L%20188%20716%20L%20210%20694%20L%20228%20679%20L%20259%20658%20L%20299%20638%20L%20319%20630%20L%20347%20622%20L%20388%20615%20L%20422%20615%20L%20444%20620%20L%20454%20625%20L%20463%20634%20L%20465%20639%20L%20465%20647%20L%20461%20656%20L%20440%20674%20L%20284%20749%20L%20224%20782%20L%20182%20810%20L%20180%20829%20L%20179%20949%20L%20181%20951%20L%20188%20951%20L%20225%20944%20L%20407%20925%20L%20587%20918%20L%20605%20919%20L%20733%20916%20L%20735%20914%20L%20735%20885%20L%20738%20855%20L%20742%20751%20L%20740%20749%20L%20512%20782%20L%20495%20783%20L%20467%20788%20L%20455%20788%20L%20432%20792%20L%20429%20789%20L%20434%20783%20L%20450%20775%20L%20533%20743%20L%20578%20721%20L%20608%20701%20L%20624%20686%20L%20639%20667%20L%20648%20649%20L%20654%20631%20L%20657%20611%20L%20656%20578%20L%20649%20547%20L%20638%20524%20L%20629%20510%20L%20610%20490%20L%20580%20469%20L%20545%20453%20L%20499%20442%20L%20443%20437%20L%20413%20438%20L%20359%20445%20L%20308%20458%20L%20268%20473%20L%20243%20484%20L%20240%20479%20L%20270%20446%20L%20288%20418%20L%20298%20396%20L%20306%20372%20L%20313%20337%20L%20316%20334%20L%20320%20340%20L%20327%20422%20L%20329%20424%20L%20409%20411%20L%20410%20408%20L%20407%20399%20L%20393%20311%20L%20396%20308%20L%20400%20311%20L%20444%20405%20L%20446%20406%20L%20481%20390%20L%20486%20390%20L%20503%20413%20L%20521%20430%20L%20550%20447%20L%20576%20454%20L%20600%20454%20L%20622%20449%20L%20636%20443%20L%20653%20431%20L%20667%20417%20L%20677%20403%20L%20689%20376%20L%20692%20374%20L%20695%20377%20L%20699%20433%20L%20703%20547%20L%20703%20620%20L%20708%20622%20L%20807%20610%20L%20809%20608%20L%20809%20602%20L%20796%20520%20L%20781%20389%20L%20784%20386%20L%20813%20377%20L%20837%20365%20L%20859%20350%20L%20877%20333%20L%20891%20315%20L%20906%20287%20L%20914%20262%20L%20919%20226%20L%20918%20192%20L%20913%20163%20L%20908%20148%20L%20901%20134%20L%20890%20118%20L%20874%20102%20L%20861%2093%20L%20841%2083%20L%20816%2074%20L%20782%2067%20L%20757%2065%20L%20720%2065%20L%20674%2069%20L%20672%2071%20L%20672%2080%20L%20682%20167%20L%20688%20249%20L%20685%20252%20L%20681%20249%20L%20670%20225%20L%20657%20207%20L%20641%20191%20L%20618%20177%20L%20603%20172%20L%20592%20170%20L%20561%20171%20L%20541%20177%20L%20527%20184%20L%20513%20194%20L%20500%20207%20L%20490%20221%20L%20480%20240%20L%20470%20270%20L%20467%20294%20L%20463%20297%20L%20459%20293%20L%20434%20246%20L%20434%20243%20L%20436%20240%20L%20446%20235%20L%20470%20217%20L%20485%20200%20L%20499%20174%20L%20505%20156%20L%20510%20114%20L%20507%2093%20L%20497%2072%20L%20479%2055%20L%20458%2043%20L%20423%2030%20L%20403%2025%20L%20364%2019%20L%20309%2019%20L%20279%2023%20L%20287%2095%20L%20301%20190%20L%20298%20195%20L%20295%20193%20L%20279%20158%20L%20263%20136%20L%20246%20119%20L%20230%20107%20L%20207%2095%20L%20173%2083%20L%20132%2076%20L%2070%2075%20Z%20M%20587%20265%20L%20602%20272%20L%20614%20286%20L%20621%20308%20L%20621%20328%20L%20618%20340%20L%20612%20353%20L%20599%20367%20L%20585%20372%20L%20570%20371%20L%20557%20365%20L%20548%20356%20L%20541%20343%20L%20537%20324%20L%20539%20302%20L%20547%20284%20L%20556%20273%20L%20568%20266%20Z%20M%20133%20230%20L%20149%20230%20L%20170%20235%20L%20189%20246%20L%20202%20259%20L%20209%20270%20L%20217%20289%20L%20222%20311%20L%20222%20358%20L%20215%20384%20L%20206%20401%20L%20194%20416%20L%20182%20427%20L%20167%20437%20L%20163%20437%20L%20160%20434%20L%20159%20421%20L%20156%20411%20L%20130%20241%20L%20130%20233%20Z%20M%20784%20191%20L%20794%20193%20L%20807%20199%20L%20816%20208%20L%20822%20223%20L%20823%20237%20L%20819%20256%20L%20808%20275%20L%20791%20289%20L%20772%20295%20L%20769%20292%20L%20768%20283%20L%20768%20194%20L%20771%20191%20Z%20M%20412%20131%20L%20421%20136%20L%20429%20147%20L%20430%20168%20L%20428%20175%20L%20421%20189%20L%20408%20203%20L%20394%20212%20L%20381%20215%20L%20377%20208%20L%20369%20136%20L%20372%20133%20L%20387%20130%20Z'%20fill='%23111111'%20fill-rule='evenodd'%20clip-rule='evenodd'/%3e%3c/svg%3e") center / contain no-repeat}.brand .sub{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.sequence-workspace-shell[data-chart-font=handwritten]{--accent: #2b281f;--accent-ink: #ffffff;--accent-soft: #f3e6b5;--realbook-bar: #fff0cf;--realbook-ink: #211d12;--realbook-control-idle: #eeeeee;--realbook-control-border: #d6d6d6;--realbook-control-active: #2b281f;--realbook-control-active-ink: #ffffff;--realbook-control-field: #ffffff;--realbook-control-hover: color-mix(in srgb, var(--realbook-ink) 8%, transparent);--realbook-keyline: color-mix(in srgb, var(--realbook-ink) 24%, transparent)}.sequence-workspace-shell[data-chart-font=handwritten] .brand-wordmark{display:none}.sequence-workspace-shell[data-chart-font=handwritten] .brand .brand-logo{display:block}.sequence-workspace-shell[data-chart-font=handwritten] .topbar{background:var(--realbook-bar);color:var(--realbook-ink);border-bottom-color:var(--realbook-keyline)}.sequence-workspace-shell[data-chart-font=handwritten] .topbar .brand .sub{color:color-mix(in srgb,var(--realbook-ink) 68%,transparent)}.sequence-workspace-shell[data-chart-font=handwritten] .topbar .palette-trigger,.sequence-workspace-shell[data-chart-font=handwritten] .topbar .popover-trigger,.sequence-workspace-shell[data-chart-font=handwritten] .topbar .btn-ghost,.sequence-workspace-shell[data-chart-font=handwritten] .topbar .mobile-sequence-menu{background:transparent;border-color:var(--realbook-keyline);color:var(--realbook-ink)}.sequence-workspace-shell[data-chart-font=handwritten] .topbar .palette-trigger:hover,.sequence-workspace-shell[data-chart-font=handwritten] .topbar .popover-trigger:hover,.sequence-workspace-shell[data-chart-font=handwritten] .topbar .btn-ghost:hover,.sequence-workspace-shell[data-chart-font=handwritten] .topbar .mobile-sequence-menu:hover{background:var(--realbook-control-hover)}.sequence-workspace-shell[data-chart-font=handwritten] .topbar .popover-trigger.active,.sequence-workspace-shell[data-chart-font=handwritten] .topbar .mobile-sequence-menu[aria-expanded=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.topbar-spacer{flex:1}.nav{display:flex;gap:2px;flex-wrap:wrap}.nav a{padding:7px 13px;border-radius:999px;text-decoration:none;color:var(--muted);font-size:14px;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}.nav a:hover{background:var(--surface-2);color:var(--ink)}.nav a.active{background:var(--ink);color:var(--paper)}.mobile-sequence-menu,.mobile-sequence-nav{display:none}.content{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:28px 24px 80px}.page-header{margin-bottom:22px}.page-header h1{font-family:var(--serif);font-size:30px;letter-spacing:-.01em}.page-header p{color:var(--muted);max-width:70ch;margin:6px 0 0}.control-bar{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;padding:12px 16px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);margin-bottom:22px}.control-group{display:flex;flex-direction:column;gap:5px}.control-group>.label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.control-group>.segmented{align-self:flex-start}.segmented{display:inline-flex;border:1px solid var(--hairline);border-radius:999px;overflow:hidden;background:var(--surface-2)}.segmented button{border:0;background:transparent;color:var(--muted);padding:6px 14px;font:inherit;font-size:13px;cursor:pointer;transition:background .15s,color .15s}.segmented button.active{background:var(--accent);color:var(--accent-ink)}button,select,input[type=text]{font:inherit}:where(a,button,.btn,.view-toggle-btn,.segmented button,.sequence-chord,.progression-chord,.chord-card,.optimized-chord,.voicing-option,select,input,.close-x,[role=button],[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--hairline);background:var(--surface);color:var(--ink);padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:background .15s,border-color .15s,transform .05s}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.05);background:var(--accent)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--ink);background:var(--surface-2)}.btn-sm{padding:5px 10px;font-size:13px}.btn-danger{color:var(--danger);border-color:transparent}.btn-stop{background:var(--surface-2);border-color:var(--hairline);color:var(--ink)}.btn-stop:hover{background:var(--surface);border-color:color-mix(in srgb,var(--accent) 40%,var(--hairline))}.strum-btn{position:relative;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.strum-btn .strum-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#ffffff61;pointer-events:none}.strum-btn .strum-label{position:relative;z-index:1}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:22px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:999px;position:relative;cursor:pointer;transition:background .15s}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ink);transition:transform .15s,background .15s}.switch input:checked{background:var(--accent);border-color:var(--accent)}.switch input:checked:after{transform:translate(16px);background:var(--accent-ink)}.sequence-workspace-shell[data-chart-font=handwritten] .switch input{background:var(--realbook-control-idle);border-color:var(--realbook-control-border)}.sequence-workspace-shell[data-chart-font=handwritten] .switch input:after{background:var(--realbook-control-active)}.sequence-workspace-shell[data-chart-font=handwritten] .switch input:checked{background:var(--realbook-control-active);border-color:var(--realbook-control-active)}.sequence-workspace-shell[data-chart-font=handwritten] .switch input:checked:after{background:var(--realbook-control-active-ink)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:7px 28px 7px 10px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 52%,calc(100% - 11px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}input[type=text]{background:var(--surface);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:7px 10px}.popover-root{position:relative}.popover-trigger.active{background:var(--surface-2)}.settings-trigger-icon{display:block;width:20px;height:20px}.popover-panel{position:absolute;top:calc(100% + 6px);z-index:40;min-width:200px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:0 10px 30px #00000024;padding:6px;display:flex;flex-direction:column;gap:2px}.popover-left{left:0}.popover-right{right:0}.menu-item{border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:var(--radius-sm);font-size:14px;color:var(--ink);cursor:pointer;white-space:nowrap}.menu-item:hover{background:var(--surface-2)}.menu-item-danger{color:var(--danger)}.settings-panel{display:flex;flex-direction:column;gap:14px;padding:8px 10px;min-width:230px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-label{font-size:13px;color:var(--muted)}.settings-divider{border:0;border-top:1px solid var(--hairline);margin:2px 0}.sequence-workspace-shell[data-chart-font=handwritten] .settings-panel .segmented{background:var(--realbook-control-idle);border-color:var(--realbook-control-border)}.sequence-workspace-shell[data-chart-font=handwritten] .settings-panel .segmented button{background:var(--realbook-control-idle);color:var(--realbook-ink)}.sequence-workspace-shell[data-chart-font=handwritten] .settings-panel .segmented button:hover:not(.active){background:var(--realbook-control-hover)}.sequence-workspace-shell[data-chart-font=handwritten] .settings-panel .segmented button.active{background:var(--realbook-control-active);color:var(--realbook-control-active-ink)}.new-tune-form{display:flex;flex-direction:column;gap:12px;padding:8px 10px;min-width:220px}.new-tune-form .control-group{gap:4px}.new-tune-form .text-input{width:100%}.new-tune-form .btn{margin-top:2px}.swatch-row{display:flex;gap:8px}.swatch{width:22px;height:22px;border-radius:50%;border:1px solid var(--hairline);cursor:pointer;padding:0}.swatch.active{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ink)}.palette-trigger{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--hairline);background:var(--surface);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer}.palette-trigger:hover{color:var(--ink);background:var(--surface-2)}.palette-trigger kbd{font-family:inherit;font-size:11px;border:1px solid var(--hairline);border-radius:5px;padding:1px 5px;background:var(--surface-2)}.palette-trigger-icon{display:none}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#14120e59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-start;padding:14vh 16px 0}.palette{width:100%;max-width:620px;background:var(--surface);border:1px solid var(--hairline);border-radius:14px;box-shadow:0 24px 70px #00000059;overflow:hidden;display:flex;flex-direction:column}.palette-input{width:100%;border:0;outline:none;background:transparent;color:var(--ink);font-size:20px;font-family:inherit;padding:18px 20px;border-bottom:1px solid var(--hairline)}.palette-input::placeholder{color:var(--muted)}.palette-list{max-height:46vh;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:1px}.palette-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;width:100%;border:0;background:transparent;text-align:left;padding:9px 14px;border-radius:var(--radius-sm);font-size:15px;color:var(--ink);cursor:pointer}.palette-row.selected{background:var(--surface-2)}.sequence-workspace-shell[data-chart-font=handwritten] .palette,.sequence-workspace-shell[data-chart-font=handwritten] .palette-input,.sequence-workspace-shell[data-chart-font=handwritten] .palette-hint{border-color:var(--realbook-control-border)}.sequence-workspace-shell[data-chart-font=handwritten] .palette-row.selected{background:var(--realbook-control-active);color:var(--realbook-control-active-ink)}.sequence-workspace-shell[data-chart-font=handwritten] .palette-row.selected :is(.palette-subtitle,.palette-kind){color:#ffffffb8}.palette-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-subtitle{color:var(--muted);font-size:13px}.palette-kind{flex-shrink:0;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.palette-empty{color:var(--muted);font-size:14px;padding:14px;margin:0}.palette-hint{display:flex;gap:16px;padding:8px 16px;border-top:1px solid var(--hairline);color:var(--muted);font-size:12px}.bass-group{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;padding:10px 14px;background:var(--surface-2);border-radius:var(--radius);flex:1 1 100%}.bass-group-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.switch,.control-group>.label,.bass-group-label{-webkit-user-select:none;user-select:none}.switch{white-space:nowrap}.tempo-slider{width:140px}@media (max-width: 760px){.playback-bar>.control-group,.bass-group>select,.bass-group>.control-group{flex:1 1 100%}.playback-bar>.switch,.bass-group>.switch{flex:0 0 calc(50% - 11px)}.tempo-slider{flex:1;width:auto}}@media (max-width: 760px){.topbar{flex-wrap:wrap;gap:8px;padding:10px 14px}.topbar-spacer{display:none}.brand{margin-right:auto}.nav{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.content{padding:20px 14px 60px}.popover-panel{max-width:calc(100vw - 24px)}.palette-trigger{justify-content:center;width:34px;height:34px;padding:0}.palette-trigger-label,.palette-trigger kbd{display:none}.palette-trigger-icon{display:block}}.chord-diagram{width:100%;height:auto;display:block}.chord-diagram .cd-string{stroke:var(--cd-ink);stroke-width:1.5}.chord-diagram .cd-fret{stroke:var(--cd-ink);stroke-width:1}.chord-diagram .cd-nut{stroke:var(--cd-ink);stroke-width:3}.chord-diagram .cd-note{fill:var(--cd-paper);stroke:var(--cd-ink);stroke-width:1.5}.chord-diagram .cd-note-root{fill:var(--cd-root)}.chord-diagram .cd-title{fill:var(--cd-ink);font-family:var(--serif);font-size:14px;text-anchor:middle}.chord-diagram .cd-interval,.chord-diagram .cd-fret-label,.chord-diagram .cd-lead{fill:var(--cd-ink);font-family:var(--serif);font-size:15px;font-weight:600;text-anchor:middle}.chord-diagram .cd-fret-label{font-size:22px;dominant-baseline:central}.chord-diagram .cd-fret-label--wide{font-size:18px}.chord-diagram .cd-lead{font-style:italic}.chord-diagram.is-avoid .cd-note{stroke:var(--danger)}.chord-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.chord-card{position:relative;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:10px 10px 6px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;transition:box-shadow .15s,border-color .15s,transform .08s}.chord-card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 40%,var(--hairline));transform:translateY(-2px)}.chord-card.is-avoid{background:var(--avoid-tint);border-color:var(--avoid-border)}.chord-card .card-caption{text-align:center;font-size:12px;color:var(--muted);margin-top:4px}.chord-card .avoid-flag{display:inline-block;margin-left:6px;font-size:10px;color:var(--danger);border:1px solid var(--avoid-border);border-radius:999px;padding:1px 7px;background:var(--surface)}.section-title{font-family:var(--serif);font-size:20px;margin:30px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--hairline)}.section-note{color:var(--muted);margin:-4px 0 16px;max-width:74ch}.progression-rhythm-note{margin:-8px 0 18px;font-size:13px;line-height:1.5}.progression-transport{display:inline-flex;align-items:center;gap:6px}.loop-toggle{padding:5px 9px;line-height:1}.loop-toggle.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.loop-toggle.on:hover{background:var(--accent)}.progression{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:16px 18px;margin-bottom:18px}.progression h3{font-family:var(--serif);font-size:17px}.progression-chords{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.progression-chord{width:150px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;border-radius:var(--radius-sm);transition:transform .08s}.progression-chord:hover{transform:translateY(-2px)}.progression-arrow{font-size:22px;color:var(--faint)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade .12s ease}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:min(640px,100%);max-height:90vh;overflow:auto;padding:22px 24px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-head h3{font-family:var(--serif);font-size:20px}.modal-body{display:grid;grid-template-columns:200px 1fr;gap:22px}@media (max-width: 540px){.modal-body{grid-template-columns:1fr}}.close-x{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:var(--muted);padding:4px 8px;border-radius:var(--radius-sm)}.close-x:hover{background:var(--surface-2);color:var(--ink)}.inspector h4{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.inspector dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 14px;font-size:14px}.inspector dt{color:var(--muted)}.voice-table{width:100%;border-collapse:collapse;font-size:13px}.voice-table th,.voice-table td{text-align:left;padding:5px 8px;border-bottom:1px solid var(--hairline)}.voice-table th{color:var(--muted);font-weight:500}.chart-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.chart-meta{color:var(--muted);font-size:14px;margin-bottom:8px}.chart-meta strong{color:var(--ink)}.chart-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:14px}.view-toggle{display:inline-flex;border:1px solid var(--hairline);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}.view-toggle-btn{border:0;background:transparent;color:var(--muted);padding:6px 14px;min-height:32px;font-size:13px;cursor:pointer;border-left:1px solid var(--hairline)}.view-toggle-btn:first-child{border-left:0}.view-toggle-btn:hover{background:var(--surface-2)}.view-toggle-btn.active{background:var(--accent);color:var(--accent-ink)}.chart-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.chord-bar{position:relative;min-height:64px;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;padding:4px;cursor:copy}.chord-bar .bar-number{position:absolute;top:2px;left:5px;font-size:10px;color:var(--faint)}.sequence-chord{position:relative;align-self:center;margin:0 2px;padding:5px 8px;min-height:30px;border-radius:var(--radius-sm);background:transparent;border:0;color:var(--ink);text-align:center;cursor:pointer;font-size:14px;transition:background .12s,box-shadow .12s}.sequence-chord:hover{background:var(--accent-soft)}.sequence-chord.selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.sequence-chord .sc-meta{display:block;color:var(--muted);font-size:11px}.sequence-chord .sc-lead{display:block;color:var(--accent);font-size:11px}.optimized-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.optimized-chord{cursor:pointer;border-radius:var(--radius-sm);padding:4px}.optimized-chord.playing{background:transparent}.optimized-chart-grid{display:grid;grid-template-columns:repeat(16,1fr);column-gap:0;row-gap:26px;padding-left:32px;padding-right:32px;align-items:stretch}.optimized-measure{min-width:0}.analysis-panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:16px 18px;margin-top:18px}.mobile-workspace-only{display:none!important}.guide-line-sequence{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.guide-line-note{border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:6px 10px;text-align:center;min-width:64px}.guide-line-note strong{font-family:var(--serif);display:block}.guide-line-note span{display:block;font-size:11px;color:var(--muted)}.voicing-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.voicing-option{border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:6px;cursor:pointer;text-align:center;font-size:12px}.voicing-option.selected{border-color:var(--accent);background:var(--accent-soft)}.voicing-option.avoided{background:var(--avoid-tint);border-color:var(--avoid-border)}.chapter-toc{display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.chapter-toc .btn{white-space:nowrap;flex-shrink:0}.assignment-section{margin-bottom:34px}.assignment-group{margin-bottom:22px}.assignment-group h3{font-size:15px;color:var(--muted);font-weight:500;margin-bottom:10px}.assignment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.empty-hint{color:var(--muted);font-style:italic;padding:24px;text-align:center;border:1px dashed var(--hairline);border-radius:var(--radius)}.badge{display:inline-block;font-size:11px;padding:1px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.text-input{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:6px 8px;color:var(--ink);font:inherit;min-width:140px}.text-input.narrow{min-width:64px;width:72px}.chart-meta-bar{align-items:flex-end}.chart-view{display:grid;grid-template-columns:repeat(16,1fr);column-gap:0;row-gap:26px;margin:28px 0 20px;padding-left:32px;padding-right:32px;align-items:stretch}.barred{position:relative;display:flex;flex-direction:column;justify-content:center;padding:20px 10px 14px;border-right:1.5px solid var(--ink)}.barred.row-start{border-left:1.5px solid var(--ink)}.chart-measure{min-height:62px;cursor:pointer;transition:background .12s,box-shadow .12s}.chart-measure:hover{background:var(--surface-2)}.chart-measure.measure-selected{box-shadow:inset 0 0 0 2px var(--accent);border-radius:2px}.barred.measure-playing{background:var(--playhead-tint)}.chart-measure.measure-insertion:after{content:"▸";position:absolute;bottom:2px;right:6px;font-size:11px;color:var(--accent)}.chart-measure-pad{border:0;cursor:default;min-height:0}.barred.open-double{border-left:3px double var(--ink)}.barred.open-repeat{border-left:4px solid var(--ink);box-shadow:inset 6px 0 0 -5px var(--ink)}.barred.close-double{border-right:3px double var(--ink)}.barred.close-repeat,.barred.close-final{border-right:4px solid var(--ink);box-shadow:inset -6px 0 0 -5px var(--ink)}.barred.row-start.open-repeat{border-left:4px solid var(--ink)}.measure-marks{position:absolute;bottom:100%;margin-bottom:1px;left:0;right:2px;display:flex;align-items:flex-end;gap:6px;font-size:11px;color:var(--muted);pointer-events:none;z-index:3}.measure-marks-spacer{flex:1}.section-mark{position:absolute;right:100%;bottom:1px;margin-right:5px;font-weight:700;color:var(--ink);background:var(--surface);border:1.5px solid var(--ink);border-radius:2px;padding:0 4px;font-size:13px;line-height:1.3;white-space:nowrap}.barred.row-start .section-mark{right:auto;left:-10px;margin-right:0}.time-sig{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;color:var(--ink);line-height:.84;font-size:22px;font-variant-numeric:lining-nums;margin-right:8px;align-self:center}.time-sig-leading{position:absolute;right:100%;top:50%;transform:translateY(-50%);display:flex;align-items:center}.time-sig-leading .time-sig{margin-right:7px}.ending-mark{position:absolute;bottom:100%;margin-bottom:4px;left:-1.5px;right:1px;border-top:1.5px solid var(--ink);border-left:1.5px solid var(--ink);padding:3px 0 1px 5px;font-size:11px;line-height:1;font-weight:700;color:var(--ink);pointer-events:none;z-index:2}.barred.in-ending-row{margin-top:24px}.nav-mark{display:inline-flex;align-items:center;color:var(--ink)}.nav-svg{display:block}.measure-cells{display:flex;flex-wrap:nowrap;gap:4px 8px;justify-content:flex-start;align-items:center}.measure-cells .sequence-chord{display:flex;flex:1 1 0;flex-direction:column;align-items:flex-start;justify-content:center;cursor:pointer;margin:0;min-width:0;padding-right:0;padding-left:0}.bar-repeat{margin:0 auto}.sc-alt{position:absolute;left:50%;bottom:calc(100% - 1px);transform:translate(-50%);font-size:11px;color:var(--muted);line-height:1;white-space:nowrap;pointer-events:none}.repeat-dots{position:absolute;top:0;bottom:0;width:8px}.repeat-dots-open{left:6px}.repeat-dots-close{right:6px}.repeat-dots:before,.repeat-dots:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:3px;height:3px;border-radius:50%;background:var(--ink)}.repeat-dots:before{top:40%}.repeat-dots:after{top:54%}.playlist-picker{display:flex;flex-direction:column;gap:6px;margin:8px 0;max-height:320px;overflow:auto}.playlist-song{justify-content:flex-start;text-align:left}.playlist-song.is-active{border-color:var(--accent, var(--ink));background:var(--surface-2);font-weight:600}.playlist-search{width:100%;box-sizing:border-box;margin:6px 0;padding:7px 10px;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:14px}.playlist-more{margin:4px 2px 0;font-size:12px;color:var(--muted)}.playlist-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);font-size:13px}.playlist-chip .muted{color:var(--muted)}.tunes-section{display:flex;flex-direction:column;gap:6px;margin:12px 0}.tunes-section+.tunes-section{border-top:1px solid var(--hairline);padding-top:12px}.playlist-row{display:flex;align-items:center;gap:6px}.playlist-row .playlist-song{flex:1 1 auto}.my-playlists{display:flex;flex-direction:column;gap:6px}.add-wrap{position:relative}.add-menu{position:absolute;right:0;top:100%;z-index:5;min-width:170px;max-height:220px;overflow:auto;padding:4px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-sm);box-shadow:0 6px 20px #0000002e}.add-menu-item{display:block;width:100%;text-align:left;padding:6px 8px;border:0;border-radius:4px;background:transparent;color:var(--ink);font-size:13px;cursor:pointer}.add-menu-item:hover{background:var(--surface-2)}.add-menu-new{margin-top:4px;border-top:1px solid var(--hairline);color:var(--accent)}.sequence-chord.small .sc-symbol{font-size:calc(var(--chart-symbol-size) * .72)}.bar-repeat{display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}.bar-repeat svg{opacity:.9}.measure-empty{color:var(--faint);font-size:18px}.measure-text{position:absolute;bottom:2px;left:6px;right:6px;font-size:10px;font-style:italic;color:var(--muted);pointer-events:none;text-align:center}.measure-text.above{bottom:auto;top:18px}.chord-symbol{font-family:var(--serif);white-space:nowrap;line-height:1}.chord-symbol .cs-root{font-weight:700}.chord-symbol .cs-acc{font-size:.62em;vertical-align:.42em;margin-left:.02em}.chord-symbol .cs-qual{font-size:.6em;vertical-align:.42em;font-weight:700;margin-left:.04em}.chord-symbol .cs-tension{font-size:.52em;vertical-align:.58em;font-weight:700;margin-left:.08em}.chord-symbol .cs-bass{font-size:.74em;color:var(--muted);font-weight:600}.sc-symbol{display:block;font-size:var(--chart-symbol-size);text-align:center}[data-chart-size=small]{--chart-symbol-size: 18px;--diagram-symbol-size: 13px;--diagram-max-size: 78px;--diagram-max-height: 106px}[data-chart-size=medium]{--chart-symbol-size: 22px;--diagram-symbol-size: 15px;--diagram-max-size: 92px;--diagram-max-height: 124px}[data-chart-size=large]{--chart-symbol-size: 28px;--diagram-symbol-size: 18px;--diagram-max-size: 110px;--diagram-max-height: 150px}.sequence-workspace-shell[data-chart-font=handwritten],.sequence-workspace-shell[data-chart-font=handwritten] *{font-family:var(--typewriter)}[data-chart-font=handwritten] .chord-symbol *,[data-chart-font=handwritten] .chart-header-title *{font-family:var(--hand)}[data-chart-font=handwritten] .chord-symbol,[data-chart-font=handwritten] .chart-header-title,[data-chart-font=handwritten] .chart-header-style,[data-chart-font=handwritten] .chart-header-composer,[data-chart-font=handwritten] .chart-header-tempo{font-family:var(--hand);font-weight:400}[data-chart-font=handwritten] .cs-qual{font-size:.82em}[data-chart-font=handwritten] .chord-symbol.realbook-chord-symbol{display:inline-flex;flex-direction:column;align-items:center}[data-chart-font=handwritten] .cs-main{display:block;line-height:1}[data-chart-font=handwritten] .cs-tension{font-size:.65em;vertical-align:.62em;font-weight:400}[data-chart-font=handwritten] .cs-bass-stacked{display:block;align-self:center;margin-top:-.04em;color:var(--ink);font-size:.62em;font-weight:400;line-height:.82}[data-chart-font=handwritten] .chart-header-title{font-size:36px}[data-chart-font=handwritten] .chart-header{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);grid-template-rows:auto;align-items:start;padding-right:32px}[data-chart-font=handwritten] .chart-header-title{grid-column:2;grid-row:1;display:flex;min-width:0;max-width:100%;flex-direction:column;align-items:center;justify-self:center;font-weight:700;line-height:.95;text-transform:uppercase}[data-chart-font=handwritten] .chart-header-title.is-long{font-size:30px}[data-chart-font=handwritten] .chart-header-title.is-very-long{font-size:24px}[data-chart-font=handwritten] .chart-header-title.is-extra-long{font-size:20px}[data-chart-font=handwritten] .chart-header-title-main{position:relative;display:block;max-width:100%;padding:0 5px 5px;white-space:nowrap}[data-chart-font=handwritten] .chart-header-title-main:after{content:"";position:absolute;right:2px;bottom:0;left:2px;height:4px;border-radius:999px;background:currentColor;transform:rotate(.4deg)}[data-chart-font=handwritten] .chart-header-title-note{display:block;margin-top:5px;font-size:.42em;line-height:1;white-space:nowrap}[data-chart-font=handwritten] .chart-header-left{grid-column:1;grid-row:1;padding-top:9px}[data-chart-font=handwritten] .chart-header-right{grid-column:3;grid-row:1;padding-top:9px}[data-chart-font=handwritten] .chart-header-style{display:inline-block;transform:rotate(-4deg);transform-origin:left center}[data-chart-font=handwritten] .chart-header-composer:before{content:"- "}[data-chart-font=handwritten] .chart-header-composer{text-transform:uppercase}[data-chart-font=handwritten] .chart-header-style,[data-chart-font=handwritten] .chart-header-composer,[data-chart-font=handwritten] .chart-header-tempo{font-size:15px;font-style:normal}[data-playhead=amber]{--playhead-tint: color-mix(in srgb, #ffb703 30%, transparent)}[data-playhead=blue]{--playhead-tint: color-mix(in srgb, #3b82f6 18%, transparent)}[data-playhead=pink]{--playhead-tint: color-mix(in srgb, #ec4899 18%, transparent)}.chart-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:end;column-gap:12px;margin:26px 0 0;padding-left:32px}.chart-header-title{margin:0;font-family:var(--serif);font-size:26px;font-weight:700;text-align:center;overflow-wrap:break-word}.chart-header-side{display:flex;flex-direction:column;gap:1px;font-size:12.5px;color:var(--muted);min-width:0;overflow-wrap:break-word}.chart-header-right{align-items:flex-end;text-align:right}.chart-header-style,.chart-header-composer{font-style:italic}.chart-header+.chart-view,.chart-header+.diagram-sheet{margin-top:26px}.diagram-sheet{row-gap:26px;margin-top:28px;--diagram-max: var(--diagram-max-size, 92px)}.chart-view .barred.open-repeat,.chart-view .barred.row-start.open-repeat,.diagram-sheet .barred.open-repeat,.diagram-sheet .barred.row-start.open-repeat{padding-left:20px}.diagram-sheet .measure-cells{gap:6px 8px;align-items:flex-start}.diagram-cell{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex:1 1 0;min-width:0}.diagram-symbol{width:100%;max-width:var(--diagram-max);font-size:var(--diagram-symbol-size, 15px);white-space:nowrap;line-height:1.15;text-align:center}.diagram-sheet .progression-chord.optimized-chord{width:100%;max-width:var(--diagram-max);min-width:0;margin:0}.diagram-sheet .chord-diagram{width:100%;height:auto;max-height:var(--diagram-max-height, 118px)}.diagram-sheet .bar-repeat{margin:0 auto}@media (max-width: 900px){.diagram-sheet{--diagram-max: 82px}}@media (max-width: 700px){:root,[data-chart-size=medium]{--chart-symbol-size: 15px;--diagram-symbol-size: 12px;--diagram-max-size: 72px;--diagram-max-height: 104px}[data-chart-size=small]{--chart-symbol-size: 12px;--diagram-symbol-size: 11px;--diagram-max-size: 60px;--diagram-max-height: 86px}[data-chart-size=large]{--chart-symbol-size: 19px;--diagram-symbol-size: 15px;--diagram-max-size: 90px;--diagram-max-height: 130px}.chart-view,.optimized-chart-grid{padding-left:18px;padding-right:18px;row-gap:18px}.chart-measure{padding-left:5px;padding-right:5px;min-height:48px}.chart-measure .measure-cells{gap:2px 3px}.sequence-chord{padding:2px}.diagram-sheet{row-gap:14px;margin-top:18px;--diagram-max: var(--diagram-max-size, 72px)}.diagram-sheet .measure-cells{gap:2px}.diagram-sheet .optimized-measure{padding:14px 3px 8px}.diagram-sheet .optimized-measure.in-ending-row{margin-top:20px}.diagram-symbol{font-size:var(--diagram-symbol-size, 12px)}.chart-header{padding-left:18px}.chart-header-title{font-size:20px}[data-chart-font=handwritten] .chart-header-title{font-size:32px}[data-chart-font=handwritten] .chart-header{padding-right:18px}[data-chart-font=handwritten] .chart-header-title.is-long{font-size:26px}[data-chart-font=handwritten] .chart-header-title.is-very-long{font-size:19px}[data-chart-font=handwritten] .chart-header-title.is-extra-long{font-size:16px}[data-chart-font=handwritten] .chart-header-title-note{font-size:11px}[data-chart-font=handwritten] .chart-header-title-main:after{height:3px}[data-chart-font=handwritten] .chart-header-style,[data-chart-font=handwritten] .chart-header-composer,[data-chart-font=handwritten] .chart-header-tempo{font-size:14px}.chart-header-side{font-size:11px}.sc-lead,.sc-meta{font-size:9px}.sequence-workspace-shell .topbar{min-height:54px;flex-wrap:nowrap;gap:8px;padding:8px 10px;border-bottom:1px dotted var(--hairline)}.sequence-workspace-shell .nav,.sequence-workspace-shell .brand .sub{display:none}.sequence-workspace-shell .mobile-sequence-menu{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;padding:0;border:1px solid var(--hairline);border-radius:50%;background:var(--surface);color:var(--ink);font-size:19px;line-height:1;cursor:pointer}.sequence-workspace-shell .mobile-sequence-menu[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.sequence-workspace-shell .mobile-sequence-nav{position:absolute;top:100%;right:0;left:0;z-index:31;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:8px 10px 10px;background:var(--surface);border-bottom:1px dotted var(--hairline);box-shadow:var(--shadow)}.sequence-workspace-shell .mobile-sequence-nav a{min-width:0;padding:9px 10px;overflow:hidden;border-radius:var(--radius-sm);color:var(--muted);font-size:13px;font-weight:500;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.sequence-workspace-shell .mobile-sequence-nav a:hover{background:var(--surface-2);color:var(--ink)}.sequence-workspace-shell .mobile-sequence-nav a.active{background:var(--accent-soft);color:var(--accent)}.sequence-workspace-shell .topbar-spacer{display:block}.sequence-workspace-shell .brand-wordmark{font-size:20px}.sequence-workspace-shell .content{max-width:none;padding:0 0 60px;background:var(--chart-paper)}.sequence-workspace>.page-header,.sequence-workspace>.chart-meta,.sequence-workspace>.chart-meta-bar,.desktop-workspace-only{display:none!important}.mobile-workspace-only{display:flex!important}.sequence-workspace>.chart-toolbar{flex-wrap:nowrap;gap:6px;min-height:47px;margin:0;padding:7px 10px;overflow:visible;background:var(--chart-paper);border-bottom:1px dotted var(--hairline)}.sequence-workspace>.chart-toolbar .playlist-chip{display:none}.sequence-workspace>.chart-toolbar .btn-sm{min-height:32px;padding:5px 9px}.sequence-workspace>.import-panel{position:fixed;top:54px;right:0;bottom:0;left:0;z-index:50;margin:0;padding:14px;overflow-y:auto;border:0;border-radius:0}.sequence-workspace>.chart-footer{position:sticky;top:54px;z-index:20;display:block;margin:0;padding:7px 8px;background:color-mix(in srgb,var(--chart-paper) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px dotted var(--hairline)}.mobile-workspace-switcher{align-items:center;flex-wrap:wrap;gap:8px;width:100%}.mobile-workspace-switcher .view-toggle{flex:1}.mobile-workspace-switcher .view-toggle-btn{flex:1;min-height:34px;padding:5px 12px}.workspace-action-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border:1px solid var(--hairline);border-radius:50%;background:var(--chart-paper);color:var(--accent);font-size:23px;line-height:1;cursor:pointer}.workspace-action-button svg{width:20px;height:20px}.mobile-workspace-switcher.has-voicing-controls .view-toggle{flex-basis:100%}.mobile-voicing-controls{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-width:0}.mobile-voicing-switch{gap:6px;font-size:12px;white-space:nowrap}.mobile-voicing-switch input{width:32px;height:19px}.mobile-voicing-switch input:after{width:13px;height:13px}.mobile-voicing-switch input:checked:after{transform:translate(13px)}.mobile-inversion-control{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;white-space:nowrap}.mobile-inversion-control select{min-width:78px;padding:4px 24px 4px 8px;font-size:12px}.mobile-cycle-status{min-width:0;flex:1 1 auto;overflow:hidden;color:var(--muted);font-size:11px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.workspace-canvas{width:100%;min-width:0;background:var(--chart-paper)}.workspace-canvas .chart-header{margin-top:18px}.sequence-workspace .chart-view,.sequence-workspace .optimized-chart-grid{--mobile-leading-gutter: 29px;padding-right:18px;padding-left:var(--mobile-leading-gutter)}.sequence-workspace .chart-view:has(.time-sig-leading .time-sig[data-wide=true]),.sequence-workspace .optimized-chart-grid:has(.time-sig-leading .time-sig[data-wide=true]){--mobile-leading-gutter: 42px}.sequence-workspace .time-sig-leading .time-sig{width:13px}.sequence-workspace .time-sig-leading .time-sig[data-wide=true]{width:26px}.sequence-workspace .barred.row-start .section-mark{left:calc(9px - var(--mobile-leading-gutter))}.sequence-workspace .barred.row-start.open-double .section-mark{left:calc(7px - var(--mobile-leading-gutter))}.sequence-workspace .barred.row-start.open-repeat .section-mark{left:calc(6px - var(--mobile-leading-gutter))}.voicing-workspace-canvas{margin:0;padding:0;background:var(--chart-paper);border:0;border-radius:0}.workspace-sheet-backdrop{position:fixed;top:54px;right:0;bottom:130px;left:0;z-index:42;padding:0;border:0;background:#0000003d}.workspace-sheet{position:fixed;right:0;bottom:130px;left:0;z-index:44;display:flex;flex-direction:column;max-height:calc(100dvh - 184px);overflow:hidden;background:var(--surface);border-top:1px dotted var(--hairline);border-radius:8px 8px 0 0;box-shadow:0 -12px 36px #0000002e}.sequence-workspace:not(.has-transport-bar) .workspace-sheet-backdrop{bottom:0}.sequence-workspace:not(.has-transport-bar) .workspace-sheet{bottom:0;max-height:calc(100dvh - 54px)}.workspace-sheet-head{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:8px 12px 8px 16px;border-bottom:1px dotted var(--hairline)}.workspace-sheet-head h2{margin:0;font-size:17px}.workspace-sheet-close{width:34px;height:34px;border:0;background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}.workspace-sheet-body{min-height:0;padding:0 12px 16px;overflow-y:auto}.workspace-sheet-body>.control-bar,.workspace-sheet-body>.analysis-panel,.workspace-sheet-body>.measure-editor{margin:0;padding:14px 0;background:transparent;border:0;border-radius:0}.workspace-sheet-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.workspace-sheet-form .control-group,.workspace-sheet-form input,.workspace-sheet-form select{min-width:0;width:100%}.workspace-sheet-actions{grid-column:1 / -1;display:flex;gap:8px}.workspace-sheet-actions .btn-primary{flex:1}.workspace-sheet-body .measure-editor>.control-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0;background:transparent;border:0}}@media (max-width: 520px){[data-chart-font=handwritten] .chart-header{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;row-gap:18px}[data-chart-font=handwritten] .chart-header-title{grid-column:1 / -1;grid-row:1}[data-chart-font=handwritten] .chart-header-left{grid-column:1;grid-row:2;padding-top:0}[data-chart-font=handwritten] .chart-header-right{grid-column:2;grid-row:2;padding-top:0}}.transport-bar{--transport-control-active: var(--realbook-control-active, var(--accent));--transport-control-active-ink: var(--realbook-control-active-ink, var(--accent-ink));--transport-control-bg: var( --realbook-control-idle, color-mix(in srgb, var(--ink) 7%, var(--surface)) );--transport-control-hover: color-mix( in srgb, var(--transport-control-active) 11%, var(--surface) );--transport-control-border: var(--realbook-control-border, var(--hairline));--transport-control-field: var(--realbook-control-field, var(--surface));position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;flex-direction:column;align-items:stretch;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px dotted var(--hairline)}.transport-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.transport-slot{display:flex;align-items:center;gap:8px}.transport-slot-left{justify-content:flex-start}.transport-slot-center{position:relative;justify-content:center}.transport-slot-right{justify-content:flex-end}.transport-control-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--transport-control-bg);color:var(--transport-control-active);box-shadow:none;font:inherit;font-size:16px;line-height:1;cursor:pointer;transition:background .15s,color .15s,filter .15s}.transport-control-button:hover:not(:disabled){background:var(--transport-control-hover)}.transport-control-button:focus-visible{outline:2px solid color-mix(in srgb,var(--ink) 55%,transparent);outline-offset:2px}.transport-control-button:disabled{opacity:.38;cursor:default}.transport-control-button.is-active,.transport-control-primary{background:var(--transport-control-active);color:var(--transport-control-active-ink)}.transport-control-button.is-active:hover:not(:disabled),.transport-control-primary:hover:not(:disabled){background:var(--transport-control-active);color:var(--transport-control-active-ink);filter:brightness(1.06)}.transport-control-round{width:40px;height:40px;flex:0 0 40px;border-radius:50%}.transport-control-button svg{width:20px;height:20px}.transport-control-primary{width:60px;height:60px;flex:0 0 60px;border-radius:50%;font-size:22px}.transport-control-preset{min-width:48px;min-height:34px;padding:0 10px;border-radius:6px;font-size:13px;font-variant-numeric:tabular-nums}.transport-control-row{width:100%;min-height:40px;justify-content:space-between;padding:9px 12px;border-radius:6px;background:transparent;color:var(--ink);font-size:15px;line-height:1.3;text-align:left}.transport-control-row.is-active{background:var(--transport-control-active);color:var(--transport-control-active-ink);font-weight:600}.transport-control-ghost{background:transparent;color:var(--muted)}.transport-control-static{cursor:default}.transport-primary-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px}.transport-primary-icon:before{content:"";display:block}.transport-primary-icon-play:before{width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:18px solid currentColor;transform:translate(2px)}.transport-primary-icon-pause:before{width:20px;height:22px;background:linear-gradient(to right,currentColor 0 7px,transparent 7px 13px,currentColor 13px 20px)}.transport-stop-icon{width:14px;height:14px;background:currentColor}.transport-stop-adjacent{position:absolute;right:calc(100% + 12px)}.transport-strip{display:flex;border-bottom:1px dotted var(--hairline)}.transport-title-cell{flex:1.35 1 0;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:9px 10px;border-right:1px dotted var(--hairline);line-height:1.2}.transport-title-cell strong,.transport-title-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transport-title-cell strong{font-size:14px;font-weight:600}.transport-title-cell span{margin-top:2px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.transport-chip{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 6px;background:none;border:0;border-right:1px dotted var(--hairline);color:var(--ink);cursor:pointer;min-width:0}.transport-chip:last-child{border-right:0}.transport-chip.on{background:var(--transport-control-active);color:var(--transport-control-active-ink)}.transport-chip-value{font-size:15px;font-variant-numeric:tabular-nums;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transport-chip-caption{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.transport-chip.on .transport-chip-caption{color:color-mix(in srgb,var(--transport-control-active-ink) 74%,transparent)}.transport-drawer{max-height:min(55vh,420px);overflow-y:auto;padding:12px 16px 4px;border-bottom:1px dotted var(--hairline)}.transport-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.transport-drawer-title{font-weight:600;font-size:15px}.transport-drawer-close{width:32px;height:32px;flex:0 0 32px;border-radius:50%;font-size:15px}.panel{padding-bottom:8px}.panel-bignum{text-align:center;font-size:34px;font-weight:600;margin:2px 0 8px;font-variant-numeric:tabular-nums}.panel-bignum small{font-size:14px;font-weight:400;color:var(--muted);margin-left:4px}.panel-stepper{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:10px}.transport-tap-control{font-size:13px;font-weight:600;letter-spacing:0}.practice-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px}.practice-trainer,.practice-countin{margin-top:14px;padding-top:12px;border-top:1px dotted var(--hairline)}.practice-switch{justify-content:space-between;gap:16px;width:100%;min-height:40px;white-space:normal}.practice-switch>span{display:flex;min-width:0;flex-direction:column;gap:2px;color:var(--ink);line-height:1.25}.practice-switch strong{font-size:14px;font-weight:600}.practice-switch small{color:var(--muted);font-size:12px}.practice-switch input{flex:0 0 38px;margin:0}.practice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 6px}.practice-grid input[type=number]{width:100%;padding:6px 8px;border:1px solid var(--transport-control-border);border-radius:6px;background:var(--transport-control-field);color:inherit;font:inherit}.practice-countin .panel-stepper{margin:8px 0}.panel-slider{width:100%;accent-color:var(--transport-control-active)}.panel-hint{text-align:center;font-size:12px;color:var(--muted);margin:8px 0 0}.style-list{display:flex;flex-direction:column;gap:4px}.style-check{color:inherit}.mixer{display:flex;flex-direction:column}.mixer-channel{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 0;border-bottom:1px dotted var(--hairline)}.mixer-channel:last-child{border-bottom:0}.mixer-toggle{min-width:96px;font-weight:600}.mixer-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;flex:1 1 auto;min-width:0}.transport-bar .switch input{background:var(--transport-control-bg);border-color:var(--transport-control-border)}.transport-bar .switch input:after{background:var(--transport-control-active)}.transport-bar .switch input:checked{background:var(--transport-control-active);border-color:var(--transport-control-active)}.transport-bar .switch input:checked:after{background:var(--transport-control-active-ink)}.transport-bar select,.transport-bar input[type=number]{background:var(--transport-control-field);border-color:var(--transport-control-border)}.has-transport-bar{padding-bottom:136px}@media (max-width: 700px){.transport-row{padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px}.transport-control-primary{width:54px;height:54px;flex-basis:54px}}.import-panel,.measure-editor{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px}.import-textarea{width:100%;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:8px;color:var(--ink);font-family:var(--mono, monospace);font-size:12px;resize:vertical;margin:8px 0}.import-error{color:#c0392b;font-size:13px;margin:4px 0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.chord-card:hover,.progression-chord:hover,.optimized-chord:hover,.chart-measure:hover{transform:none}}.bass-style-select{max-width:200px}.bassline-view{margin-top:18px}.bassline-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.bassline-row{display:flex;gap:0;border-left:2px solid var(--ink)}.bassline-row+.bassline-row{border-top:0}.bassline-bar{flex:1 1 0;display:flex;min-height:46px;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);border-top:1px solid var(--hairline)}.bassline-row:not(:first-child) .bassline-bar{border-top:0}.bassline-bar:last-child{border-right:2px solid var(--ink)}.bassline-bar.spacer{background:repeating-linear-gradient(45deg,transparent,transparent 6px,var(--surface-2) 6px,var(--surface-2) 12px)}.bassline-bar.playing{background:var(--accent-soft)}.bassline-beat{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;border-radius:var(--radius-sm)}.bassline-beat.empty{color:var(--faint);justify-content:center}.bassline-beat.active{background:var(--accent);color:var(--accent-ink)}.bassline-note{font-family:var(--serif);font-size:16px;font-weight:600;line-height:1}.bassline-label{font-family:var(--sans);font-size:10px;letter-spacing:.02em;color:var(--muted)}.bassline-beat.active .bassline-label{color:var(--accent-ink)}.lab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.lab-card{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;text-decoration:none;transition:transform .12s,box-shadow .12s}a.lab-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.lab-card h3{margin:0}.lab-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.45}.lab-card-tagline{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}.lab-card.soon{opacity:.62}.lab-card-cta{margin-top:auto;padding-top:8px;font-size:13px;font-weight:600;color:var(--accent)}.lab-card.soon .lab-card-cta{color:var(--faint)}.lab-back{display:inline-block;margin-bottom:6px;font-size:13px;color:var(--accent);text-decoration:none}.lab-lede{max-width:720px;font-size:15px;line-height:1.55}.lab-exhibit h3{margin:26px 0 6px}.lab-controls{display:flex;gap:10px;margin:14px 0}.lab-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.lab-clock-row{align-items:flex-start}.lab-clock-pick{border:1px solid transparent;border-radius:var(--radius);padding:4px}.lab-clock-pick.selected{border-color:var(--accent);background:var(--accent-soft)}.lab-panel{flex:1 1 260px;max-width:560px}.lab-panel-title{font-family:var(--serif);font-size:17px;font-weight:700;margin-bottom:6px}.lab-chip-inline{display:inline-block;margin:0 6px 4px 0;padding:1px 8px;background:var(--accent-soft);border-radius:999px;font-size:13.5px}.lab-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.lab-cards{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.tonnetz-current{min-width:52px;font-family:var(--serif);font-size:20px;font-weight:700;align-self:center}.tonnetz polygon{transition:fill-opacity .12s}.tonnetz polygon:hover{fill-opacity:.85}.spread-card{display:flex;gap:8px;align-items:center;padding:8px 12px 8px 6px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-sm)}.spread-card.named{border-color:var(--accent)}.spread-name{font-weight:700;font-size:13.5px}.spread-meta{font-size:12px;display:flex;flex-direction:column;gap:1px}.spread-ok{color:var(--accent);font-weight:600}.spread-no{color:var(--faint)}@media print{@page{margin:16mm}.topbar,.nav,.palette-trigger,.score-toolbar,.no-print{display:none!important}html,body,.app-shell,.content{background:#fff!important;color:#000!important;display:block!important;height:auto!important;overflow:visible!important}.score-page .page-head .muted{display:none}.score-surface{overflow:visible!important;padding:0!important}.score-surface svg{color:#000!important;max-width:100%!important}}.corpus-page h2{margin:26px 0 12px}.corpus-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:18px}.corpus-tile{padding:14px 16px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow)}.corpus-tile-value{font-size:26px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.1}.corpus-tile-label{margin-top:4px;font-size:12px;color:var(--muted);line-height:1.3}.corpus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.corpus-card{padding:16px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.corpus-card h3{margin:0 0 6px;font-size:15px}.corpus-note{margin:0 0 10px;font-size:12.5px;color:var(--muted);line-height:1.4}.bar-list{display:flex;flex-direction:column;gap:6px}.bar-row{display:grid;grid-template-columns:minmax(74px,auto) 1fr auto;align-items:center;gap:8px;font-size:13px}.bar-label{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.bar-track{height:10px;border-radius:4px;background:color-mix(in srgb,var(--accent) 9%,transparent);overflow:hidden}.bar-fill{display:block;height:100%;min-width:2px;border-radius:4px;background:var(--accent)}.bar-value{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.corpus-league{margin:0;padding:0 0 0 22px;display:flex;flex-direction:column;gap:7px;font-size:13px}.corpus-league li{display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:baseline}.league-title{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.league-composer{grid-row:2;font-size:11.5px;color:var(--muted)}.league-value{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.league-title a{color:inherit;text-decoration:none}.league-title a:hover{color:var(--accent);text-decoration:underline}