@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--neutral-0:oklch(100% 0 0);--neutral-25:oklch(99.1% .001 286.4);--neutral-50:oklch(98.5% .001 286.4);--neutral-100:oklch(96.5% .003 286.3);--neutral-150:oklch(94.4% .003 286.3);--neutral-200:oklch(92.6% .005 286.3);--neutral-300:oklch(89.8% .006 275);--neutral-400:oklch(72.6% .013 271.2);--neutral-500:oklch(62.7% .014 271.2);--neutral-600:oklch(51% .015 266.6);--neutral-700:oklch(37.9% .014 269.3);--neutral-800:oklch(29.8% .011 271);--neutral-900:oklch(20.5% .008 274.5);--night-950:oklch(16.4% .005 264.4);--night-900:oklch(18.2% .004 264.5);--night-850:oklch(20.5% .006 271.1);--night-800:oklch(22.3% .008 274.6);--night-750:oklch(25.7% .009 276.7);--night-700:oklch(29% .011 278.2);--night-650:oklch(31.1% .011 278.2);--night-600:oklch(33.1% .012 279.2);--night-500:oklch(53.5% .014 271.1);--night-450:oklch(59% .014 271.2);--night-400:oklch(70.6% .013 271.2);--night-300:oklch(84.2% .009 271.3);--night-100:oklch(96.1% .001 286.4);--magenta-100:oklch(94.1% .029 350.5);--magenta-200:oklch(88.9% .067 353.3);--magenta-300:oklch(77.4% .15 356.2);--magenta-400:oklch(71% .202 358.4);--magenta-500:oklch(67.2% .233 2.3);--magenta-600:oklch(57.4% .216 4.4);--magenta-700:oklch(47.9% .179 5.9);--magenta-900:oklch(35.2% .129 358.7);--magenta-950:oklch(25.8% .069 350.4);--green-600:oklch(48.2% .104 156.5);--green-400:oklch(73.5% .136 159.3);--red-600:oklch(50% .182 29.5);--red-400:oklch(70.9% .183 27.7);--amber-600:oklch(50.8% .108 73.3);--amber-400:oklch(76.4% .139 73.2);--color-bg:var(--neutral-0);--color-surface:var(--neutral-100);--color-surface-raised:var(--neutral-0);--color-surface-hover:var(--neutral-150);--color-surface-selected:var(--neutral-200);--color-field:var(--neutral-0);--color-backdrop:oklch(20.5% .008 274.5/.42);--color-border:var(--neutral-150);--color-border-strong:var(--neutral-300);--color-border-control:var(--neutral-500);--color-border-hover:var(--neutral-600);--color-text:var(--neutral-900);--color-text-soft:var(--neutral-700);--color-text-muted:var(--neutral-600);--color-text-disabled:var(--neutral-400);--color-accent:var(--neutral-900);--color-accent-hover:var(--neutral-800);--color-on-accent:var(--neutral-0);--color-accent-soft:var(--neutral-700);--color-action:var(--magenta-600);--color-action-hover:var(--magenta-700);--color-on-action:var(--neutral-0);--color-action-text:var(--magenta-700);--color-action-border:color-mix(in oklch, var(--magenta-600) 50%, transparent);--tint-action:var(--magenta-100);--color-icon:var(--color-brand);--tint-icon:color-mix(in oklch, var(--magenta-500) 10%, transparent);--color-invite:color-mix(in oklch, var(--magenta-100) 60%, transparent);--edge-invite:color-mix(in oklch, var(--magenta-500) 18%, transparent);--color-highlight:var(--neutral-900);--color-highlight-strong:var(--neutral-900);--color-on-highlight:var(--neutral-0);--color-highlight-soft:var(--neutral-700);--color-selected:var(--color-highlight);--color-on-selected:var(--color-on-highlight);--color-mark:var(--magenta-500);--color-brand:var(--magenta-600);--color-brand-hover:var(--magenta-700);--color-on-brand:var(--neutral-0);--color-focus:var(--magenta-600);--color-link:var(--color-action-text);--color-success:var(--green-600);--color-success-soft:oklch(42% .09 156.5);--color-danger:var(--red-600);--color-danger-soft:oklch(45% .16 29.5);--color-warning:var(--amber-600);--color-spotlight:var(--magenta-100);--color-on-spotlight:var(--magenta-900);--edge-spotlight:transparent;--color-nav:var(--neutral-50);--color-whatsapp:var(--green-400);--tint-accent:color-mix(in oklch, var(--color-accent) 8%, transparent);--tint-highlight:color-mix(in oklch, var(--color-highlight) 7%, transparent);--tint-success:color-mix(in oklch, var(--color-success) 10%, transparent);--tint-danger:color-mix(in oklch, var(--color-danger) 10%, transparent);--tint-focus:color-mix(in oklch, var(--color-focus) 20%, transparent);--tint-highlight-strong:color-mix(in oklch, var(--color-highlight) 10%, transparent);--edge-highlight:color-mix(in oklch, var(--color-highlight) 30%, transparent);--category-register:oklch(47% .025 80);--category-calendar:oklch(47% .025 166);--category-songs:oklch(47% .025 350);--category-melody:oklch(47% .025 295);--category-theory:oklch(47% .025 40);--category-recordings:oklch(47% .025 235);--category-metronome:oklch(47% .025 125);--category-students:oklch(47% .025 200);--category-settings:oklch(47% .025 265);--category-jassie:oklch(47% .025 320);--category-admin:oklch(47% .025 20);--category-billing:oklch(47% .025 100);--font-display:Newsreader, "Source Serif 4", Georgia, serif;--font-ui:"Hanken Grotesk", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:clamp(1.875rem, 1.55rem + 1.3vw, 2.5rem);--text-display:clamp(2.375rem, 1.7rem + 2.8vw, 3.75rem);--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.55;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-display:400;--weight-control:500;--tracking-display:-.015em;--tracking-tight:-.01em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--space-10:4rem;--radius-xs:8px;--radius-sm:14px;--radius-md:20px;--radius-lg:24px;--radius-full:999px;--radius-control:var(--radius-full);--shadow-raised:0 0 0 1px oklch(20% .02 260/.05), 0 8px 10px -6px oklch(20% .01 270/.08), 0 20px 25px -5px oklch(20% .01 270/.08);--shadow-overlay:0 0 0 1px oklch(20% .02 260/.05), 0 8px 40px oklch(20% .01 270/.12);--shadow-paper:0 0 0 1px oklch(20% .02 260/.05), 0 8px 10px -6px oklch(20% .01 270/.08), 0 20px 25px -5px oklch(20% .01 270/.08);--duration-instant:90ms;--duration-fast:.14s;--duration-base:.22s;--duration-slow:.36s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-exit:cubic-bezier(.3, 0, 1, 1);--ease-out-strong:cubic-bezier(.23, 1, .32, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--duration-turn:.56s;--duration-stagger:50ms;--ease-spring:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);--control-height:44px;--control-height-sm:36px;--control-padding-x:1.25rem;--focus-ring:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-focus);--icon-select:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2362666f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");--page-max:90.625rem;--page-gutter:clamp(1.25rem, 4vw, 4rem);--z-sticky:10;--z-nav:30;--z-overlay:40;--z-guide:50;--z-toast:60;--score-paper:var(--neutral-0);--score-paper-edge:var(--neutral-150);--score-paper-shade:var(--neutral-300);--score-ink:var(--neutral-900);--score-line:oklch(35.7% .011 271.1);--score-muted:oklch(54.2% .016 268.4);--score-accent:var(--magenta-700);--score-accent-tint:color-mix(in oklch, var(--magenta-500) 16%, transparent);--score-playhead:color-mix(in oklch, var(--magenta-500) 26%, transparent);--score-action:var(--neutral-900);--score-action-hover:var(--neutral-800);--score-on-action:var(--neutral-0);--score-field:var(--neutral-0);--score-danger:oklch(48% .16 28);--score-good:oklch(50% .12 160);--score-timing:oklch(56% .13 62);--score-pitch:oklch(52% .19 4);--score-missed:oklch(57% .012 270);--score-note-c:oklch(56% .21 355);--score-note-d:oklch(62% .14 62);--score-note-e:oklch(58% .14 125);--score-note-f:oklch(57% .11 170);--score-note-g:oklch(54% .19 295);--score-note-a:oklch(52% .19 27);--score-note-b:oklch(56% .11 230);--score-font-music:Petaluma;--score-font-text:"Petaluma Script";--score-font-chord:"Petaluma Script", var(--font-ui);--ink900:var(--color-bg);--ink800:var(--color-surface);--ink700:var(--color-surface-raised);--ink600:var(--color-surface-selected);--ink400:var(--color-border-control);--ink300:var(--color-text-muted);--ink200:var(--color-text-soft);--cream:var(--color-text);--magenta:var(--color-accent);--magenta-hi:var(--color-accent-hover);--brass:var(--color-highlight);--brass-hi:var(--color-highlight-strong);--mint:var(--color-success);--muted:var(--color-text-muted);--line:var(--color-border);--line-brass:var(--edge-highlight);--serif:var(--font-display);--sans:var(--font-ui);--paper:var(--score-paper);--paper-ink:var(--score-ink)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:var(--night-900);--color-surface:var(--night-800);--color-surface-raised:var(--night-750);--color-surface-hover:var(--night-700);--color-surface-selected:var(--night-650);--color-field:var(--night-850);--color-backdrop:oklch(0% 0 0/.6);--color-nav:var(--night-950);--color-whatsapp:var(--green-400);--color-border:var(--night-700);--color-border-strong:var(--night-600);--color-border-control:var(--night-500);--color-border-hover:var(--night-450);--color-text:var(--night-100);--color-text-soft:var(--night-300);--color-text-muted:var(--night-400);--color-text-disabled:var(--night-500);--color-accent:var(--night-100);--color-accent-hover:var(--neutral-0);--color-on-accent:var(--night-900);--color-accent-soft:var(--night-300);--color-action:var(--magenta-400);--color-action-hover:var(--magenta-300);--color-on-action:var(--night-900);--color-action-text:var(--magenta-300);--color-action-border:color-mix(in oklch, var(--magenta-400) 55%, transparent);--tint-action:color-mix(in oklch, var(--magenta-400) 14%, transparent);--color-icon:var(--color-brand);--tint-icon:color-mix(in oklch, var(--magenta-400) 14%, transparent);--color-invite:color-mix(in oklch, var(--magenta-950) 70%, transparent);--edge-invite:color-mix(in oklch, var(--magenta-400) 22%, transparent);--color-highlight:var(--night-100);--color-highlight-strong:var(--night-100);--color-on-highlight:var(--night-900);--color-highlight-soft:var(--night-300);--color-selected:var(--color-highlight);--color-on-selected:var(--color-on-highlight);--color-mark:var(--magenta-400);--color-brand:var(--magenta-400);--color-brand-hover:var(--magenta-300);--color-on-brand:var(--night-900);--color-focus:var(--magenta-400);--color-link:var(--color-action-text);--color-success:var(--green-400);--color-success-soft:oklch(80% .11 159.3);--color-danger:var(--red-400);--color-danger-soft:oklch(78% .13 27.7);--color-warning:var(--amber-400);--color-spotlight:var(--magenta-950);--color-on-spotlight:var(--magenta-200);--category-register:oklch(80% .03 80);--category-calendar:oklch(80% .03 166);--category-songs:oklch(80% .03 350);--category-melody:oklch(80% .03 295);--category-theory:oklch(80% .03 40);--category-recordings:oklch(80% .03 235);--category-metronome:oklch(80% .03 125);--category-students:oklch(80% .03 200);--category-settings:oklch(80% .03 265);--category-jassie:oklch(80% .03 320);--category-admin:oklch(80% .03 20);--category-billing:oklch(80% .03 100);--shadow-raised:0 0 0 1px oklch(100% 0 0/.07);--shadow-overlay:0 0 0 1px oklch(100% 0 0/.08), 0 24px 48px -12px oklch(0% 0 0/.6);--shadow-paper:0 0 0 1px oklch(100% 0 0/.08), 0 20px 40px -24px oklch(0% 0 0/.7);--icon-select:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23c9cbd1' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");--score-paper:oklch(96.8% .003 286.4);--score-paper-edge:var(--neutral-200)}:root[data-notation=inciso]{--score-font-music:Bravura;--score-font-text:Academico;--score-font-chord:Academico, var(--font-display)}}@layer base{:where(html){-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--color-border-strong) transparent;background:var(--color-bg)}:where(body){background:var(--color-bg);color:var(--color-text-soft);font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-normal);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(h1,h2,h3,h4){color:var(--color-text);font-family:var(--font-display);font-weight:var(--weight-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0}:where(h1){font-size:var(--text-3xl)}:where(h2){font-size:var(--text-2xl)}:where(h3){font-size:var(--text-xl)}:where(h4){font-family:var(--font-ui);font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}:where(p){margin:0 0 var(--space-4);font-size:inherit;line-height:var(--leading-normal);text-wrap:pretty}:where(small){font-size:var(--text-sm)}:where(em){color:inherit;font-weight:inherit}:where(strong,b){font-weight:var(--weight-semibold)}:where(time,output,.tabular){font-variant-numeric:tabular-nums}:where(p,li,small,dd,.portal-help) :where(a:not([class])){color:var(--color-link);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:from-font}:where(hr){border:0;border-top:1px solid var(--color-border);margin:var(--space-6) 0}:where(:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}::selection{background:var(--color-highlight);color:var(--color-on-highlight)}:where(input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=hidden],[type=button],[type=submit]),select,textarea){width:100%;min-width:0;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-border-control);border-radius:var(--radius-sm);background-color:var(--color-field);color:var(--color-text);font:inherit;font-size:var(--text-md);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);margin:0;line-height:1.3;display:block}:where(textarea){min-height:6.5rem;padding:var(--space-3);line-height:var(--leading-normal);resize:vertical}:where(select){appearance:none;background-image:var(--icon-select);cursor:pointer;background-position:right .85rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}:where(input,select,textarea):where(:hover:not(:disabled,[readonly])){border-color:var(--color-border-hover)}:where(input,select,textarea):where(:focus-visible){border-color:var(--color-focus);box-shadow:0 0 0 3px var(--tint-focus);outline:none}:where(input,select,textarea):where(:disabled,[readonly]){color:var(--color-text-muted);cursor:default}:where(input,select,textarea):where([aria-invalid=true]){border-color:var(--color-danger)}:where(input,textarea)::placeholder{color:var(--color-text-muted);font:inherit;letter-spacing:inherit;text-transform:none;opacity:1}:where(input[type=checkbox],input[type=radio]){width:1.25rem;height:1.25rem;accent-color:var(--color-highlight);cursor:pointer;flex-shrink:0;margin:0}:where(input[type=range]){accent-color:var(--color-highlight);cursor:pointer}:where(label){color:var(--color-text-soft);font-size:var(--text-sm);font-weight:var(--weight-medium)}:where(fieldset){border:0;min-width:0;margin:0;padding:0}:where(legend){color:var(--color-text);font-weight:var(--weight-semibold);padding:0}:where(summary){cursor:pointer}:where(dialog){color:var(--color-text-soft)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}}@layer components{:where(.btn,.portal-button,.rep-button,.reg-button,.assign-button,.rep-icon-button){--btn-bg:transparent;--btn-fg:var(--color-text);--btn-border:var(--color-border-control);justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--control-padding-x);border:1px solid var(--btn-border);border-radius:var(--radius-control);background:var(--btn-bg);color:var(--btn-fg);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-control);letter-spacing:0;text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-instant) var(--ease-standard);line-height:1.2;text-decoration:none;display:inline-flex}:where(.btn-primary,.portal-button:not(.secondary,.danger),.rep-button:not(.ghost,.light),.reg-button:not(.secondary),.assign-button:not(.ghost)){--btn-bg:var(--color-action);--btn-fg:var(--color-on-action);--btn-border:var(--color-action)}:where(.btn-primary,.portal-button:not(.secondary,.danger),.rep-button:not(.ghost,.light),.reg-button:not(.secondary),.assign-button:not(.ghost)):hover:not(:disabled){--btn-bg:var(--color-action-hover);--btn-border:var(--color-action-hover)}:where(.btn-secondary,.portal-button.secondary,.rep-button.ghost,.rep-button.light,.reg-button.secondary,.assign-button.ghost,.rep-icon-button){--btn-fg:var(--color-action-text);--btn-border:var(--color-action-border)}:where(.btn-secondary,.portal-button.secondary,.rep-button.ghost,.rep-button.light,.reg-button.secondary,.assign-button.ghost,.rep-icon-button):hover:not(:disabled){--btn-bg:var(--tint-action);--btn-border:var(--color-action)}:where(.btn-danger,.portal-button.danger:not(.secondary)){--btn-bg:var(--color-danger);--btn-fg:var(--color-on-accent);--btn-border:var(--color-danger)}:where(.btn-danger,.portal-button.danger:not(.secondary)):hover:not(:disabled){--btn-bg:var(--color-danger-soft);--btn-border:var(--color-danger-soft)}:where(.btn-secondary.btn-danger,.portal-button.secondary.danger){--btn-bg:transparent;--btn-fg:var(--color-danger-soft);--btn-border:color-mix(in oklch, var(--color-danger) 55%, transparent)}:where(.btn,.portal-button,.rep-button,.reg-button,.assign-button):where([aria-pressed=true]){--btn-bg:var(--color-selected);--btn-fg:var(--color-on-selected);--btn-border:var(--color-highlight)}:where(.btn-icon,.rep-icon-button){width:var(--control-height);padding:0;font-size:1.25rem;line-height:1}:where(.btn-sm){min-height:var(--control-height-sm);padding:0 var(--space-3)}@media (pointer:coarse){:where(.btn-sm){min-height:var(--control-height)}}:where(.btn,.portal-button,.rep-button,.reg-button,.assign-button,.rep-icon-button):active:not(:disabled){transform:translateY(1px)}:where(.btn,.portal-button,.rep-button,.reg-button,.assign-button,.rep-icon-button):disabled{opacity:.5;cursor:not-allowed}:where(.btn-link,.rep-text-button,.reg-text-button,.reg-card-open,.portal-link-button){align-items:center;gap:var(--space-1);min-height:var(--control-height);color:var(--color-link);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-control);text-align:left;text-underline-offset:.25em;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), text-decoration-color var(--duration-fast) var(--ease-standard);background:0 0;border:0;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:from-font;display:inline-flex}:where(.btn-link,.rep-text-button,.reg-text-button,.reg-card-open,.portal-link-button):hover{color:var(--color-highlight-soft);text-decoration-color:currentColor}:where(.portal-link-button){min-height:1.5em;color:inherit;text-decoration-color:currentColor}:where(.btn-link,.rep-text-button):where(.danger){color:var(--color-danger-soft)}:where(.tools-back){align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-4) 0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-soft);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-control);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;text-decoration:none;display:inline-flex}:where(.tools-back):hover{border-color:var(--color-border-strong);color:var(--color-text)}:where(.segmented,.rep-segments,.theory-tabs,.theory-switch){gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:calc(var(--radius-control) + var(--space-1));background:var(--color-surface);display:inline-flex}:where(.segmented,.rep-segments,.theory-tabs,.theory-switch)>:where(button){justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-4);border-radius:var(--radius-control);box-shadow:none;color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-control);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;display:inline-flex}@media (pointer:fine){:where(.segmented,.rep-segments,.theory-tabs,.theory-switch)>:where(button){min-height:var(--control-height-sm)}}:where(.segmented,.rep-segments,.theory-tabs,.theory-switch)>:where(button:hover){color:var(--color-text)}:where(.segmented,.rep-segments,.theory-tabs,.theory-switch)>:where(button[aria-pressed=true],button[aria-selected=true],button[aria-current=true]){background:var(--color-selected);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-highlight) 55%, transparent);color:var(--color-on-selected)}:where(.switch){align-items:center;gap:var(--space-3);min-height:var(--control-height);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-control);cursor:pointer;background:0 0;border:0;display:inline-flex}:where(.switch-track){border:1px solid var(--color-border-control);border-radius:var(--radius-full);background:var(--color-surface-selected);width:40px;height:24px;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);flex:none;position:relative}:where(.switch-track):after{content:"";background:var(--color-text-soft);width:18px;height:18px;transition:transform var(--duration-fast) var(--ease-standard);border-radius:50%;position:absolute;top:2px;left:2px}:where(.switch[aria-checked=true]) :where(.switch-track){border-color:var(--color-highlight);background:var(--color-selected)}:where(.switch[aria-checked=true]) :where(.switch-track):after{background:var(--color-on-selected);transform:translate(16px)}:where(.chip,.solo-chip,.solo-fret){justify-content:center;align-items:center;gap:var(--space-1);min-width:var(--control-height-sm);min-height:var(--control-height-sm);padding:0 var(--space-3);border:1px solid var(--color-border-control);border-radius:var(--radius-full);color:var(--color-text-soft);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-control);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;line-height:1;display:inline-flex}@media (pointer:coarse){:where(.chip,.solo-chip,.solo-fret){min-width:var(--control-height);min-height:var(--control-height)}}:where(.chip,.solo-chip,.solo-fret):where(:hover){border-color:var(--color-border-hover);color:var(--color-text)}:where(.chip,.solo-chip,.solo-fret):where([aria-pressed=true],[aria-checked=true],.is-selected){border-color:var(--color-highlight);background:var(--color-selected);color:var(--color-on-selected)}:where(.chip,.solo-chip,.solo-fret):disabled{opacity:.5;cursor:not-allowed}:where(.tag,.portal-badge,.theory-badge){align-items:center;gap:var(--space-1);min-height:1.5rem;padding:0 var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-xs);color:var(--color-text-soft);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:0;text-transform:none;white-space:nowrap;display:inline-flex}:where(.portal-badge):before{content:"";background:currentColor;border-radius:50%;width:.375rem;height:.375rem}:where(.tag-success,.portal-badge.active){border-color:color-mix(in oklch, var(--color-success) 45%, transparent);background:var(--tint-success);color:var(--color-success-soft)}:where(.tag-highlight,.portal-badge.suspended){border-color:color-mix(in oklch, var(--color-highlight) 45%, transparent);background:var(--tint-highlight);color:var(--color-highlight-soft)}:where([aria-pressed=true],[aria-selected=true],[aria-checked=true],.is-selected) :where(.tag,.portal-badge,.theory-badge){color:inherit;background:0 0;border-color:currentColor}:where(.eyebrow,.small-label,.rep-kicker,.reg-eyebrow,.assign-kicker){margin:0 0 var(--space-2);color:var(--color-text-muted);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:0;text-transform:none}:where(.notice,.portal-notice,.rep-notice){margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in oklch, var(--color-success) 40%, transparent);border-radius:var(--radius-sm);background:var(--tint-success);color:var(--color-success-soft);font-size:var(--text-sm);line-height:var(--leading-normal)}:where(.notice-error,.portal-notice.error,.rep-notice.error){border-color:color-mix(in oklch, var(--color-danger) 50%, transparent);background:var(--tint-danger);color:var(--color-danger-soft)}:where(.help,.portal-help,.assign-hint,.solo-hint,.metronome-help){color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}:where(.toast:not([hidden])){inset:calc(env(safe-area-inset-top) + var(--space-3)) var(--space-4) auto;z-index:var(--z-toast);align-items:center;gap:var(--space-4);max-width:30rem;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-overlay);color:var(--color-text);margin-inline:auto;display:flex;position:fixed}:where(.toast p){min-width:0;font-size:var(--text-sm);line-height:var(--leading-normal);flex:auto;margin:0}:where(.toast .btn){flex:none}@media (width>=640px){:where(.toast:not([hidden])){inset:auto var(--space-5) calc(env(safe-area-inset-bottom) + var(--space-5))}}:where(.surface,.card){border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}:where(.card){border-radius:var(--radius-md);padding:var(--space-5)}:where(.dialog,.portal-dialog,.rep-dialog,.solo-dialog,.reg-dialog,.assign-dialog){width:min(var(--dialog-width,560px), calc(100% - 2 * var(--space-4)));max-height:calc(100dvh - 2 * var(--space-4));padding:var(--space-6);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-overlay);color:var(--color-text-soft);overscroll-behavior:contain}:where(.dialog,.portal-dialog,.rep-dialog,.solo-dialog,.reg-dialog,.assign-dialog)::backdrop{background:var(--color-backdrop)}:where(.dialog,.portal-dialog,.rep-dialog,.solo-dialog,.reg-dialog,.assign-dialog) :where(h2){font-size:var(--text-2xl)}@media (width<=570px){:where(.dialog,.portal-dialog,.rep-dialog,.solo-dialog,.reg-dialog,.assign-dialog){padding:var(--space-5)}}@media (width<=639px){:where(.dialog,.portal-dialog,.rep-dialog,.solo-dialog,.reg-dialog,.assign-dialog):where(:modal){width:100%;max-width:100%;max-height:calc(100dvh - var(--space-6));padding-bottom:max(var(--space-5), env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:sheet-rise var(--duration-base) var(--ease-standard);border-bottom:0;margin:auto 0 0}:where(.dialog,.portal-dialog,.rep-dialog,.solo-dialog,.reg-dialog,.assign-dialog):where(:modal):before{content:"";width:40px;height:5px;margin:calc(-1 * var(--space-2)) auto var(--space-3);background:var(--color-border-strong);border-radius:3px;flex:none;display:block}}@keyframes sheet-rise{0%{opacity:0;translate:0 2rem}}:where(.empty-state,.portal-empty,.rep-empty,.reg-empty,.assign-empty){justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);color:var(--color-text-muted);text-align:center;display:grid}:where(.empty-state,.portal-empty,.rep-empty,.reg-empty,.assign-empty) :where(h3){font-size:var(--text-xl)}:where(.empty-state,.portal-empty,.rep-empty,.reg-empty,.assign-empty) :where(p){max-width:42ch;font-size:var(--text-sm);margin:0}:where(.group-head){justify-content:space-between;align-items:baseline;gap:var(--space-3);margin:var(--space-6) var(--space-1) var(--space-2);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-md);letter-spacing:var(--tracking-tight);font-weight:650;display:flex}:where(.group-head) :where(h2,h3){font:inherit;letter-spacing:inherit}:where(.group-count){color:var(--color-text-muted);font-weight:var(--weight-medium)}:where(.list){border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}:where(.row){align-items:center;gap:var(--space-3);width:100%;min-height:60px;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-4);color:inherit;font:inherit;text-align:left;background:0 0;border:0;text-decoration:none;display:flex;position:relative}:where(.row+.row){border-top:1px solid var(--color-border)}:where(button.row,a.row){cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}:where(button.row,a.row):hover{background:var(--color-surface-hover)}:where(.row[aria-current],.row.is-selected){background:var(--tint-highlight)}:where(.row[data-tone=cancelled]) :where(.row-title){color:var(--color-text-muted);text-decoration:line-through}:where(.row-main){flex:1;min-width:0}:where(.row-title){color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;display:block;overflow:hidden}:where(.row-meta){color:var(--color-text-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;line-height:1.35;display:block;overflow:hidden}:where(.row-trail){align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);flex:none;display:flex}:where(.time-col){width:3.25rem;color:var(--color-text);font-variant-numeric:tabular-nums;flex:none;font-size:.9375rem;font-weight:650}:where(.time-col) :where(small){color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);display:block}:where(.lead-icon){border-radius:var(--radius-sm);background:var(--tint-icon);width:36px;height:36px;color:var(--color-icon);flex:none;place-items:center;display:grid}:where(.lead-icon) :where(svg){fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}:where(.lead-icon.is-brass){background:var(--tint-highlight);color:var(--color-highlight-strong)}:where(.lead-icon.is-mint){background:var(--tint-success);color:var(--color-success)}:where(.lead-icon.is-danger){background:var(--tint-danger);color:var(--color-danger)}:where(.spotlight){border:1px solid var(--edge-spotlight);border-radius:var(--radius-lg);background:var(--color-spotlight);color:var(--color-on-spotlight)}:where(.live-dot){width:8px;height:8px;margin-right:var(--space-1);background:currentColor;border-radius:50%;display:inline-block}:where(.sr-only){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@font-face{font-family:Petaluma;src:url(/fonts/notation/petaluma.woff2)format("woff2");font-display:block}@font-face{font-family:Petaluma Script;src:url(/fonts/notation/petaluma-script.woff2)format("woff2");font-display:swap}@font-face{font-family:Bravura;src:url(/fonts/notation/bravura.woff2)format("woff2");font-display:block}@font-face{font-family:Academico;src:url(/fonts/notation/academico.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Academico;src:url(/fonts/notation/academico-bold.woff2)format("woff2");font-weight:700;font-display:swap}:where(.score-paper){border-radius:var(--radius-md);background:var(--score-paper);box-shadow:var(--shadow-paper);color:var(--score-ink)}:where(.chord-symbol){font-family:var(--score-font-chord);letter-spacing:0;font-variant-numeric:lining-nums;font-weight:400}}@layer home{:root{--color-action:var(--color-accent);--color-action-hover:var(--color-accent-hover);--color-on-action:var(--color-on-accent);--color-action-text:var(--color-text);--color-action-border:var(--color-border-control);--tint-action:var(--color-surface-hover);--color-link:var(--color-brand-hover);--header-height:4rem;--gutter:clamp(1rem, 3.2vw, 2rem);--paper-pad:clamp(var(--space-6), 3.4vw, var(--space-9));--plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2.5v11M2.5 8h11' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");--ink:var(--color-text);--paper:var(--color-bg);--mist:var(--color-surface);--fog:var(--color-nav);--slate:var(--color-text-muted);--ash:var(--color-text-muted);--line:var(--color-border);--brand:var(--color-brand);--rose:var(--color-spotlight);--on-rose:var(--color-on-spotlight);--ok-bg:var(--tint-success);--ok:var(--color-success);--bad-bg:var(--tint-danger);--bad:var(--color-danger);--font-mus:var(--score-font-music);--font-chord:var(--score-font-chord);--lift:var(--shadow-raised);--soft:0 0 0 1px var(--color-border)}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-4))}[hidden]{display:none!important}.page-width{width:min(100% - 2 * var(--gutter), 76rem);margin-inline:auto}.skip-link{top:var(--space-3);left:var(--space-3);z-index:var(--z-toast);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-highlight);color:var(--color-on-highlight);font-weight:var(--weight-semibold);position:fixed;translate:0 -200%}.skip-link:focus{translate:0}.text-link{min-height:var(--control-height);color:var(--color-link);font-weight:var(--weight-semibold);text-underline-offset:.3em;align-items:center;text-decoration:underline;text-decoration-thickness:from-font;display:inline-flex}.text-link:hover{color:var(--color-highlight-soft)}.site-header{z-index:var(--z-sticky);border-bottom:1px solid var(--color-border);background:var(--color-bg);position:sticky;top:0}.header-inner{align-items:center;gap:var(--space-6);min-height:4rem;display:flex}.brand{min-height:var(--control-height);color:var(--color-text);letter-spacing:-.06em;white-space:nowrap;align-items:center;font-size:1.5rem;font-weight:650;text-decoration:none;display:inline-flex}*,:before,:after{box-sizing:border-box}.choice,.interests{border:0;margin:0;padding:0}.choice legend,.interests legend{margin-bottom:var(--space-2);padding:0}.choice .segmented{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.segmented>label{display:grid;position:relative}.segmented>label>input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented>label>span{min-height:var(--control-height);padding:0 var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:center;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.segmented>label:hover>span{color:var(--color-text)}.segmented>label>input:checked+span{background:var(--tint-highlight);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-highlight) 55%, transparent);color:var(--color-highlight-strong)}.segmented>label>input:focus-visible+span{box-shadow:var(--focus-ring)}@media (width<=600px){.form-grid,.choice .segmented{grid-template-columns:minmax(0,1fr)}}.site-nav{gap:var(--space-2);margin-left:auto;display:flex}.site-nav a{min-height:var(--control-height);padding:0 var(--space-3);color:var(--color-text-soft);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:color var(--duration-fast) var(--ease-standard);align-items:center;text-decoration:none;display:inline-flex}.site-nav a:hover{color:var(--color-text)}.header-actions{align-items:center;gap:var(--space-3);display:flex}.site-nav+.header-actions{margin-left:var(--space-2)}.header-login{min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-soft);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);align-items:center;text-decoration:none;display:inline-flex}.header-login:hover{border-color:var(--color-border-strong);color:var(--color-text)}.site-nav a[aria-current=page]{color:var(--color-text)}.site-more{position:relative}.site-more>summary{align-items:center;gap:var(--space-1);min-height:var(--control-height);padding:0 var(--space-3);border-radius:var(--radius-full);color:var(--color-text-soft);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard);list-style:none;display:inline-flex}.site-more>summary::-webkit-details-marker{display:none}.site-more>summary:hover,.site-more[open]>summary{color:var(--color-text)}.site-more:has([aria-current=page])>summary{color:var(--color-text)}.site-more>summary:focus-visible{box-shadow:var(--focus-ring);outline:none}.site-more svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform var(--duration-fast) var(--ease-standard)}.site-more[open] svg{transform:rotate(180deg)}.site-more-panel{top:calc(100% + var(--space-2));z-index:var(--z-overlay);min-width:13.5rem;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-overlay);transform-origin:top;display:grid;position:absolute;left:50%;transform:translate(-50%)}.site-more[open] .site-more-panel{animation:site-more-in var(--duration-fast) var(--ease-standard)}@keyframes site-more-in{0%{opacity:0;transform:translate(-50%)translateY(-4px)scale(.98)}}.site-nav .site-more-panel a{padding:0 var(--space-4);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-md);font-weight:400}.site-nav .site-more-panel a:hover,.site-nav .site-more-panel a[aria-current=page]{background:var(--color-spotlight);color:var(--color-on-spotlight)}.anchor-alias{display:block}.form-card{padding:clamp(var(--space-5), 3vw, var(--space-8));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.field{gap:var(--space-2);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);flex-direction:column;display:flex}.field .help{font-weight:var(--weight-regular)}.consent{align-items:flex-start;gap:var(--space-3);margin-top:var(--space-5);color:var(--color-text-soft);font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal);cursor:pointer;display:flex}.consent+.consent{margin-top:var(--space-4)}.consent input{margin-top:.1em}.consent .tag{margin-right:var(--space-1)}.consent a,.form-success a{color:var(--color-link);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:from-font}.form-card .notice{margin:var(--space-5) 0 0}.form-card form>.btn{width:100%;margin-top:var(--space-6)}.form-card form>.btn:disabled{cursor:wait}.form-note{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--text-sm)}.form-success h3{margin-bottom:var(--space-4);font-size:var(--text-2xl)}.form-success p{color:var(--color-text-soft)}.form-success strong{color:var(--color-text);overflow-wrap:anywhere}.form-success:focus{outline:none}.honeypot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.site-footer{--on-ink:color-mix(in oklch, var(--color-bg) 96%, var(--magenta-100));--on-ink-soft:color-mix(in oklch, var(--color-bg) 74%, var(--color-text));--ink-rule:color-mix(in oklch, var(--color-bg) 16%, var(--color-text));--ink-raised:color-mix(in oklch, var(--color-bg) 10%, var(--color-text));padding-block:clamp(56px, 8vw, 96px) var(--space-6);background:var(--color-text);color:var(--on-ink-soft);font-size:var(--text-md);border-top:0}.site-footer a,.footer-button{color:var(--on-ink-soft);text-underline-offset:.25em;transition:color var(--duration-fast) var(--ease-standard), text-decoration-color var(--duration-fast) var(--ease-standard);-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.site-footer a:hover,.footer-button:hover{color:var(--on-ink);text-decoration-color:currentColor}.site-footer :focus-visible{outline:2px solid var(--on-ink);outline-offset:2px}.footer-cta{justify-content:space-between;align-items:center;gap:var(--space-6) var(--space-8);border-bottom:1px solid var(--ink-rule);flex-wrap:wrap;padding-bottom:clamp(40px,6vw,64px);display:flex}.footer-cta h2{max-width:16ch;color:var(--on-ink);font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(34px,4.4vw,56px);font-weight:500;line-height:1.05}.footer-cta h2 em{font-style:italic}.site-footer .footer-whatsapp{--btn-bg:var(--on-ink);--btn-fg:var(--color-text);--btn-border:var(--on-ink);min-height:3.5rem;padding-inline:var(--space-6);color:var(--color-text);font-size:var(--text-md);text-decoration:none}.site-footer .footer-whatsapp:hover{--btn-bg:var(--color-bg);color:var(--color-text)}.site-footer:has(+.whatsapp-float){padding-bottom:calc(var(--space-6) + 4.5rem)}.footer-grid{gap:var(--space-8) var(--space-7);grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));padding-block:clamp(40px,6vw,64px);display:grid}.site-footer .brand{color:var(--on-ink)}.site-footer .brand-dot{color:var(--magenta-400)}.footer-brand p{max-width:34ch;margin:var(--space-3) 0 0}.footer-social{gap:var(--space-3);margin-top:var(--space-5);display:flex}.footer-social a{border-radius:var(--radius-full);background:var(--ink-raised);width:2.75rem;height:2.75rem;color:var(--on-ink);place-items:center;display:grid}.footer-social a:hover{background:var(--ink-rule)}.footer-col{flex-direction:column;align-items:start;display:flex}.footer-col h3{margin:0 0 var(--space-2);color:var(--on-ink);font-family:var(--font-ui);font-size:var(--text-md);font-weight:var(--weight-semibold)}.footer-col a,.footer-legal a,.footer-legal .footer-button{min-height:var(--control-height);overflow-wrap:anywhere;align-items:center;display:inline-flex}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--ink-rule);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.footer-note{margin:0}.footer-legal{gap:0 var(--space-5);flex-wrap:wrap;display:flex}@media (width<=900px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}@media (width<=520px){.footer-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.site-footer .footer-whatsapp{width:100%}}.whatsapp-float{right:var(--gutter);bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:var(--z-sticky);align-items:center;gap:var(--space-3);min-height:3.25rem;padding:0 var(--space-2) 0 var(--space-5);border-radius:var(--radius-full);background:var(--color-text);box-shadow:var(--shadow-overlay), 0 0 0 1px color-mix(in oklch, var(--color-bg) 22%, transparent);color:var(--color-bg);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:transform var(--duration-fast) var(--ease-standard);text-decoration:none;display:inline-flex;position:fixed}.whatsapp-float svg{border-radius:var(--radius-full);background:var(--color-whatsapp);width:2.25rem;height:2.25rem;color:var(--color-text);padding:.4rem}.whatsapp-float:hover{transform:translateY(-2px)}.whatsapp-float:active{transform:scale(.97)}.whatsapp-float:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}body:has([data-consent-banner]:not([hidden])) .whatsapp-float{display:none}@media (width<=520px){.whatsapp-float{padding:0 var(--space-2)}.whatsapp-float span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.site-menu{display:none;position:relative}.site-menu>summary{width:var(--control-height);height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-soft);cursor:pointer;justify-content:center;align-items:center;list-style:none;display:inline-flex}.site-menu>summary::-webkit-details-marker{display:none}.site-menu svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:20px;height:20px}.site-menu>nav{top:calc(100% + var(--space-2));z-index:var(--z-overlay);min-width:14rem;padding:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);display:grid;position:absolute;right:0}.site-menu>nav a{min-height:var(--control-height);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font-weight:var(--weight-semibold);align-items:center;text-decoration:none;display:flex}.site-menu>nav a:hover,.site-menu>nav a[aria-current=page]{background:var(--color-surface-hover)}.site-menu>nav{max-height:calc(100dvh - var(--header-height) - var(--space-4));overscroll-behavior:contain;overflow-y:auto}.site-menu-group{margin:var(--space-3) var(--space-3) var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.quote-card.tone-paper{padding:var(--paper-pad);border-radius:var(--radius-sm);background:var(--score-paper);box-shadow:var(--shadow-paper);border:0}.quote-card form{gap:var(--space-5);display:grid}.quote-card h3{font-size:var(--text-2xl)}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field-wide{grid-column:1/-1}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chips .chip{min-height:var(--control-height);font-weight:var(--weight-semibold);position:relative}.chips .chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chips .chip:has(input:checked){border-color:var(--color-highlight);background:var(--tint-highlight);color:var(--color-highlight-strong)}.chips .chip:has(input:focus-visible){box-shadow:var(--focus-ring)}.quote-card .consent{margin-top:0}.quote-card form>.btn{width:100%}.consent-banner{right:var(--gutter);bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:var(--z-toast);gap:var(--space-4) var(--space-5);width:min(100% - 2 * var(--gutter), 34rem);padding:var(--space-5) var(--space-5) var(--space-5) var(--space-6);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-raised);grid-template-columns:minmax(0,1fr) auto;display:grid;position:fixed}.consent-banner h2{font-size:var(--text-xl)}.consent-banner p{margin:var(--space-2) 0 0;font-size:var(--text-sm)}.consent-banner a,.consent-dialog a{color:var(--color-link);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:from-font}.consent-text{grid-column:1}.consent-close{border-color:#0000;grid-area:1/2;align-self:start}.consent-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:20px;height:20px}.consent-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;grid-column:1/-1;display:flex}.consent-actions .text-link{font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;background:0 0;border:0;padding:0}.consent-dialog form{gap:var(--space-4);display:grid}.consent-dialog form>p{margin:0}.consent-options{border-top:1px solid var(--color-border);list-style:none;display:grid}.consent-options li{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);display:flex}.consent-options strong{color:var(--color-text)}.consent-options p{margin:var(--space-1) 0 0;font-size:var(--text-sm)}.consent-options .switch[aria-disabled=true]{opacity:.6;cursor:not-allowed}.consent-dialog .consent-actions{justify-content:flex-end}.footer-button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.form-check{width:2.75rem;height:2.75rem;margin-bottom:var(--space-4);padding:var(--space-2);border-radius:var(--radius-full);background:var(--tint-success);color:var(--color-success);fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;display:block}@media (width<=1080px){.site-nav{display:none}.header-actions,.site-nav+.header-actions{margin-left:auto}.site-menu{display:block}}@media (width<=600px){.site-header .header-login{padding:0 var(--space-2);color:var(--color-text);border-color:#0000}}@media (width<=389px){.site-header .brand{font-size:1.05rem}.site-header .brand-dot{display:none}.site-header .header-login{padding:0 var(--space-1)}}@media (width<=339px){.site-header .header-login{display:none}}@media (width<=600px){.brand{font-size:1.25rem}}.brand-dot{color:var(--color-brand)}.header-cta{--btn-bg:var(--color-brand-hover);--btn-fg:var(--color-on-brand);--btn-border:var(--color-brand-hover)}@media (width<=400px){.site-header .brand{font-size:1.1rem}.site-header .header-actions{gap:var(--space-2)}.site-header .header-cta{min-height:44px;padding:0 var(--space-3);font-size:var(--text-sm)}}.site-header .header-cta{border-color:var(--btn-border);background:var(--btn-bg);color:var(--btn-fg)}.header-cta:hover{--btn-bg:color-mix(in oklch, var(--color-brand-hover) 82%, var(--color-text));--btn-border:color-mix(in oklch, var(--color-brand-hover) 82%, var(--color-text))}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.5}.wrap{max-width:1200px;margin-inline:auto;padding-inline:24px}@media (width<=480px){.wrap{padding-inline:16px}}a{color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}h1,h2{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:400}h1{letter-spacing:-.025em;font-size:clamp(40px,min(7.4vw,10vh),90px);line-height:1.04}h2{letter-spacing:-.015em;font-size:clamp(34px,4.6vw,52px);line-height:1.12}h3{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:500}p{margin:0}main .btn{min-height:46px;font:450 16px/1 var(--font-ui);cursor:pointer;border:1px solid var(--ink);border-radius:9999px;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;transition:transform .15s,background-color .15s;display:inline-flex}main .btn-brand{background:var(--color-brand-hover);border-color:var(--color-brand-hover);color:var(--color-on-brand)}main .btn-brand:hover{background:color-mix(in oklch, var(--color-brand-hover) 82%, var(--color-text));border-color:color-mix(in oklch, var(--color-brand-hover) 82%, var(--color-text))}main .btn-ghost{color:var(--ink);background:0 0}main .btn-inv{background:var(--paper);color:var(--ink);border-color:var(--paper)}main .btn:hover{transform:translateY(-1px)}main .btn-ghost:hover{background:var(--fog)}.eyebrow{color:var(--slate);font-size:15px}.eyebrow b{color:var(--ink);font-weight:500}footer{border-top:1px solid var(--line);color:var(--slate);padding-block:40px 56px;font-size:15px}@media (prefers-reduced-motion:reduce){.btn{transition:none}}}@font-face{font-family:Hanken Grotesk;src:url(/fonts/HankenGrotesk.woff2)format("woff2");font-style:normal;font-weight:400 700;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/Newsreader.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Newsreader;src:url(/fonts/Newsreader-Italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}@layer landing{.landing{--ground:var(--color-surface);--rule:var(--color-surface-selected);--ink-soft:var(--color-text-soft);--night:var(--color-text);--night-2:color-mix(in oklch, var(--color-text) 88%, var(--color-bg));--on-night:color-mix(in oklch, var(--color-bg) 96%, var(--magenta-100));--on-night-soft:color-mix(in oklch, var(--color-bg) 78%, var(--color-text));--brand-dark:var(--color-brand-hover);--brand-light:color-mix(in oklch, var(--magenta-500) 72%, var(--color-bg));--blush:var(--magenta-100);--blush-2:color-mix(in oklch, var(--magenta-100) 65%, var(--magenta-500));--wine:var(--magenta-900);--r:28px;background:var(--ground);color:var(--color-text);font-size:18px;line-height:1.5;overflow-x:clip}:where(.landing) :where(h1,h2,h3){font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;color:inherit;margin:0;font-weight:500;line-height:1.02}:where(.landing) h1{font-size:clamp(44px,5.4vw,80px)}:where(.landing) h2{font-size:clamp(38px,5vw,68px)}:where(.landing) h3{font-size:clamp(24px,2.2vw,30px);line-height:1.15}:where(.landing) p{margin:0}:where(.landing) em{font-style:italic}:where(.landing) img{max-width:100%;height:auto;display:block}.lines span{display:block}.landing .say{margin-top:32px;font-size:clamp(19px,1.6vw,23px);line-height:1.45}.landing .btn{min-height:56px;font:600 18px/1 var(--font-ui);padding:0 30px}.landing .btn-brand{background:var(--color-brand);border-color:var(--color-brand)}.landing .btn-ghost{border:2px solid var(--color-text)}.actions{flex-wrap:wrap;gap:14px;margin-top:40px;display:flex}.phone{background:var(--night);border-radius:34px;padding:7px}.phone img{border-radius:28px;width:100%}.card-shot{background:var(--color-bg);border-radius:var(--r);padding:clamp(10px,1.4vw,18px);overflow:hidden}.card-shot img{border-radius:18px;width:100%}.zone{padding:clamp(88px,10vw,140px) 0}.zone.tight{padding-top:0}.intro{max-width:760px}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.split.flip>:first-child{order:2}.split h2{font-size:clamp(36px,4.2vw,60px)}.split .lines,.dots{gap:10px;margin-top:28px;font-size:clamp(19px,1.6vw,22px);display:grid}.dots span{padding-left:22px;display:block;position:relative}.dots span:before{content:"";background:var(--color-brand);border-radius:50%;width:9px;height:9px;position:absolute;top:.6em;left:0}.night{background:var(--night);color:var(--on-night)}.night .say,.night .dots{color:var(--on-night-soft)}.night .text-link{color:var(--on-night)}.night .dots span:before{background:var(--brand-light)}.blush{background:var(--blush)}@keyframes landing-rise{0%{opacity:0;translate:0 24px}}@keyframes landing-settle{0%{opacity:0;scale:1.03}}.opening>.page-width>:not(h1,:has(h1),.crumbs,.tickets){animation:landing-rise .7s var(--ease-out-strong) both}.opening-media{animation:landing-rise .9s var(--ease-out-strong) .18s both}.opening-media img{animation:landing-settle 1.4s var(--ease-out-strong) .18s both}[data-rise]{transition:opacity .7s var(--ease-out-strong), translate .7s var(--ease-out-strong);transition-delay:calc(var(--rise,0) * 80ms)}[data-rise=""]{opacity:0;translate:0 28px}.data-table{border-collapse:collapse;background:var(--color-bg);border-radius:var(--r);width:100%;overflow:hidden}.data-table th,.data-table td{text-align:left;vertical-align:middle;padding:14px 20px}.data-table thead th{font:600 15px/1.2 var(--font-ui);color:var(--ink-soft);padding-top:22px}.data-table tbody tr{border-top:2px solid var(--rule)}.data-table tbody th :is(a,button){min-height:44px;color:var(--brand-dark);font:500 26px/1 var(--font-display);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.data-table tbody th :is(a,button):hover{color:var(--color-brand)}@media (width<=640px){.data-table th,.data-table td{padding:12px;font-size:16px}}.site-header:has(~.landing){border-bottom:0}.site-header:has(~.landing) .site-menu>summary{background:var(--color-surface);border-color:#0000}.opening{padding:clamp(40px,6vw,80px) 0 clamp(88px,10vw,140px)}.opening-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:clamp(40px,5vw,72px) clamp(32px,5vw,72px);display:grid}.opening h1{font-size:clamp(44px,5.6vw,80px);line-height:.98}.opening-side .say{margin-top:0}.landing :where(h1,h2) .brand-word{color:var(--color-brand)}.night h2 .brand-word{color:var(--brand-light)}.opening .actions{align-items:center;gap:14px 28px;margin-top:32px}.opening-side>.actions:first-child{margin-top:0}.opening:has(.opening-stack){padding:clamp(16px,3vh,40px) 0 clamp(64px,8vw,120px)}.opening-stack{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:clamp(16px,2.6vh,32px)}.opening-stack h1{font-size:clamp(36px,min(5.6vw,7.4vh),80px)}.opening-stack .opening-media{width:min(100%,177.778svh - 817.778px);min-width:min(100%,560px)}.opening-stack .actions{justify-content:center;margin-top:0}.opening-stack .price-line{margin-top:14px}.landing .btn-hero{min-height:68px;box-shadow:var(--shadow-overlay);padding:0 40px;font-size:21px}.opening-media{border-radius:var(--r);background:var(--night);grid-column:1/-1;margin:0;padding:clamp(6px,.8vw,12px)}.opening-media :where(img,video){aspect-ratio:16/10;object-fit:cover;border-radius:calc(var(--r) - clamp(6px, .8vw, 12px));width:100%;display:block}.opening-media video{aspect-ratio:16/9;background:var(--ground);height:auto}.video-bar{flex-wrap:wrap;gap:10px;padding:clamp(10px,1vw,14px) clamp(4px,.6vw,8px) clamp(4px,.4vw,6px);display:flex}.video-bar button{min-height:44px;font:600 16px/1 var(--font-ui);color:var(--on-night);background:color-mix(in oklch, var(--on-night) 14%, transparent);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 20px 0 16px;display:inline-flex}.video-bar .video-sound{color:var(--color-on-brand);background:var(--color-brand)}.video-bar :where(button):where(:hover){filter:brightness(1.08)}.video-bar svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.video-bar .video-sound svg path:first-child{fill:currentColor}.price-line{color:var(--ink-soft);margin-top:28px;font-size:17px}.price-line b{color:var(--brand-dark);font-size:20px}.duo{justify-content:center;align-items:flex-start;gap:clamp(12px,2vw,24px);display:flex}.duo figure{flex:1;max-width:270px;margin:0}.duo figure:nth-child(2){margin-top:70px}.duo figcaption{font:italic 500 22px/1 var(--font-display);color:var(--brand-dark);text-align:center;margin-top:14px}.night .duo figcaption{color:var(--brand-light)}.features{margin-top:clamp(40px,5vw,64px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.feature-row{--feature-gap:clamp(16px, 2vw, 28px);gap:var(--feature-gap);width:max-content;padding:0 var(--feature-gap);margin:0;list-style:none;display:flex}.features.running .feature-row{animation:features-run var(--features-time,90s) linear infinite}.features.running:where(:hover,:focus-within) .feature-row{animation-play-state:paused}@keyframes features-run{to{translate:calc(-50% - var(--feature-gap) / 2) 0}}.features:not(.running){scroll-snap-type:x mandatory;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.features:not(.running) .feature{scroll-snap-align:center}.feature{flex:none;align-content:start;gap:16px;width:clamp(220px,22vw,280px);display:grid}.feature img{aspect-ratio:9/15;object-fit:cover;object-position:top;border:6px solid var(--night-2);background:var(--color-bg);border-radius:22px;width:100%}.feature p{gap:4px;padding:0 4px;display:grid}.feature b{font:500 clamp(21px, 1.8vw, 24px) / 1.15 var(--font-display);color:var(--color-bg)}.feature span{color:var(--on-night-soft);font-size:16px;line-height:1.4}.feature .instead{color:var(--on-night-soft);-webkit-text-decoration-color:var(--brand-light);text-decoration-color:var(--brand-light);margin-top:4px;font-size:15px;text-decoration-thickness:2px}#settimana{padding-block:clamp(32px,6vh,80px)}#settimana .intro{max-width:none}.week{--week-phone:clamp(300px, calc(100svh - 430px), 620px);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(20px,3vw,44px);margin-top:clamp(24px,4vh,48px);display:grid}.day{flex-direction:column;gap:10px;display:flex}.day .when{font:italic 500 clamp(24px, 2.2vw, 32px) / 1 var(--font-display);color:var(--brand-dark)}.day h3{min-height:2.3em;font-size:clamp(20px,1.8vw,26px)}.day .phones{margin-top:8px;position:relative}.day .phone img{width:auto;height:var(--week-phone)}.day .phone{width:fit-content}.day .phones .phone+.phone{position:absolute;bottom:0;right:0}.day .phones .phone+.phone img{height:calc(var(--week-phone) * .62)}.bases{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(20px,3vw,40px);margin-top:56px;display:grid}.base{flex-direction:column;gap:14px;display:flex}.base h3{font-size:clamp(30px,3vw,40px)}.base .lines{margin-bottom:12px;font-size:19px}.sheet{background:var(--color-bg);border-radius:var(--r);margin:0;padding:clamp(22px,3vw,40px)}.sheet-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.sheet-title{font:400 clamp(32px, 3.2vw, 46px) / 1 var(--score-font-chord)}.sheet-meta{color:var(--ink-soft);font-size:15px}.keys{flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 4px;display:flex}.keys-label{color:var(--ink-soft);margin-right:6px;font-size:15px}.key{border:2px solid var(--blush-2);background:var(--color-bg);min-width:48px;height:44px;color:var(--brand-dark);font:600 17px/1 var(--font-ui);cursor:pointer;border-radius:999px;padding:0 14px}.key[aria-pressed=true]{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.rehearsal{border:2px solid var(--color-text);width:32px;height:32px;font:700 16px/1 var(--font-ui);place-items:center;margin:22px 0 6px;display:inline-grid}.bars{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:10px;margin:0;padding:0;list-style:none;display:grid}.bars li{border-left:2px solid var(--color-text);min-height:76px;padding:6px 0 16px 10px}.bars small{color:var(--ink-soft);font-size:12px;display:block}.bars b{font:400 clamp(22px, 2.3vw, 32px) / 1.1 var(--score-font-chord);white-space:nowrap;display:block}#basi{padding-block:clamp(24px,4.5vh,72px)}#basi .intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 40px;max-width:none;display:flex}#basi .intro .say{margin-top:0}#basi .bases{align-items:stretch;margin-top:clamp(20px,3.5vh,40px)}#basi .base{grid-template-rows:auto 1fr;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:14px 24px;display:grid}#basi .base>:not(h3,.lines){grid-column:1/-1;align-self:stretch}#basi .base .lines{margin:0;font-size:16px;line-height:1.35}#basi .sheet{padding:clamp(18px,2.4vw,32px)}#basi .keys{margin:12px 0 0}#basi .key{min-width:44px;height:40px;padding:0 12px}#basi .base h3{font-size:clamp(26px,2.4vw,34px)}#basi .rehearsal{width:28px;height:28px;margin:12px 0 4px}#basi .bars{row-gap:4px}#basi .bars li{min-height:0;padding:2px 0 4px 10px}#basi .bars b{font-size:clamp(20px,1.9vw,27px)}#basi .card-shot{place-items:center;display:grid}#basi .card-shot img{width:auto;max-width:100%;max-height:calc(100svh - 340px)}#basi .sheet{flex-direction:column;justify-content:center;display:flex}.band-controls{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px;display:flex}.band-controls .keys{margin:0}.landing .band-play{gap:10px;min-height:48px;padding:0 24px 0 20px;font-size:17px}.bars li{transition:background-color .12s linear}.bars li.playing{background:var(--blush);border-left-color:var(--color-brand)}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px clamp(24px,4vw,56px);margin:56px 0 0;padding:0;list-style:none;display:grid}.tiles.four{grid-template-columns:repeat(4,minmax(0,1fr))}.tiles b{font:500 30px/1.1 var(--font-display);display:block}.tiles span{margin-top:8px;display:block}.ask{flex-direction:column;gap:12px;display:flex}.ask p{border-radius:22px;max-width:84%;padding:16px 20px;font-size:18px;line-height:1.4}.ask .me{background:var(--color-brand);color:var(--color-on-brand);border-bottom-right-radius:6px;align-self:flex-end}.ask .it{background:var(--night-2);border-bottom-left-radius:6px;align-self:flex-start}.menu{background:var(--color-bg);border-radius:var(--r);grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);padding:clamp(28px,5vw,72px);display:grid}.dish{grid-template-columns:1fr auto;gap:4px 24px;padding:28px 0;display:grid}.dish+.dish{border-top:2px solid var(--rule)}.dish h3{font-size:clamp(30px,3vw,40px)}.dish .p{font:500 clamp(36px, 3.6vw, 52px) / 1 var(--font-display);letter-spacing:-.03em;text-align:right}.dish .p s{color:var(--ink-soft);margin-right:10px;font-size:.5em}.dish .lines{color:var(--ink-soft);grid-column:1/-1;font-size:17px}.dish .per{text-align:right;color:var(--ink-soft);grid-column:2;font-size:15px}.dish.pro .p{color:var(--brand-dark)}.strip{background:var(--night);color:var(--color-bg);border-radius:var(--r);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:30px clamp(28px,5vw,72px);display:flex}.strip p{font:500 clamp(24px, 2.4vw, 32px) / 1.2 var(--font-display)}.strip a{color:var(--color-bg);font-weight:600}.questions{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);display:grid}.questions details{background:var(--color-bg);border-radius:22px;margin-bottom:10px}.questions summary{cursor:pointer;font:500 22px/1.3 var(--font-display);padding:24px 64px 24px 28px;list-style:none;position:relative}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:"+";font:400 30px/1 var(--font-ui);color:var(--color-brand);position:absolute;top:50%;right:26px;translate:0 -50%}.questions details[open] summary:after{content:"–"}.questions details p{max-width:60ch;padding:0 28px 26px;font-size:17px}.reply{background:var(--color-brand);color:var(--color-on-brand);border-radius:var(--r);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:40px;padding:clamp(40px,7vw,96px);display:grid}.reply h2{font-size:clamp(42px,5.6vw,80px)}.reply .lines{margin-bottom:24px;font-size:19px}.landing .reply>div>.btn{background:var(--color-bg);border-color:var(--color-bg);color:var(--brand-dark)}.reply.with-form{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.reply.with-form h2{font-size:clamp(38px,4.2vw,60px)}.reply.with-form .lines{margin-top:28px}.reply .form-card{color:var(--color-text);box-shadow:none}.trio{grid-template-columns:1fr 1fr 1.25fr;align-items:start;gap:clamp(12px,2vw,22px);margin-top:56px;display:grid}.trio .phone:nth-child(2){margin-top:70px}.trio .card-shot{margin-top:40px}.calc{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(16px,2vw,24px);margin-top:48px;display:grid}.calc-inputs{background:var(--color-bg);border-radius:var(--r);gap:36px;padding:clamp(24px,4vw,48px);display:grid}.size label{justify-content:space-between;align-items:baseline;font-size:20px;font-weight:650;display:flex}.size output{font:500 clamp(44px, 4.4vw, 60px) / 1 var(--font-display);letter-spacing:-.03em;color:var(--brand-dark)}.size small{color:var(--ink-soft);margin-top:10px;font-size:15px;display:block}.size input[type=range]{width:100%;accent-color:var(--color-brand);height:32px;margin-top:14px;font-size:16px}.calc .more{background:var(--blush);border-radius:20px;justify-items:start;gap:6px;padding:20px 22px;font-size:17px;display:grid}.calc .more b{font:500 22px/1.2 var(--font-display)}.bill{background:var(--night);color:var(--on-night);border-radius:var(--r);top:calc(var(--header-height) + 20px);padding:clamp(24px,3vw,40px);position:sticky}.bill-head{color:var(--on-night-soft)}.bill .total{font:500 clamp(64px, 6.4vw, 96px) / 1 var(--font-display);letter-spacing:-.03em;color:var(--color-bg)}.bill .bill-head{margin-top:10px}.bill .total small{font:500 20px/1 var(--font-ui);letter-spacing:0;color:var(--on-night-soft);margin-left:10px}.bill ul{border-top:2px solid var(--night-2);gap:10px;margin:24px 0 0;padding:20px 0 0;list-style:none;display:grid}.bill li{justify-content:space-between;gap:16px;font-size:17px;display:flex}.bill li span:last-child{white-space:nowrap}.bill .note{color:var(--on-night-soft);margin-top:12px;font-size:16px}.bill .actions{gap:10px;margin-top:28px}.landing .bill .btn{min-height:50px;padding:0 22px;font-size:17px}.landing .bill .btn-ghost{color:var(--color-bg);border-color:var(--color-bg);background:0 0}.tickets{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(16px,2vw,24px);margin-top:56px;display:grid}.ticket{border-radius:var(--r);background:var(--color-bg);flex-direction:column;gap:18px;padding:clamp(28px,4vw,48px);display:flex;position:relative}.ticket.ticket-school{background:var(--night);color:var(--on-night)}.ticket .who{font:italic 500 clamp(26px, 2.4vw, 32px) / 1 var(--font-display);color:var(--brand-dark)}.ticket-school .who{color:var(--brand-light)}.ticket .amount{font:500 clamp(72px, 8vw, 120px) / .9 var(--font-display);letter-spacing:-.04em}.ticket .amount small{font:500 clamp(18px, 1.6vw, 22px) / 1.2 var(--font-ui);letter-spacing:0;color:var(--ink-soft);white-space:nowrap;margin-left:10px;display:inline-block}.ticket-school .amount{margin-top:68px}.ticket .was{color:var(--ink-soft);margin-top:12px;font-size:18px}.ticket .was s{-webkit-text-decoration-color:var(--color-brand);text-decoration-color:var(--color-brand);text-decoration-thickness:2px}.ticket .lines{gap:8px;font-size:19px;display:grid}.ticket-school .lines,.ticket-school .was{color:var(--on-night-soft)}.ticket .btn{align-self:flex-start;margin-top:auto}.landing .ticket-school .btn{background:var(--color-bg);border-color:var(--color-bg);color:var(--color-text)}.ticket .seats{color:var(--brand-dark);font-weight:600}.periods{background:var(--ground);border-radius:999px;align-self:flex-start;padding:5px;display:inline-flex}.periods button{min-height:44px;font:600 17px/1 var(--font-ui);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 20px}.periods button[aria-pressed=true]{background:var(--color-text);color:var(--color-bg)}.compare{background:var(--color-bg);border-radius:var(--r);margin-top:48px;padding:clamp(20px,4vw,56px)}.compare table{border-collapse:collapse;width:100%}.compare th,.compare td{text-align:left;vertical-align:top;padding:18px 12px}.compare thead th{font:500 clamp(26px, 2.4vw, 34px) / 1 var(--font-display);padding-bottom:22px}.compare thead th:not(:first-child),.compare td{text-align:center;width:22%}.compare thead th:last-child{color:var(--brand-dark)}.compare tbody tr{border-top:2px solid var(--rule)}.compare tbody th{font-weight:400}.compare tbody th strong{font-size:18px;font-weight:650;display:block}.compare tbody th span{color:var(--ink-soft);max-width:46ch;margin-top:2px;font-size:15px;display:block}.compare td{font-size:16px}.compare .yes{background:var(--color-brand);width:30px;height:30px;color:var(--color-on-brand);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.compare .no{color:var(--ink-soft)}.trial{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,20px);margin:56px 0 0;padding:0;list-style:none;display:grid}.trial li{background:var(--color-bg);border-radius:var(--r);flex-direction:column;gap:12px;padding:clamp(24px,3vw,36px);display:flex}.trial li:last-child{background:var(--blush)}.trial .when{font:italic 500 clamp(28px, 2.6vw, 36px) / 1 var(--font-display);color:var(--brand-dark)}.trial .lines{font-size:18px}.rates{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:48px 0 40px;padding:0;list-style:none;display:grid}.rates li{background:var(--night-2);border-radius:22px;padding:22px}.rates b{font:500 clamp(30px, 2.8vw, 40px) / 1 var(--font-display);color:var(--color-bg);display:block}.rates span{color:var(--on-night-soft);margin-top:8px;font-size:16px;display:block}.landing .night .btn-inv{background:var(--color-bg);color:var(--color-text)}@media (width<=980px){.opening-grid,.split,.menu,.questions,.reply,.reply.with-form,.calc,.tickets,.trial{grid-template-columns:1fr}.split.flip>:first-child{order:0}#basi .bases{scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:92%;grid-auto-flow:column;gap:12px;overflow-x:auto}#basi .base{scroll-snap-align:start;grid-template-rows:none;grid-template-columns:minmax(0,1fr);align-content:start}#basi .intro .say{display:none}#basi .band-controls .keys{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;overflow-x:auto}#basi .band-controls .key{flex:none}#basi .keys-label{display:none}#basi .key{min-width:40px;height:38px;padding:0 10px;font-size:15px}#basi .sheet-head{flex-wrap:nowrap;align-items:baseline}#basi .sheet{padding:16px 18px}#basi .sheet-title{font-size:26px}#basi .sheet-meta{white-space:nowrap;font-size:13px}.week{--week-phone:clamp(280px, calc(100svh - 420px), 560px);scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:86%;grid-auto-flow:column;gap:16px;overflow-x:auto}.day{scroll-snap-align:start}.day h3{min-height:0}.bases{grid-template-columns:1fr;gap:64px}.tiles,.tiles.four,.rates,.trio{grid-template-columns:1fr 1fr}.trio .card-shot{grid-column:1/-1;margin-top:0}.bill{position:static}}@media (width<=640px){.landing{font-size:17px}.bars li{min-height:58px;padding:4px 0 10px 8px}.bars b{font-size:20px}.tiles,.tiles.four{grid-template-columns:1fr}.actions .btn{width:100%}.dish{grid-template-columns:1fr}.dish .p,.dish .per{text-align:left;grid-column:1}.ticket .seats{align-self:flex-start;position:static}.ticket-school .amount{margin-top:0}.compare{padding:12px}.compare thead th{font-size:22px}.compare th,.compare td{padding:14px 6px}.compare tbody th span{display:none}.compare td{width:auto;font-size:14px}}@media (prefers-reduced-motion:reduce){.landing *{scroll-behavior:auto}}.blog-head .eyebrow,.blog-hero .eyebrow,.blog-intro .eyebrow,.guide-page .opening .eyebrow{margin-bottom:14px;font-size:16px}.blog-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;margin-bottom:clamp(28px,4vw,48px);display:flex}.post-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:clamp(16px,2vw,28px);display:grid}.post-card{border-radius:var(--r);background:var(--color-bg);transition:transform var(--duration-fast) var(--ease-standard);flex-direction:column;display:flex;position:relative;overflow:hidden}.post-card:hover{transform:translateY(-3px)}.post-cover{aspect-ratio:16/9;background:var(--night);color:var(--on-night);place-items:end start;padding:clamp(20px,2.4vw,28px);display:grid;position:relative}.tone-blush .post-cover{background:var(--blush);color:var(--wine)}.tone-brand .post-cover{background:var(--color-brand);color:var(--color-on-brand)}.post-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.post-cover .post-tag{z-index:1}.post-mark{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(56px,6vw,84px);font-style:italic;line-height:.9}.post-tag{border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text);font-size:14px;font-weight:var(--weight-semibold);padding:6px 14px;position:absolute;top:clamp(16px,2vw,22px);right:clamp(16px,2vw,22px)}.post-body{flex-direction:column;flex:1;align-items:start;gap:12px;padding:clamp(22px,2.6vw,32px);display:flex}:where(.landing) .post-body h3{font-size:clamp(26px,2.4vw,32px);line-height:1.1}.post-body h3 a{color:inherit;text-decoration:none}.post-body h3 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.post-body h3 a:focus-visible{outline:none}.post-card:has(h3 a:focus-visible){box-shadow:var(--focus-ring)}.post-body p{color:var(--ink-soft);font-size:17px}.post-more{min-height:var(--control-height);padding:0 var(--space-5);border:1px solid var(--color-border-control);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);align-items:center;margin-top:auto;display:inline-flex}.post-card:hover .post-more{border-color:var(--color-text)}@media (prefers-reduced-motion:reduce){.post-card:hover{transform:none}}}
