@charset "UTF-8";::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-elevated)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-interactive)}button,input,textarea,select{transition:all .2s}*:focus{outline:none}[data-theme=dark]{--color-bg-recessed: #0f1012;--color-bg-base: #1a1b1f;--color-bg-surface: #25262a;--color-bg-elevated: #2f3035;--color-bg-hover: #22232757;--color-bg-active: #2f3035;--color-border-subtle: #2d2e33;--color-border-default: #2f3035;--color-border-strong: #3a3b40;--color-border-interactive: #555660;--color-text-primary: #e8e8e8;--color-text-secondary: #a0a0a0;--color-text-tertiary: #707070;--color-text-muted: #505158;--color-text-inverse: #1a1a1a;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--color-error-muted: rgba(244, 67, 54, .15);--color-ghost-hover: rgba(255, 255, 255, .13)}[data-theme=light]{--color-bg-recessed: #d6d1d0;--color-bg-base: #e6e1e0;--color-bg-surface: #eeeae9;--color-bg-elevated: #f4f0ef;--color-bg-hover: #ded9d8;--color-bg-active: #d6d1d0;--color-border-subtle: #ded9d8;--color-border-default: #c0bbb8;--color-border-strong: #a29d9c;--color-border-interactive: #847f7e;--color-text-primary: #1a1a1a;--color-text-secondary: #5a5554;--color-text-tertiary: #706968;--color-text-muted: #8a8584;--color-text-inverse: #fff;--color-success: #3d8b40;--color-warning: #e68a00;--color-error: #d32f2f;--color-info: #1976d2;--color-error-muted: rgba(211, 47, 47, .15);--color-ghost-hover: rgba(0, 0, 0, .08)}:root{--color-accent: #ff5c1a;--color-accent-hover: #e85315;--color-accent-active: #cc4a15;--color-accent-muted: rgba(255, 92, 26, .15);--color-text-on-color: #fff}:root{--color-waveform: var(--color-text-secondary);--color-waveform-recording: var(--color-error);--color-meter-green: #4caf50;--color-meter-yellow: #ffeb3b;--color-meter-red: #f44336;--color-playhead: var(--color-accent);--color-selection: rgba(255, 92, 26, .15);--color-ruler-bg: var(--color-bg-surface);--color-ruler-text: var(--color-text-secondary);--color-grid-bar: var(--color-border-strong);--color-grid-beat: var(--color-border-interactive);--color-grid-subdivision: var(--color-border-interactive)}:root{--elevation-low: 0 0 10px 3px rgba(0, 0, 0, .02);--elevation-md: 0px 2px 18px rgba(0, 0, 0, .15);--elevation-header: 0 4px 6px -1px rgba(0, 0, 0, .2);--elevation-dialog: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .4);--shadow-inset-bottom: inset 0 -1px 3px rgba(0, 0, 0, .4);--shadow-inset-border: inset 0 -1px 0 rgba(0, 0, 0, .3)}:root{--color-overlay-light: rgba(0, 0, 0, .4);--color-overlay: rgba(0, 0, 0, .5);--color-overlay-dark: rgba(0, 0, 0, .6)}:root{--color-track-1: #5b8a72;--color-track-2: #7a6ca3;--color-track-3: #c4873b;--color-track-4: #4a8db7;--color-track-5: #b75a5a;--color-track-6: #8a8a3e;--color-track-7: #b07ab5;--color-track-8: #4ab5a3;--color-track-9: #c4a24a;--color-track-10: #6b7b8a}:root{--font-family-mono: "Geist Mono", monospace;--font-family-sans: "Inter", sans-serif;--font-family: var(--font-family-mono);--font-weight-light: 200;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 600;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 18px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--font-size-subheading: 2rem;--font-size-heading: 3rem;--font-size-title: 4rem;--icon-size-normal: 24px;--icon-size-small: 20px}:root{--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--spacing-11: 44px;--spacing-12: 48px;--spacing-13: 52px;--spacing-14: 56px;--spacing-15: 60px;--spacing-16: 64px}:root{--space-screen-edge: var(--spacing-4);--space-list-item-min: var(--spacing-12);--space-card-gap: var(--spacing-3);--space-section-gap: var(--spacing-6);--space-panel-padding: var(--spacing-4);--space-component-padding: var(--spacing-3);--space-item-gap: var(--spacing-3)}@media (min-width: 768px){:root{--space-screen-edge: var(--spacing-4);--space-list-item-min: var(--spacing-9);--space-card-gap: var(--spacing-2);--space-section-gap: var(--spacing-4);--space-panel-padding: var(--spacing-3);--space-component-padding: var(--spacing-1);--space-item-gap: var(--spacing-2)}}*,*:before,*:after{box-sizing:border-box}button,input,textarea,select{font-family:inherit;font-size:inherit}body{text-transform:lowercase}input,textarea{text-transform:none}h1{margin:0;font-weight:var(--font-weight-medium);font-size:var(--text-2xl);text-transform:lowercase}h2{margin:0;font-weight:var(--font-weight-medium);font-size:var(--text-xl);text-transform:lowercase}h3{margin:0;font-weight:var(--font-weight-medium);font-size:var(--text-lg);text-transform:lowercase}h4{margin:0;font-weight:var(--font-weight-medium);font-size:var(--text-md);text-transform:lowercase}h5{margin:0;font-weight:var(--font-weight-medium);font-size:var(--text-base);text-transform:lowercase}h6{margin:0;font-weight:var(--font-weight-medium);font-size:var(--text-sm);text-transform:lowercase}p{margin:0}::selection{background-color:var(--color-accent-muted);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (min-width: 768px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-border-default)}::-webkit-scrollbar-thumb{background:var(--color-border-strong)}*{scrollbar-width:thin}}label{display:block;margin-bottom:var(--spacing-1);font-weight:var(--font-weight-bold)}input,textarea,select{padding:var(--spacing-2);font-size:var(--text-base);border-radius:var(--spacing-1);background-color:var(--color-bg-base);border:1px solid var(--color-border-default);color:var(--color-text-primary)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border:1px solid var(--color-accent)}input[type=date]{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--spacing-2);background-color:var(--color-bg-base);border-color:var(--color-border-strong);color-scheme:dark}select:invalid{color:var(--color-text-muted)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-1)}button{font-weight:var(--font-weight-bold);padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-on-color);background-color:var(--color-accent);border:none;border-radius:var(--spacing-1);font-size:var(--text-sm);height:37px;cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-1);transition:background-color .1s linear}button[small]{height:29px;padding:var(--spacing-1) var(--spacing-4)}button[disabled]{opacity:.5;cursor:default}button[flat]{background-color:transparent;color:var(--color-accent)}button[neutral]{color:var(--color-text-primary)}button[nav]{background-color:transparent;color:var(--color-text-primary);height:29px;padding:var(--spacing-1) var(--spacing-4);transition:background-color .1s linear}button[nav]:hover{background-color:var(--color-ghost-hover);transition:background-color .1s linear}button[outlined]{background-color:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}button[destroy]{background-color:transparent;color:var(--color-error);border:2px solid var(--color-error)}button[icon]{padding:var(--spacing-2);border-radius:50%;background-color:transparent}button[icon][accent]{color:var(--color-accent)}button[icon]:hover{background-color:var(--color-ghost-hover);transition:background-color .1s linear}button[icon]:hover[disabled]{cursor:not-allowed;background-color:transparent}button i.icon{font-size:var(--icon-size-small);height:var(--icon-size-small);width:var(--icon-size-small)}a,a:-webkit-any-link{color:unset;text-decoration:unset}form{margin-top:var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-6)}form img{width:200px;height:auto;transition:filter .1s linear}form button,form input[type=checkbox]{width:fit-content}form input[type=date]{width:150px}dialog{width:40vw;padding:var(--spacing-8);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--spacing-4);box-shadow:var(--elevation-dialog)}dialog::backdrop{background-color:var(--color-overlay-dark)}dialog header{background-color:inherit;padding:0}dialog header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin:0}dialog main{padding:var(--spacing-4) 0}dialog footer{display:flex;justify-content:flex-end;gap:var(--spacing-4)}@media screen and (max-width: 768px){dialog{width:60vw}}@media screen and (max-width: 480px){dialog{width:80vw}}.pa-0{padding:0}.pa-xs{padding:var(--spacing-1)}.pa-sm{padding:var(--spacing-2)}.pa-md{padding:var(--spacing-4)}.pa-lg{padding:var(--spacing-6)}.pa-xl{padding:var(--spacing-8)}.pv-0{padding-top:0;padding-bottom:0}.pv-xs{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.pv-sm{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.pv-md{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.pv-lg{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.pv-xl{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.ph-0{padding-left:0;padding-right:0}.ph-xs{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.ph-sm{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.ph-md{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.ph-lg{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.ph-xl{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--spacing-1)}.pt-sm{padding-top:var(--spacing-2)}.pt-md{padding-top:var(--spacing-4)}.pt-lg{padding-top:var(--spacing-6)}.pt-xl{padding-top:var(--spacing-8)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--spacing-1)}.pb-sm{padding-bottom:var(--spacing-2)}.pb-md{padding-bottom:var(--spacing-4)}.pb-lg{padding-bottom:var(--spacing-6)}.pb-xl{padding-bottom:var(--spacing-8)}.pl-0{padding-left:0}.pl-xs{padding-left:var(--spacing-1)}.pl-sm{padding-left:var(--spacing-2)}.pl-md{padding-left:var(--spacing-4)}.pl-lg{padding-left:var(--spacing-6)}.pl-xl{padding-left:var(--spacing-8)}.pr-0{padding-right:0}.pr-xs{padding-right:var(--spacing-1)}.pr-sm{padding-right:var(--spacing-2)}.pr-md{padding-right:var(--spacing-4)}.pr-lg{padding-right:var(--spacing-6)}.pr-xl{padding-right:var(--spacing-8)}.ma-0{margin:0}.ma-auto{margin:auto}.ma-xs{margin:var(--spacing-1)}.ma-sm{margin:var(--spacing-2)}.ma-md{margin:var(--spacing-4)}.ma-lg{margin:var(--spacing-6)}.ma-xl{margin:var(--spacing-8)}.mv-0{margin-top:0;margin-bottom:0}.mv-xs{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.mv-sm{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.mv-md{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.mv-lg{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6)}.mv-xl{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.mh-0{margin-left:0;margin-right:0}.mh-xs{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mh-sm{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mh-md{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.mh-lg{margin-left:var(--spacing-6);margin-right:var(--spacing-6)}.mh-xl{margin-left:var(--spacing-8);margin-right:var(--spacing-8)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-1)}.mt-sm{margin-top:var(--spacing-2)}.mt-md{margin-top:var(--spacing-4)}.mt-lg{margin-top:var(--spacing-6)}.mt-xl{margin-top:var(--spacing-8)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-1)}.mb-sm{margin-bottom:var(--spacing-2)}.mb-md{margin-bottom:var(--spacing-4)}.mb-lg{margin-bottom:var(--spacing-6)}.mb-xl{margin-bottom:var(--spacing-8)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--spacing-1)}.ml-sm{margin-left:var(--spacing-2)}.ml-md{margin-left:var(--spacing-4)}.ml-lg{margin-left:var(--spacing-6)}.ml-xl{margin-left:var(--spacing-8)}.mr-0{margin-right:0}.mr-xs{margin-right:var(--spacing-1)}.mr-sm{margin-right:var(--spacing-2)}.mr-md{margin-right:var(--spacing-4)}.mr-lg{margin-right:var(--spacing-6)}.mr-xl{margin-right:var(--spacing-8)}.width-100{width:100%}.width-90{width:90%;margin:auto}.width-80{width:80%;margin:auto}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex-between{display:flex;justify-content:space-between}.flex-center{display:flex;justify-content:center}.flex-around{display:flex;justify-content:space-around}.flex-end{display:flex;justify-content:flex-end}.flex-grow-1{flex-grow:1}.flex-shrink-1{flex-shrink:1}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-center{align-items:center}.align-end{align-items:flex-end}.gap-0{gap:0}.gap-xs{gap:var(--spacing-1)}.gap-sm{gap:var(--spacing-2)}.gap-md{gap:var(--spacing-4)}.gap-lg{gap:var(--spacing-6)}.gap-xl{gap:var(--spacing-8)}.gap-xxl{gap:var(--spacing-12)}.non-actionable{cursor:unset!important}.actionable{cursor:pointer!important}.columns-2{columns:2}.hide{display:none}.elevate-on-hover{transition:box-shadow .15s linear}.elevate-on-hover:hover{box-shadow:var(--elevation-dialog);transition:box-shadow .15s linear}.red{color:var(--color-error)}.white{color:var(--color-text-primary)}.color-accent{color:var(--color-accent)}.color-gray-lightest{color:var(--color-text-muted)}.color-gray-lighter{color:var(--color-text-tertiary)}.color-gray-light{color:var(--color-text-secondary)}.color-accent-dark{color:var(--color-accent-active)}.italic{font-style:italic}.underline{text-decoration:underline}.text-center{text-align:center}.text-justify{text-align:justify}.font-size-sm{font-size:var(--text-sm)}.font-size-md{font-size:var(--text-base)}.font-size-lg{font-size:var(--text-lg)}.font-size-xl{font-size:var(--text-xl)}.font-size-subheading{font-size:var(--font-size-subheading)}.font-weight-light{font-weight:var(--font-weight-light)}.font-weight-normal{font-weight:var(--font-weight-regular)}.font-weight-medium{font-weight:var(--font-weight-medium)}.font-weight-bold{font-weight:var(--font-weight-bold)}.instruction{font-size:var(--text-sm);color:var(--color-text-secondary)}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:1;text-transform:lowercase;letter-spacing:0;cursor:pointer;border:none;border-radius:2px;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out;min-height:var(--spacing-11);padding:0 var(--spacing-4)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.btn--primary{background-color:var(--color-accent);color:var(--color-text-inverse);border-radius:2px}.btn--primary:active{background-color:var(--color-accent-active)}@media (hover: hover){.btn--primary:hover:not(:disabled){background-color:var(--color-accent-hover)}}.btn--secondary{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-default)}.btn--secondary:active{background-color:var(--color-bg-active);border-color:var(--color-border-strong)}@media (hover: hover){.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-strong)}}.btn--ghost{background-color:transparent;color:var(--color-text-secondary);border:none}.btn--ghost:active{background-color:var(--color-bg-active);color:var(--color-text-primary)}@media (hover: hover){.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}}.btn--icon{background-color:transparent;color:var(--color-text-secondary);border:none;border-radius:50%;min-height:var(--spacing-11);min-width:var(--spacing-11);padding:0}.btn--icon:active{background-color:var(--color-bg-active);color:var(--color-text-primary)}@media (hover: hover){.btn--icon:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}}.btn--transport{background-color:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:2px;min-height:var(--spacing-12);min-width:var(--spacing-12);padding:0 var(--spacing-3)}.btn--transport:active{background-color:var(--color-bg-active)}@media (hover: hover){.btn--transport:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-strong)}}@media (min-width: 768px){.btn{min-height:32px;padding:0 var(--spacing-3);font-size:var(--text-xs)}.btn--icon{min-height:32px;min-width:32px}.btn--transport{min-height:34px;min-width:34px;padding:0 var(--spacing-2)}}.input-field{display:flex;flex-direction:column;gap:var(--spacing-2)}.input-field--disabled{opacity:.4;pointer-events:none}.input-field__label{font-family:var(--font-family);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:.02em;text-transform:lowercase}.input-field__input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:var(--spacing-12);padding:0 var(--spacing-3);font-family:var(--font-family);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:0;outline:none;transition:border-color .15s ease-in-out;box-sizing:border-box}.input-field__input::placeholder{color:var(--color-text-tertiary)}.input-field__input:focus-visible{border-color:var(--color-accent)}.input-field__input::selection{background-color:var(--color-accent);color:var(--color-text-on-color)}.input-field__input--numeric{font-variant-numeric:tabular-nums}.input-field__input--plain,.input-field__input--plain:focus-visible{background-color:transparent;border-color:transparent}.input-field__select-wrap{position:relative;display:flex;align-items:center}.input-field__select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:var(--spacing-12);padding:0 var(--spacing-8) 0 var(--spacing-3);font-family:var(--font-family);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:0;outline:none;cursor:pointer;transition:border-color .15s ease-in-out;box-sizing:border-box}.input-field__select:focus-visible{border-color:var(--color-accent)}.input-field__select-icon{position:absolute;right:var(--spacing-3);width:16px;height:16px;color:var(--color-text-tertiary);pointer-events:none}@media (min-width: 768px){.input-field{gap:var(--spacing-1)}.input-field__label{font-size:var(--text-xs)}.input-field__input{height:30px;font-size:var(--text-sm);padding:0 var(--spacing-2)}.input-field__select{height:30px;font-size:var(--text-sm);padding:0 var(--spacing-7) 0 var(--spacing-2)}}.inline-edit{display:flex;gap:var(--spacing-2);align-items:center;height:var(--spacing-12)}.inline-edit__field{flex:1;min-width:0}.inline-edit__field--editable .input-field__input{cursor:pointer;transition:background-color .15s,border-color .15s}@media (hover: hover){.inline-edit__field--editable:hover .input-field__input{background:var(--color-bg-hover);border-color:var(--color-border-subtle)}}.inline-edit__field--editable .input-field__input:focus-visible{background:var(--color-bg-hover);border-color:var(--color-border-interactive)}.inline-edit__save,.inline-edit__cancel{border-radius:4px;height:var(--spacing-12);width:var(--spacing-12);min-height:0;min-width:0;padding:0;flex:0 0 auto}.inline-edit__save:not(.btn--disabled){color:var(--color-success)}@media (hover: hover){.inline-edit__save:not(.btn--disabled):hover{color:var(--color-success)}}@media (min-width: 768px){.inline-edit{height:30px}.inline-edit__save,.inline-edit__cancel{height:30px;width:30px}}.toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.toggle--disabled{opacity:.4;pointer-events:none}.toggle__label{font-family:var(--font-family);font-size:var(--text-sm);color:var(--color-text-secondary)}.toggle__track{position:relative;display:inline-flex;align-items:center;width:36px;height:20px;padding:12px 4px;margin:-12px -4px;box-sizing:content-box}.toggle__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.toggle__input:focus-visible~.toggle__thumb{outline:2px solid var(--color-accent);outline-offset:3px}.toggle__thumb{position:relative;display:block;width:36px;height:20px;background-color:var(--color-bg-recessed);border:1px solid var(--color-border-strong);border-radius:10px;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.toggle__thumb:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background-color:var(--color-text-tertiary);border-radius:50%;transition:transform .15s ease-in-out,background-color .15s ease-in-out}.toggle--on .toggle__thumb{background-color:var(--color-accent);border-color:var(--color-accent)}.toggle--on .toggle__thumb:after{transform:translate(16px);background-color:var(--color-text-inverse)}.fader{--fader-thumb-size: 28px;--fader-thumb-width: 44px;--fader-track-thickness: 4px;--fader-track-color: var(--color-bg-recessed);--fader-thumb-marker-h: linear-gradient( to right, transparent calc(50% - 1px) , var(--color-accent) calc(50% - 1px) , var(--color-accent) calc(50% + 1px) , transparent calc(50% + 1px) );--fader-thumb-marker-v: linear-gradient( to bottom, transparent calc(50% - 1px) , var(--color-accent) calc(50% - 1px) , var(--color-accent) calc(50% + 1px) , transparent calc(50% + 1px) );display:inline-flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.fader--disabled{opacity:.4;pointer-events:none}.fader__label{font-family:var(--font-family);font-size:var(--text-xs);color:var(--color-text-secondary);align-self:flex-start}.fader__track-wrap{display:flex;align-items:center;justify-content:center;height:var(--fader-thumb-size);border:1px solid var(--color-border-default);overflow:hidden;background-color:var(--color-bg-recessed);box-sizing:border-box}.fader__readout{font-family:var(--font-family);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-accent);min-width:2.5em;text-align:center}.fader__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;outline:none;width:160px;height:var(--fader-thumb-size);padding:0;margin:0;touch-action:none}.fader__input::-webkit-slider-runnable-track{height:var(--fader-track-thickness);background-color:var(--fader-track-color);border:none}.fader__input::-moz-range-track{height:var(--fader-track-thickness);background-color:var(--fader-track-color);border:none}.fader__input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--fader-thumb-width);height:var(--fader-thumb-size);background-color:var(--color-bg-elevated);background-image:var(--fader-thumb-marker-h);border:1px solid var(--color-border-strong);border-radius:2px;cursor:grab;margin-top:calc((var(--fader-track-thickness) - var(--fader-thumb-size)) / 2);transition:background-color .1s ease-in-out,border-color .1s ease-in-out}.fader__input::-moz-range-thumb{width:var(--fader-thumb-width);height:var(--fader-thumb-size);background-color:var(--color-bg-elevated);background-image:var(--fader-thumb-marker-h);border:1px solid var(--color-border-strong);border-radius:2px;cursor:grab}.fader__input:active::-webkit-slider-thumb{cursor:grabbing;background-color:var(--color-bg-active);border-color:var(--color-accent)}.fader__input:active::-moz-range-thumb{cursor:grabbing;background-color:var(--color-bg-active);border-color:var(--color-accent)}.fader__input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-accent);outline-offset:2px}.fader__input:focus-visible::-moz-range-thumb{outline:2px solid var(--color-accent);outline-offset:2px}.fader--vertical{flex-direction:row;align-items:flex-end}.fader--vertical .fader__track-wrap{height:180px;width:var(--fader-thumb-size)}.fader--vertical .fader__input{writing-mode:vertical-lr;direction:rtl;width:var(--fader-thumb-size);height:180px}.fader--vertical .fader__input::-webkit-slider-runnable-track{width:var(--fader-track-thickness);height:100%;border:none}.fader--vertical .fader__input::-moz-range-track{width:var(--fader-track-thickness);height:100%;border:none}.fader--vertical .fader__input::-webkit-slider-thumb{width:var(--fader-thumb-size);height:var(--fader-thumb-width);background-image:var(--fader-thumb-marker-v);margin-top:0;margin-left:calc((var(--fader-track-thickness) - var(--fader-thumb-size)) / 2)}.fader--vertical .fader__input::-moz-range-thumb{width:var(--fader-thumb-size);height:var(--fader-thumb-width);background-image:var(--fader-thumb-marker-v)}.fader--vertical .fader__readout{align-self:flex-start}.fader--dragging .fader__readout{color:var(--color-accent)}.tape-key{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:52px;height:56px;padding:0;border-radius:3px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);cursor:pointer;box-shadow:inset 0 1px #ffffff14,inset 0 -2px #0003,0 1px 2px #00000059;transition:background-color .1s,box-shadow 80ms}.tape-key:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}@media (hover: hover){.tape-key:hover:not(:disabled){background-color:var(--color-bg-hover)}}.tape-key:active:not(:disabled){background-color:var(--color-bg-recessed);box-shadow:inset 0 2px 3px #0006,inset 0 -1px #ffffff0a}.control-pill{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:3px;background:var(--color-bg-elevated);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-weight:600;font-size:var(--text-xs);cursor:pointer;box-shadow:inset 0 1px #ffffff14,inset 0 -2px #0003,0 1px 2px #00000059;transition:background-color .1s,box-shadow 80ms,color .1s}.control-pill:active:not(:disabled):not(.control-pill--active){background-color:var(--color-bg-recessed);box-shadow:inset 0 2px 3px #0006,inset 0 -1px #ffffff0a}.control-pill:active:not(:disabled):not(.control-pill--active) .control-pill__icon{transform:translateY(1px)}.control-pill:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.control-pill--active{color:var(--color-text-on-color);box-shadow:inset 0 2px 3px #0000004d,inset 0 -1px #ffffff0d}.control-pill--muted.control-pill--active{--pill-active-bg: var(--color-error);background:var(--pill-active-bg);border-color:var(--pill-active-bg)}.control-pill--solo.control-pill--active{--pill-active-bg: var(--color-warning);background:var(--pill-active-bg);border-color:var(--pill-active-bg)}.control-pill--mix.control-pill--active{--pill-active-bg: var(--color-accent);background:var(--pill-active-bg);border-color:var(--pill-active-bg)}@media (hover: hover){.control-pill:not(.control-pill--active):hover:not(:disabled){background-color:var(--color-bg-hover)}.control-pill--active:hover:not(:disabled){background-color:color-mix(in srgb,var(--pill-active-bg) 85%,black);border-color:color-mix(in srgb,var(--pill-active-bg) 85%,black)}}.control-pill__icon{width:16px;height:16px;pointer-events:none;transition:transform 80ms}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay-light);z-index:100}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:101;background-color:var(--color-bg-elevated);border-top:1px solid var(--color-border-default);display:flex;flex-direction:column;max-height:100dvh;padding-bottom:env(safe-area-inset-bottom);transition:transform .25s ease-out,height .25s ease-out}.bottom-sheet--snap-1{height:50dvh}.bottom-sheet--snap-2{height:100dvh}.bottom-sheet__handle-area{display:flex;justify-content:center;align-items:center;padding:var(--spacing-3) 0 var(--spacing-2);cursor:grab;flex-shrink:0}.bottom-sheet__handle-area:active{cursor:grabbing}.bottom-sheet__handle{width:32px;height:4px;border-radius:2px;background-color:var(--color-border-strong)}.bottom-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-panel-padding) var(--spacing-3);flex-shrink:0}.bottom-sheet__title{font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-transform:lowercase}.bottom-sheet__close{min-height:var(--spacing-8)!important;min-width:var(--spacing-8)!important;color:var(--color-text-tertiary)}.bottom-sheet__content{flex:1;overflow-y:auto;padding:0 var(--space-panel-padding) var(--spacing-4);overscroll-behavior:contain}.sheet-enter-from,.sheet-leave-to{transform:translateY(100%)}.sheet-enter-active{transition:transform .25s ease-out}.sheet-leave-active{transition:transform .2s ease-in}.sheet-overlay-enter-from,.sheet-overlay-leave-to{opacity:0}.sheet-overlay-enter-active,.sheet-overlay-leave-active{transition:opacity .2s ease-in-out}@media (min-width: 768px){.sheet-overlay{background-color:var(--color-overlay-dark)}.bottom-sheet{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%)!important;width:480px;max-width:calc(100vw - var(--spacing-8));max-height:80dvh;border:1px solid var(--color-border-default);border-top:1px solid var(--color-border-default);padding-bottom:0}.bottom-sheet--snap-1,.bottom-sheet--snap-2{height:auto}.bottom-sheet__handle-area{display:none}.sheet-enter-from,.sheet-leave-to{transform:translate(-50%,-50%) scale(.96)!important;opacity:0}.sheet-enter-active{transition:transform .15s ease-out,opacity .15s ease-out}.sheet-leave-active{transition:transform .1s ease-in,opacity .1s ease-in}}@media (prefers-reduced-motion: reduce){.bottom-sheet,.sheet-enter-active,.sheet-leave-active,.sheet-overlay-enter-active,.sheet-overlay-leave-active{transition:none!important}}.bottom-nav{display:flex;align-items:stretch;width:100%;height:calc(48px + env(safe-area-inset-bottom));background-color:var(--color-bg-surface);border-top:1px solid var(--color-border-subtle);padding-bottom:env(safe-area-inset-bottom);position:relative;z-index:10}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);padding:0;background:none;border:none;cursor:pointer;border-radius:0;min-height:48px;color:var(--color-text-tertiary);-webkit-tap-highlight-color:transparent;transition:color .1s ease-in-out,background-color .1s ease-in-out}.bottom-nav__tab:active{background-color:var(--color-bg-active)}.bottom-nav__tab--active{color:var(--color-accent)}.bottom-nav__tab--active .bottom-nav__label{color:var(--color-text-primary)}.bottom-nav__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.bottom-nav__icon svg{width:100%;height:100%;stroke:currentColor;fill:none}.bottom-nav__label{font-family:var(--font-family);font-size:var(--text-xs);font-weight:var(--font-weight-regular);line-height:1;color:var(--color-text-muted);letter-spacing:0;transition:color .1s ease-in-out}@media (min-width: 768px){.bottom-nav{display:none}}.control-pill{width:36px;height:36px;border-radius:6px;background:var(--color-bg-elevated);color:var(--color-text-primary);font-weight:600;font-size:var(--text-xs);border:1px solid var(--color-border-default);transition:all .15s ease;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.control-pill:hover{background:var(--color-bg-hover)}.control-pill--active{color:var(--color-text-inverse);box-shadow:var(--shadow-inset-bottom)}.control-pill--muted{background:var(--color-error);border-color:var(--color-error)}.control-pill--solo{background:var(--color-warning);border-color:var(--color-warning)}.control-pill--mix.control-pill--active{background:var(--color-accent);border-color:var(--color-accent)}.control-pill__icon{width:16px;height:16px;pointer-events:none}.track-name-input{flex:1;min-width:0;background:transparent;border:none;border-bottom:1px solid transparent;border-radius:0;padding:0;color:var(--color-text-primary);font-weight:600;font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase}.track-name-input::placeholder{color:var(--color-text-muted)}.track-name-input:focus,.track-name-input:focus-visible{outline:none;border:none;border-bottom:1px solid var(--color-accent)}.app-shell{display:flex;flex-direction:column;height:100dvh;background:var(--color-bg-base);overflow:hidden}.app-shell__status{order:1}.app-shell__tab-bar{order:2;display:none}.app-shell__content{order:3}.app-shell__mixer-panel{order:4;display:none}.app-shell__transport{order:5}.app-shell>.bottom-nav{order:6}.app-shell__status{flex-shrink:0;display:grid;grid-template-columns:1fr auto;grid-template-areas:"left right" "meta meta";align-items:center;column-gap:var(--spacing-3);row-gap:var(--spacing-1);padding-top:calc(env(safe-area-inset-top) + var(--spacing-2));padding-bottom:var(--spacing-2);padding-left:var(--spacing-3);padding-right:var(--spacing-4);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-subtle)}.app-shell__status-left{grid-area:left;display:flex;align-items:center;gap:var(--spacing-3);min-width:0}.app-shell__status-right{grid-area:right;display:flex;align-items:center;justify-self:end}.app-shell__back{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:4px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color .1s,background-color .1s}.app-shell__back:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.app-shell__back-icon{width:20px;height:20px}.app-shell__project-name{min-width:0;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell__meta{grid-area:meta;display:flex;align-items:center;justify-content:center;gap:var(--spacing-3)}.app-shell__meta-group{display:flex;align-items:center;gap:var(--spacing-2)}.app-shell__meta-group--divided{padding-left:var(--spacing-3);border-left:1px solid var(--color-border-default)}.app-shell__time-display{font-family:var(--font-family-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:.05em}.app-shell__bar-beat{font-family:var(--font-family-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:.05em;font-variant-numeric:tabular-nums}.app-shell__rhythm-toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--color-text-tertiary);cursor:pointer;transition:color .1s,background-color .1s,border-color .1s}@media (hover: hover){.app-shell__rhythm-toggle:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.app-shell__rhythm-toggle--active:hover{color:var(--color-accent)}}.app-shell__rhythm-toggle--active{color:var(--color-accent);border-color:var(--color-border-default)}.app-shell__rhythm-toggle--counting .app-shell__rhythm-icon{animation:app-shell-metronome-pulse .5s ease-in-out infinite}@keyframes app-shell-metronome-pulse{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.app-shell__rhythm-icon{width:14px;height:14px;pointer-events:none}.app-shell__content{flex:1;overflow-y:auto;overflow-x:hidden}.app-shell__transport{flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;background:var(--color-bg-surface);border-top:1px solid var(--color-border-subtle);padding:var(--spacing-2) var(--spacing-4)}.app-shell__transport-keys{grid-column:2;display:flex;align-items:center;gap:2px}.app-shell__transport-extras{display:none}@media (min-width: 768px){.app-shell__transport-extras{grid-column:3;display:flex;align-items:center;justify-self:end}}.app-shell__transport-btn{color:var(--color-text-primary)}.app-shell__transport-btn:active:not(:disabled) .app-shell__transport-icon,.app-shell__transport-btn:active:not(:disabled) .app-shell__transport-label{transform:translateY(1px)}.app-shell__transport-btn--play .app-shell__transport-icon{color:var(--color-success)}.app-shell__transport-btn--loop-active{background-color:var(--color-bg-recessed);box-shadow:inset 0 2px 3px #0000004d,inset 0 -1px #ffffff0a}.app-shell__transport-btn--loop-active .app-shell__transport-icon,.app-shell__transport-btn--loop-active .app-shell__transport-label{color:var(--color-accent)}.app-shell__transport-icon{width:18px;height:18px;pointer-events:none;transition:transform 80ms}.app-shell__transport-label{font-family:var(--font-family);font-size:9px;font-weight:var(--font-weight-medium);letter-spacing:.12em;line-height:1;color:var(--color-text-tertiary);text-transform:uppercase;pointer-events:none;transition:transform 80ms}.app-shell__tab-panel{min-height:100%}.tab-fade-enter-active,.tab-fade-leave-active{transition:opacity .2s ease}.tab-fade-enter-from,.tab-fade-leave-to{opacity:0}@media (prefers-reduced-motion: reduce){.tab-fade-enter-active,.tab-fade-leave-active{transition:none}}@media (min-width: 768px){.app-shell__status{grid-template-columns:1fr auto 1fr;grid-template-areas:"left meta right";height:calc(40px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-bottom:0;row-gap:0}.app-shell__transport{order:2}.app-shell__content{order:3}.app-shell>.bottom-nav{display:flex}.app-shell__transport{height:64px;border-top:none;border-bottom:1px solid var(--color-border-subtle);padding:var(--spacing-1) var(--spacing-6)}.app-shell__transport-btn{width:46px;height:48px}}@media (min-width: 1024px){.app-shell__content{display:flex;flex-direction:row;overflow:hidden}.app-shell__main{flex:1;overflow-y:auto;overflow-x:hidden}.app-shell__transport{padding:var(--spacing-2) var(--spacing-8)}.app-shell__transport-btn{width:50px;height:52px}}.login-page{display:flex;min-height:100vh;position:relative;background-color:var(--color-bg-base);font-family:var(--font-family-mono);color:var(--color-text-primary)}.login-page__theme-toggle{position:absolute;top:32px;right:32px;z-index:2}.login-el{opacity:0;transform:translateY(4px);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--delay, 0) * 50ms)}.login-el--visible{opacity:1;transform:translateY(0)}.login-left{flex:0 0 55%;display:flex;justify-content:center;padding:48px}.login-content{width:100%;max-width:380px;padding:var(--spacing-16) 0;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.brand-name{font-size:var(--font-size-title);font-weight:400;letter-spacing:.08em;color:var(--color-text-primary)}.brand-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.brand-version{font-size:var(--text-base);color:var(--color-text-secondary);margin-top:2px}.login-form{display:flex;flex-direction:column;gap:var(--spacing-8)}.field-label{display:block;font-size:var(--text-xs);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);letter-spacing:.4em;text-transform:lowercase;margin-bottom:var(--spacing-2)}.field-input{width:100%;padding:10px 12px;background:var(--color-bg-base);border:1px solid var(--color-border-default);border-radius:2px;font-family:var(--font-family-mono);font-size:var(--text-sm);color:var(--color-text-primary);outline:none;transition:border-color .15s;box-sizing:border-box}.field-input::placeholder{color:var(--color-text-tertiary)}.field-input:focus{border-color:var(--color-accent)}.error-msg{font-size:12px;color:var(--color-error);margin:0}.reset-heading{font-size:var(--text-lg);font-weight:400;color:var(--color-text-primary);letter-spacing:.04em;margin:0}.success-msg{font-size:12px;color:var(--color-success);margin:0}.forgot-link{background:none;border:none;padding:0;margin-top:var(--spacing-2);font-family:var(--font-family-mono);font-size:12px;color:var(--color-text-secondary);cursor:pointer;transition:color .15s}.forgot-link:hover{color:var(--color-text-tertiary)}.submit-row{display:flex;justify-content:flex-end}.submit-btn{background:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:2px;padding:10px 20px;font-family:var(--font-family-mono);font-size:13px;font-weight:400;cursor:pointer;letter-spacing:.04em;box-shadow:var(--shadow-inset-border);transition:background-color .15s}.submit-btn:hover:not(:disabled){background:var(--color-accent-hover)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.loading-dots{letter-spacing:2px}.toggle-link{background:none;border:none;padding:0;font-family:var(--font-family-mono);font-size:12px;color:var(--color-text-secondary);cursor:pointer;transition:color .15s}.toggle-link:hover{color:var(--color-text-tertiary)}.explore-link{font-size:12px;color:var(--color-accent);text-decoration:none;letter-spacing:.04em;transition:color .15s}.explore-link:hover{color:var(--color-accent-hover)}.login-right{flex:0 0 45%;position:relative;overflow:hidden}.login-right .dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--color-border-default) 1px,transparent 1px);background-size:16px 16px}.reg-mark{position:absolute;z-index:1}.reg-mark line{stroke:var(--color-border-default)}.reg-mark--tl{top:32px;left:32px}.reg-mark--br{bottom:32px;right:32px}.speaker-svg{position:absolute;bottom:-40px;right:-40px;width:280px;height:280px;opacity:.6}.speaker-svg circle{fill:none;stroke:var(--color-bg-elevated);stroke-width:1}.speaker-svg .speaker-inner{stroke:var(--color-border-default)}.speaker-svg .speaker-dot{fill:var(--color-border-default);stroke:none}@media (max-width: 767px){.login-right{display:none}.login-left{flex:1;padding:32px 24px}}.home{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-family-mono);min-height:100vh}.section{opacity:0;transform:translateY(12px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.section--visible{opacity:1;transform:translateY(0)}.section-inner{max-width:960px;margin:0 auto;padding:80px 32px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero .dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--color-bg-elevated) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.crosshair{position:absolute;top:32px;left:32px;z-index:1}.crosshair line{stroke:var(--color-border-default)}.theme-toggle-wrapper{position:absolute;top:32px;right:32px;z-index:1}.waveform{position:absolute;bottom:48px;left:0;width:100%;height:80px;opacity:.5;pointer-events:none}.waveform polyline{stroke:var(--color-bg-elevated)}.hero-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.hero-brand{font-size:6rem;font-weight:200;letter-spacing:.08em;margin:0;color:var(--color-text-primary);line-height:1}.hero-subtitle{font-size:13px;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-tertiary);margin:0}.hero-desc{font-size:14px;color:var(--color-text-secondary);margin:0;max-width:400px;line-height:1.6}.hero-annotation{font-size:11px;color:var(--color-text-muted);letter-spacing:.08em;margin-top:24px}.cta-btn{display:inline-block;background:var(--color-accent);color:var(--color-text-inverse);border:none;border-radius:2px;padding:12px 28px;font-family:var(--font-family-mono);font-size:14px;font-weight:400;letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:background-color .15s;box-shadow:var(--shadow-inset-border);margin-top:8px}.cta-btn:hover{background:var(--color-accent-hover)}.how-it-works{border-top:1px solid var(--color-bg-elevated)}.steps{display:flex;gap:0}.step{flex:1;padding:0 32px}.step:first-child{padding-left:0}.step:last-child{padding-right:0}.step-divider{width:1px;background:var(--color-border-default);flex-shrink:0}.step-number{font-size:12px;color:var(--color-accent);letter-spacing:.08em;display:block;margin-bottom:12px}.step-title{font-size:16px;font-weight:400;color:var(--color-text-primary);margin:0 0 12px;letter-spacing:.04em}.step-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.7;margin:0}.specs{border-top:1px solid var(--color-bg-elevated)}.specs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-bg-elevated)}.spec{background:var(--color-bg-base);padding:24px;display:flex;flex-direction:column;gap:8px}.spec-label{font-size:11px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.12em}.spec-value{font-size:14px;color:var(--color-text-primary);letter-spacing:.02em}.sharing{border-top:1px solid var(--color-bg-elevated)}.sharing-inner{display:flex;flex-direction:column;align-items:center;gap:24px}.terminal-box{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:2px;padding:20px 40px;display:flex;align-items:center;gap:12px;font-size:16px}.terminal-prompt{color:var(--color-text-tertiary)}.terminal-url{color:var(--color-text-primary);letter-spacing:.04em}.sharing-tagline{font-size:13px;color:var(--color-text-secondary);margin:0}.cta-section{border-top:1px solid var(--color-bg-elevated)}.cta-inner{display:flex;justify-content:center}.site-footer{border-top:1px solid var(--color-bg-elevated)}.footer-inner{display:flex;justify-content:space-between;align-items:center;padding-top:32px;padding-bottom:32px}.footer-brand{font-size:14px;font-weight:400;color:var(--color-text-tertiary);letter-spacing:.08em}.footer-links{display:flex;gap:24px}.footer-link{font-size:12px;color:var(--color-text-tertiary);text-decoration:none;letter-spacing:.04em;transition:color .15s}.footer-link:hover{color:var(--color-text-secondary)}@media (max-width: 767px){.hero-brand{font-size:3.5rem}.hero-subtitle{font-size:11px}.hero-desc{font-size:13px;padding:0 16px}.section-inner{padding:56px 24px}.steps{flex-direction:column;gap:0}.step{padding:24px 0}.step:first-child{padding-top:0}.step:last-child{padding-bottom:0}.step-divider{width:100%;height:1px}.specs-grid{grid-template-columns:repeat(2,1fr)}.terminal-box{padding:16px 24px;font-size:14px}.footer-inner{flex-direction:column;gap:16px;text-align:center}}@media (max-width: 375px){.hero-brand{font-size:2.5rem}.specs-grid{grid-template-columns:1fr}.terminal-box{padding:14px 18px;font-size:13px}}i{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:var(--icon-size-normal);display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}i.circle{font-size:var(--icon-size-small);border-radius:calc(var(--icon-size-normal) / 2);border:solid 1px var(--color-text-primary)}.divider{height:2px;width:150px;background-color:var(--color-text-primary)}.divider.center{margin:auto}.divider.dark{background-color:var(--color-border-strong)}.dashboard{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-family-mono);min-height:100vh;display:flex;flex-direction:column}.dashboard__header{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:var(--spacing-4);flex-shrink:0}.dashboard__brand{font-size:20px;font-weight:var(--font-weight-light);letter-spacing:.08em;color:var(--color-text-primary);text-transform:lowercase}.dashboard__header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.dashboard__add-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);border:none;color:var(--color-bg-base);cursor:pointer;border-radius:50%;transition:background-color .15s}.dashboard__add-btn:hover{background-color:var(--color-accent-active)}.dashboard__content{flex:1;padding:0 var(--spacing-4);padding-bottom:var(--spacing-8)}.dashboard__loading{display:flex;justify-content:center;padding:var(--spacing-12) 0}.dashboard__spinner{width:24px;height:24px;border:2px solid var(--color-border-subtle);border-top-color:var(--color-text-primary);border-radius:50%;animation:spin .6s linear infinite}.project-card{display:flex;align-items:center;width:100%;min-height:72px;padding:var(--spacing-4);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:2px;cursor:pointer;transition:background-color .15s;box-sizing:border-box}.project-card:hover{background:var(--color-bg-elevated)}.project-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.project-card__name{font-size:var(--text-base);font-weight:var(--font-weight-regular);color:var(--color-text-primary);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card__meta{font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:.02em}.project-card__dots{display:flex;align-items:center;gap:6px;margin-left:var(--spacing-4);flex-shrink:0}.project-card__dot{width:8px;height:8px;border-radius:50%}.project-list{display:flex;flex-direction:column;gap:12px}.project-list__pull-indicator{display:flex;justify-content:center;overflow:hidden;height:0;transition:height .15s}.project-list__pull-indicator--active{height:40px}.project-list__pull-text{font-size:11px;color:var(--color-text-muted);letter-spacing:.04em;display:flex;align-items:center}.empty-state{display:flex;align-items:center;justify-content:center;min-height:60vh}.empty-state__text{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:lowercase;letter-spacing:.02em;margin:0}.bottom-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:row;align-items:flex-end;pointer-events:none;background-color:transparent;border-top:none;max-height:none;padding-bottom:0;transform:none!important}.bottom-sheet--open{pointer-events:auto}.bottom-sheet__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-light);opacity:0;transition:opacity .25s ease-out}.bottom-sheet--open .bottom-sheet__overlay{opacity:1}.bottom-sheet__panel{position:relative;z-index:1;width:100%;background:var(--color-bg-elevated);border-top:1px solid var(--color-border-subtle);border-radius:8px 8px 0 0;padding:var(--spacing-4) var(--spacing-4) var(--spacing-8);transform:translateY(100%);transition:transform .25s ease-out}.bottom-sheet--open .bottom-sheet__panel{transform:translateY(0)}.bottom-sheet__handle{width:32px;height:4px;background:var(--color-border-interactive);border-radius:2px;margin:0 auto var(--spacing-6)}.bottom-sheet__title{font-size:var(--text-base);font-weight:var(--font-weight-regular);color:var(--color-text-primary);letter-spacing:.04em;text-transform:lowercase;margin:0 0 var(--spacing-6)}.bottom-sheet__form{display:flex;flex-direction:column;gap:var(--spacing-6)}.bottom-sheet__actions{display:flex;gap:12px;margin-top:var(--spacing-2)}.bottom-sheet__cancel{flex:1;min-height:48px;background:transparent;border:1px solid var(--color-border-interactive);border-radius:2px;padding:12px var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:background-color .15s,color .15s}@media (hover: hover){.bottom-sheet__cancel:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}}.bottom-sheet__actions .submit-btn{min-height:48px;padding:12px var(--spacing-4);font-size:var(--text-sm)}.project-list__toolbar,.project-card__description,.project-card__detail{display:none}@media (min-width: 768px){.dashboard__header{max-width:960px;margin:0 auto;padding:var(--spacing-6) 32px;width:100%;box-sizing:border-box}.dashboard__content{max-width:960px;margin:0 auto;padding:0 32px;padding-bottom:var(--spacing-8)}.project-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.project-list__pull-indicator{grid-column:1/-1}.project-list__toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4);grid-column:1/-1}.project-list__sort{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--color-border-subtle);border-radius:2px;padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-family-mono);font-size:11px;color:var(--color-text-secondary);letter-spacing:.04em;text-transform:lowercase;cursor:pointer;transition:border-color .15s}.project-list__sort:hover{border-color:var(--color-border-interactive)}.project-card{flex-direction:column;align-items:flex-start;min-height:140px;padding:var(--spacing-4)}.project-card__info{width:100%}.project-card__description{display:block;font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:.02em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:var(--spacing-1)}.project-card__detail{display:block;font-size:11px;color:var(--color-text-muted);letter-spacing:.02em;margin-top:var(--spacing-2)}.project-card__dots{margin-left:0;margin-top:auto;padding-top:var(--spacing-2)}.bottom-sheet{align-items:center;justify-content:center;width:auto;max-width:none;max-height:none;border:none}.bottom-sheet__overlay{background:var(--color-overlay-dark)}.bottom-sheet__panel{max-width:480px;border-radius:2px;border-top:none;border:1px solid var(--color-border-subtle);margin:auto;transform:scale(.95);opacity:0;transition:transform .25s ease-out,opacity .25s ease-out}.bottom-sheet--open .bottom-sheet__panel{transform:scale(1);opacity:1}.bottom-sheet__handle{display:none}}@media (min-width: 1024px){.project-list{grid-template-columns:repeat(3,1fr)}}.bands-page{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-family-mono);min-height:100vh;display:flex;flex-direction:column}.bands-page__header{display:flex;align-items:center;gap:var(--spacing-2);min-height:56px;padding:var(--spacing-4);flex-shrink:0}.bands-page__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;border-radius:50%;transition:background-color .15s}@media (hover: hover){.bands-page__back:hover{background-color:var(--color-bg-hover)}}.bands-page__title{flex:1;font-size:20px;font-weight:var(--font-weight-light);letter-spacing:.08em;text-transform:lowercase}.bands-page__header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.bands-page__add-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);border:none;color:var(--color-bg-base);cursor:pointer;border-radius:50%;transition:background-color .15s}@media (hover: hover){.bands-page__add-btn:hover:not(:disabled){background-color:var(--color-accent-active)}}.bands-page__add-btn:disabled{opacity:.4;cursor:not-allowed}.bands-page__content{flex:1;padding:0 var(--spacing-4);padding-bottom:var(--spacing-8)}.bands-page__loading{display:flex;justify-content:center;padding:var(--spacing-12) 0}.bands-page__spinner{width:24px;height:24px;border:2px solid var(--color-border-subtle);border-top-color:var(--color-text-primary);border-radius:50%;animation:spin .6s linear infinite}.bands-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:60vh}.bands-page__empty-text{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:lowercase;letter-spacing:.02em;margin:0}.bands-page__list{display:flex;flex-direction:column;gap:12px}.band-card{display:flex;align-items:center;width:100%;min-height:72px;padding:var(--spacing-4);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:2px;cursor:pointer;transition:background-color .15s;box-sizing:border-box;text-decoration:none;color:inherit}@media (hover: hover){.band-card:hover{background:var(--color-bg-elevated)}}.band-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.band-card__name{font-size:var(--text-base);font-weight:var(--font-weight-regular);color:var(--color-text-primary);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none}.band-card__meta{font-size:var(--text-xs);color:var(--color-text-tertiary);letter-spacing:.02em}.band-card__badge{flex-shrink:0;margin-left:var(--spacing-4);font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:2px var(--spacing-2);border-radius:2px;border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.band-card__badge--admin{border-color:var(--color-accent);color:var(--color-accent)}.band-detail{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-family-mono);min-height:100vh;display:flex;flex-direction:column}.band-detail__header{display:flex;align-items:center;gap:var(--spacing-2);min-height:56px;padding:var(--spacing-4);flex-shrink:0}.band-detail__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;border-radius:50%;transition:background-color .15s}@media (hover: hover){.band-detail__back:hover{background-color:var(--color-bg-hover)}}.band-detail__title{flex:1;font-size:18px;font-weight:var(--font-weight-regular);letter-spacing:.04em;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.band-detail__content{flex:1;padding:0 var(--spacing-4);padding-bottom:var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-6)}.band-detail__loading{display:flex;justify-content:center;padding:var(--spacing-12) 0}.band-detail__spinner{width:24px;height:24px;border:2px solid var(--color-border-subtle);border-top-color:var(--color-text-primary);border-radius:50%;animation:spin .6s linear infinite}.band-detail__missing{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center;padding:var(--spacing-12) 0;color:var(--color-text-secondary)}.band-detail__section{display:flex;flex-direction:column;gap:var(--spacing-2)}.band-detail__section--danger{margin-top:var(--spacing-8);border-top:1px solid var(--color-border-subtle);padding-top:var(--spacing-4)}.band-detail__section-title{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin:0}.band-detail__member-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.band-detail__member{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:2px}.band-detail__member-info{flex:1;display:flex;align-items:center;gap:var(--spacing-3);min-width:0}.band-detail__member-name{flex:1;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.band-detail__member-you{color:var(--color-text-tertiary);margin-left:var(--spacing-1)}.band-detail__badge{flex-shrink:0;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:2px var(--spacing-2);border-radius:2px;border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.band-detail__badge--admin{border-color:var(--color-accent);color:var(--color-accent)}.band-detail__remove-btn{background:transparent;border:1px solid var(--color-border-default);color:var(--color-text-secondary);padding:var(--spacing-1) var(--spacing-3);font-family:var(--font-family-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:border-color .15s,color .15s}.band-detail__remove-btn:disabled{opacity:.5;cursor:not-allowed}@media (hover: hover){.band-detail__remove-btn:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error)}}.band-detail__placeholder{color:var(--color-text-tertiary);font-size:var(--text-sm);font-style:italic;margin:0}.band-detail__invite-hint{color:var(--color-text-tertiary);font-size:var(--text-sm);margin:0}.band-detail__invite-output{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-2)}.band-detail__invite-url-row{display:flex;align-items:stretch;gap:var(--spacing-2)}.band-detail__invite-url{flex:1;min-width:0;background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:2px;padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-family-mono);font-size:var(--text-sm);color:var(--color-text-primary)}.band-detail__invite-meta{color:var(--color-text-tertiary);font-size:var(--text-xs);margin:0}.band-detail__invite-form{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-2)}.band-detail__pending{margin-top:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.band-detail__pending-title{margin:0;font-size:var(--text-sm);font-weight:var(--font-weight-medium);letter-spacing:.02em;color:var(--color-text-secondary);text-transform:uppercase}.band-detail__pending-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.band-detail__pending-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:2px}.band-detail__pending-info{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.band-detail__pending-email{font-size:var(--text-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.band-detail__pending-meta{font-size:var(--text-xs);color:var(--color-text-tertiary)}.band-detail__invite-disclosure{margin-top:var(--spacing-4);border-top:1px solid var(--color-border-subtle);padding-top:var(--spacing-3)}.band-detail__invite-disclosure-summary{cursor:pointer;font-size:var(--text-sm);color:var(--color-text-tertiary);list-style:none;-webkit-user-select:none;user-select:none}.band-detail__invite-disclosure-summary::-webkit-details-marker{display:none}.band-detail__invite-disclosure-summary:before{content:"▸";display:inline-block;width:1em;font-size:var(--text-xs);transition:transform .15s}.band-detail__invite-disclosure[open] .band-detail__invite-disclosure-summary:before{transform:rotate(90deg)}.band-detail__invite-disclosure-body{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3)}.band-detail__danger-btn{align-self:flex-start;background:transparent;border:1px solid var(--color-border-default);padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-family-mono);font-size:var(--text-sm);letter-spacing:.02em;cursor:pointer;border-radius:2px;transition:border-color .15s,color .15s}.band-detail__danger-btn--leave{color:var(--color-warning)}@media (hover: hover){.band-detail__danger-btn--leave:hover{border-color:var(--color-warning)}}.band-detail__danger-btn--delete{color:var(--color-error)}@media (hover: hover){.band-detail__danger-btn--delete:hover{border-color:var(--color-error)}}@media (min-width: 768px){.bands-page__header,.band-detail__header{max-width:960px;margin:0 auto;padding:var(--spacing-6) 32px;width:100%;box-sizing:border-box}.bands-page__content,.band-detail__content{max-width:960px;margin:0 auto;padding:0 32px;padding-bottom:var(--spacing-8);width:100%;box-sizing:border-box}.bands-page__list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}}@media (min-width: 1024px){.bands-page__list{grid-template-columns:repeat(3,1fr)}}.join-band{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-family-mono);min-height:100vh;display:flex;flex-direction:column}.join-band__header{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-4)}.join-band__content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.join-band__card{display:flex;flex-direction:column;gap:var(--spacing-4);max-width:480px;width:100%;padding:var(--spacing-8) var(--spacing-6);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:4px;text-align:left}.join-band__title{margin:0;font-size:var(--text-xl);font-weight:var(--font-weight-medium)}.join-band__body{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.5}.join-band__spinner{width:24px;height:24px;border:2px solid var(--color-border-subtle);border-top-color:var(--color-accent);border-radius:50%;animation:join-band-spin .8s linear infinite}@keyframes join-band-spin{to{transform:rotate(360deg)}}html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0}html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}@media (hover: none) and (pointer: coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px #0006}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:#ffffff4d}[data-sonner-toaster] [data-close-button-position=top-left]{--toast-close-button-left: 0;--toast-close-button-right: unset;--toast-close-button-top: 0;--toast-close-button-bottom: unset;--toast-close-button-transform: translate(-35%, -35%)}[data-sonner-toaster] [data-close-button-position=top-right]{--toast-close-button-left: unset;--toast-close-button-right: 0;--toast-close-button-top: 0;--toast-close-button-bottom: unset;--toast-close-button-transform: translate(35%, -35%)}[data-sonner-toaster] [data-close-button-position=bottom-left]{--toast-close-button-left: 0;--toast-close-button-right: unset;--toast-close-button-top: unset;--toast-close-button-bottom: 0;--toast-close-button-transform: translate(-35%, 35%)}[data-sonner-toaster] [data-close-button-position=bottom-right]{--toast-close-button-left: unset;--toast-close-button-right: 0;--toast-close-button-top: unset;--toast-close-button-bottom: 0;--toast-close-button-transform: translate(35%, 35%)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-left);right:var(--toast-close-button-right);top:var(--toast-close-button-top);bottom:var(--toast-close-button-bottom);height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]:before{content:"";position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]:after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y: translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--toasts-before) * .05 + 1));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{-webkit-user-select:none;user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:calc(var(--mobile-offset-bottom) + max(env(safe-area-inset-bottom),0px))}[data-sonner-toaster][data-y-position=top]{top:calc(var(--mobile-offset-top) + max(env(safe-area-inset-top),0px))}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 87%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 93%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 84%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 43%, 17%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 9%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}[data-sonner-toast],[data-sonner-toast] [data-title],[data-sonner-toast] [data-description]{text-transform:none}html{height:100vh;width:100vw;overflow-x:hidden}body{margin:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative;height:100%;width:100%;background-color:var(--color-bg-base);font-family:var(--font-family);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary)}main{overflow-y:auto}