@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600&family=Libre+Bodoni:ital,wght@0,700;1,400&display=swap";@import"https://unpkg.com/open-props/open-props.min.css";@import"https://unpkg.com/open-props/easings.min.css";.top-bar{display:flex;align-items:center;padding:var(--size-2) var(--size-5) var(--size-1);flex-shrink:0;gap:var(--size-2)}.top-bar-actions{display:flex;align-items:center;gap:var(--size-1);margin-left:auto}.top-bar-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-1);transition:color .12s ease,background .12s ease}.top-bar-btn svg{width:1.125rem;height:1.125rem}.top-bar-btn:hover{color:var(--text-primary);background:var(--surface-raised)}.top-bar-btn--logout:hover{color:var(--accent-error)}.top-bar-mark{text-decoration:none;color:var(--accent-gold)}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);height:var(--nav-height);background:var(--surface);border-top:var(--border-width) solid var(--border);flex-shrink:0}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;padding:var(--size-2) var(--size-1) var(--size-3);color:var(--text-muted);text-decoration:none;position:relative;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-light);letter-spacing:var(--tracking-caps);text-transform:uppercase;line-height:1.1;text-align:center;transition:color .12s ease}.nav-item:hover{color:var(--text-muted-strong)}.nav-item--active:hover,.nav-item--active{color:var(--accent-gold)}.nav-item svg{width:1.125rem;height:1.125rem;flex-shrink:0}.nav-label{display:block;padding-top:.1875rem}.nav-indicator{position:absolute;bottom:.25rem;width:.25rem;height:.25rem;transform:rotate(45deg);background:var(--accent-gold);opacity:0;transition:opacity .15s ease}.nav-item--active .nav-indicator{opacity:1}.app-shell{display:flex;flex-direction:column;height:100dvh;background:var(--surface-base);overflow:hidden}.app-content{flex:1 1 0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.auth-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--surface-base);padding:var(--size-4)}.auth-card{width:100%;max-width:24rem;background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-2);padding:var(--size-8) var(--size-7)}.auth-header{text-align:center;margin-bottom:var(--size-4)}.auth-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin-block:var(--size-2)}.auth-form{display:flex;flex-direction:column;gap:var(--size-4);margin-top:var(--size-5)}.field{display:flex;flex-direction:column;gap:var(--size-1)}.field input{background:var(--surface-raised);border:var(--border-width) solid var(--border);border-radius:var(--radius-1);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:var(--tracking-tight);padding:var(--size-2) var(--size-3);width:100%;transition:border-color .15s ease}.field input:focus{outline:none;border-color:var(--accent-gold)}.auth-error{color:var(--accent-error);font-size:var(--text-sm);letter-spacing:var(--tracking-tight)}.auth-submit{background:var(--accent-gold);border:none;border-radius:var(--radius-1);color:var(--surface-base);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);padding:var(--size-3);text-transform:uppercase;transition:opacity .15s ease;width:100%}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-submit:not(:disabled):hover{opacity:.85}.auth-switch{color:var(--text-muted);font-size:var(--text-sm);letter-spacing:var(--tracking-tight);margin-top:var(--size-5);text-align:center}.auth-switch a{color:var(--accent-gold);text-decoration:none}.auth-switch a:hover{text-decoration:underline}.field input:-webkit-autofill,.field input:-webkit-autofill:hover,.field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);box-shadow:inset 0 0 0 1000px var(--surface-raised);caret-color:var(--text-primary);border-color:var(--border);transition:box-shadow 0s}.toggle-root{display:flex;align-items:center;gap:var(--size-3);cursor:pointer}.toggle-root--column{flex-direction:column;align-items:flex-end;gap:.375rem}.toggle-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.toggle-label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted-strong);font-weight:var(--weight-light);white-space:nowrap}.toggle-track{position:relative;display:block;flex-shrink:0;width:var(--toggle-width);height:var(--toggle-height);background:var(--surface-raised);border:var(--border-width) solid var(--border);border-radius:var(--toggle-radius);transition:background .18s ease,border-color .18s ease}.toggle-track:after{content:"";position:absolute;top:var(--toggle-offset);left:var(--toggle-offset);width:var(--toggle-thumb);height:var(--toggle-thumb);border-radius:50%;background:var(--text-muted-subtle);transition:transform .18s ease,background .18s ease}.toggle-input:checked+.toggle-track{background:var(--accent-gold-subtle);border-color:var(--accent-gold)}.toggle-input:checked+.toggle-track:after{transform:translate(var(--toggle-thumb));background:var(--accent-gold)}.ds-screen{display:flex;flex-direction:column;height:100%}.ds-state-msg{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-4);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-light)}.ds-retry{background:transparent;border:var(--border-width) solid var(--border);color:var(--text-muted-strong);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:var(--size-2) var(--size-4);cursor:pointer;min-height:2.75rem}.ds-retry:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.ds-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-4);padding:var(--size-8) var(--size-5);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-light);text-align:center}.ds-header{padding:.875rem var(--size-5) .625rem;flex-shrink:0}.ds-header h1{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xl);letter-spacing:-.01em;color:var(--text-primary);line-height:1.05}.ds-filter-row{display:flex;justify-content:flex-end;padding:.625rem var(--size-5) .875rem;flex-shrink:0}.ds-dance-list{padding:.25rem var(--size-5) 6.25rem;display:flex;flex-direction:column;gap:var(--size-3);overflow-y:auto;scrollbar-width:none}.ds-dance-list::-webkit-scrollbar{display:none}.ds-dance-card{background:var(--surface);border:var(--border-width) solid var(--border);padding:var(--size-4) var(--size-5);position:relative;cursor:pointer;transition:border-color .15s}.ds-dance-card:hover{border-color:var(--text-muted-subtle)}.ds-dance-card-body{display:flex;align-items:center;justify-content:space-between;gap:var(--size-3)}.ds-dance-name{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.01em;line-height:1.1}.ds-dance-meta{margin-top:.375rem;font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-light)}.ds-chevron{width:1.375rem;height:1.375rem;color:var(--text-muted-subtle);flex-shrink:0;transition:color .15s}.ds-dance-card:hover .ds-chevron{color:var(--text-muted)}.ds-cta{display:flex;align-items:center;justify-content:center;width:100%;padding:.875rem var(--size-4);background:var(--accent-gold);color:var(--surface-base);font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-base);letter-spacing:var(--tracking-caps);text-transform:uppercase;border:none;cursor:pointer;min-height:2.75rem;transition:filter .15s}.ds-cta:hover{filter:brightness(1.06)}.ds-cta.ghost{background:transparent;color:var(--accent-gold);border:var(--border-width) solid var(--accent-gold)}@media(min-width:768px){.ds-screen{max-width:var(--content-max-width);margin-inline:auto;width:100%}}.fl-screen{display:flex;flex-direction:column;height:100%}.fl-state-msg{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--size-4);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-light)}.fl-retry{background:transparent;border:var(--border-width) solid var(--border);color:var(--text-muted-strong);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:var(--size-2) var(--size-4);cursor:pointer;min-height:2.75rem}.fl-retry:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.fl-empty{padding:var(--size-8) 0;text-align:center;font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-light)}.fl-header{padding:.875rem var(--size-5) .625rem;flex-shrink:0}.fl-header h1{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xl);letter-spacing:-.01em;color:var(--text-primary);line-height:1.05}.fl-header-sub{margin-top:.25rem;font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.fl-filter-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem var(--size-5) .875rem;flex-shrink:0}.fl-back{font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:var(--weight-light);color:var(--text-muted);text-decoration:none;transition:color .15s}.fl-back:hover{color:var(--accent-gold)}.fl-card-list{padding:.25rem var(--size-5) 6.25rem;display:flex;flex-direction:column;gap:var(--size-3);overflow-y:auto;scrollbar-width:none}.fl-card-list::-webkit-scrollbar{display:none}.fl-card{background:var(--surface);border:var(--border-width) solid var(--border);padding:var(--size-4) var(--size-5);position:relative;cursor:pointer;transition:border-color .15s}.fl-card:hover{border-color:var(--text-muted-subtle)}.fl-figure-meta{font-size:var(--text-sm);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted-strong);font-weight:var(--weight-light);margin-bottom:var(--size-2)}.fl-name-row{display:flex;align-items:center;justify-content:space-between;gap:var(--size-3)}.fl-figure-name{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.01em;line-height:1.1;flex:1}.fl-figure-timing{margin-top:var(--size-2);font-size:var(--text-sm);color:var(--text-muted-strong);letter-spacing:var(--tracking-normal);font-variant-numeric:tabular-nums}.fl-toggle-wrap{flex-shrink:0;min-width:2.75rem}.fl-cta{display:flex;align-items:center;justify-content:center;width:100%;padding:.875rem var(--size-4);background:var(--accent-gold);color:var(--surface-base);font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-base);letter-spacing:var(--tracking-caps);text-transform:uppercase;border:none;cursor:pointer;min-height:2.75rem;transition:filter .15s}.fl-cta:hover{filter:brightness(1.06)}.fl-cta.ghost{background:transparent;color:var(--accent-gold);border:var(--border-width) solid var(--accent-gold)}@media(min-width:768px){.fl-screen{max-width:var(--content-max-width);margin-inline:auto;width:100%}}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:var(--size-8) var(--size-6);text-align:center;gap:var(--size-4)}.placeholder-title{font-family:var(--font-display);font-size:var(--text-xl-fluid);color:var(--text-primary);line-height:1.1;letter-spacing:-.01em}.placeholder-sub{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}.profile-screen{min-height:100%;display:flex;align-items:flex-start;justify-content:center;background:var(--surface-base);padding:var(--size-5) var(--size-4) var(--size-8)}.profile-card{width:100%;max-width:24rem;background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-2);padding:var(--size-7) var(--size-7) var(--size-8)}.profile-header{margin-bottom:var(--size-2)}.profile-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--size-1)}.profile-section-label{margin-bottom:var(--size-3)}.profile-form{display:flex;flex-direction:column;gap:var(--size-4)}.profile-form .field{display:flex;flex-direction:column;gap:var(--size-1)}.profile-form input{background:var(--surface-raised);border:var(--border-width) solid var(--border);border-radius:var(--radius-1);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:var(--tracking-tight);padding:var(--size-2) var(--size-3);width:100%;transition:border-color .15s ease}.profile-form input:focus{outline:none;border-color:var(--accent-gold)}.profile-msg{font-size:var(--text-sm);letter-spacing:var(--tracking-tight)}.profile-msg--ok{color:var(--accent-success)}.profile-msg--err{color:var(--accent-error)}.profile-submit{background:transparent;border:var(--border-width) solid var(--accent-gold);border-radius:var(--radius-1);color:var(--accent-gold);cursor:pointer;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);padding:var(--size-3);text-transform:uppercase;transition:opacity .15s ease;width:100%}.profile-submit:disabled{opacity:.4;cursor:not-allowed}.profile-submit:not(:disabled):hover{background:var(--accent-gold-subtle)}:root{--font-display: "Libre Bodoni", Georgia, serif;--font-body: "Josefin Sans", system-ui, sans-serif;--text-xs: .625rem;--text-sm: .75rem;--text-base: .875rem;--text-md: 1.125rem;--text-lg: 1.625rem;--text-xl: 2.125rem;--text-lg-fluid: clamp(1.375rem, 4vw, 1.625rem);--text-xl-fluid: clamp(1.75rem, 5vw, 2.125rem);--weight-light: 300;--weight-normal: 400;--weight-bold: 600;--tracking-tight: .02em;--tracking-normal: .06em;--tracking-wide: .12em;--tracking-caps: .14em}:root{--raw-dark-base: hsl(24, 10%, 10%);--raw-dark-surface: hsl(24, 10%, 14%);--raw-dark-raised: hsl(26, 10%, 20%);--raw-light-base: hsl(36, 28%, 87%);--raw-light-surface: hsl(42, 55%, 97%);--raw-light-raised: hsl(36, 25%, 83%);--raw-dark-text-primary: hsl(30, 28%, 91%);--raw-dark-text-muted-strong: hsl(30, 8%, 55%);--raw-dark-text-muted: hsl(30, 8%, 40%);--raw-dark-text-muted-subtle: hsl(30, 8%, 28%);--raw-light-text-primary: hsl(24, 10%, 10%);--raw-light-text-muted-strong: hsl(30, 8%, 38%);--raw-light-text-muted: hsl(30, 8%, 49%);--raw-light-text-muted-subtle: hsl(30, 8%, 63%);--raw-gold-dark: hsl(38, 57%, 55%);--raw-gold-light: hsl(38, 57%, 38%);--raw-error-dark: hsl(0, 60%, 60%);--raw-error-light: hsl(0, 58%, 44%);--raw-success-dark: hsl(145, 40%, 50%);--raw-success-light: hsl(145, 48%, 36%)}:root{--surface-base: var(--raw-dark-base);--surface: var(--raw-dark-surface);--surface-raised: var(--raw-dark-raised);--text-primary: var(--raw-dark-text-primary);--text-muted-strong: var(--raw-dark-text-muted-strong);--text-muted: var(--raw-dark-text-muted);--text-muted-subtle: var(--raw-dark-text-muted-subtle);--accent-gold: var(--raw-gold-dark);--accent-gold-subtle: hsl(38 57% 55% / .15);--accent-error: var(--raw-error-dark);--accent-success: var(--raw-success-dark);--border: var(--raw-dark-raised)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--surface-base: var(--raw-light-base);--surface: var(--raw-light-surface);--surface-raised: var(--raw-light-raised);--text-primary: var(--raw-light-text-primary);--text-muted-strong: var(--raw-light-text-muted-strong);--text-muted: var(--raw-light-text-muted);--text-muted-subtle: var(--raw-light-text-muted-subtle);--accent-gold: var(--raw-gold-light);--accent-gold-subtle: hsl(38 57% 38% / .12);--accent-error: var(--raw-error-light);--accent-success: var(--raw-success-light);--border: hsl(36, 20%, 75%)}}[data-theme=dark]{--surface-base: var(--raw-dark-base);--surface: var(--raw-dark-surface);--surface-raised: var(--raw-dark-raised);--text-primary: var(--raw-dark-text-primary);--text-muted-strong: var(--raw-dark-text-muted-strong);--text-muted: var(--raw-dark-text-muted);--text-muted-subtle: var(--raw-dark-text-muted-subtle);--accent-gold: var(--raw-gold-dark);--accent-gold-subtle: hsl(38 57% 55% / .15);--accent-error: var(--raw-error-dark);--accent-success: var(--raw-success-dark);--border: var(--raw-dark-raised)}[data-theme=light]{--surface-base: var(--raw-light-base);--surface: var(--raw-light-surface);--surface-raised: var(--raw-light-raised);--text-primary: var(--raw-light-text-primary);--text-muted-strong: var(--raw-light-text-muted-strong);--text-muted: var(--raw-light-text-muted);--text-muted-subtle: var(--raw-light-text-muted-subtle);--accent-gold: var(--raw-gold-light);--accent-gold-subtle: hsl(38 57% 38% / .12);--accent-error: var(--raw-error-light);--accent-success: var(--raw-success-light);--border: hsl(36, 20%, 75%)}:root{--border-width: .5px;--canvas-ratio: 4 / 3;--nav-height: 3.5rem;--toggle-width: 2.125rem;--toggle-height: 1.25rem;--toggle-radius: .625rem;--toggle-thumb: .875rem;--toggle-offset: .125rem;--content-max-width: 42.5rem}.deco-divider{position:relative;border:none;border-top:var(--border-width) solid var(--border);margin:var(--size-6) 0;overflow:visible}.deco-divider:before{content:"◆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.5rem;color:var(--accent-gold);background:var(--surface);padding:0 .5em;letter-spacing:0}.deco-corners{position:relative}.deco-corners:before,.deco-corners:after{content:"";position:absolute;width:.625rem;height:.625rem;border-color:var(--accent-gold);border-style:solid;opacity:.6}.deco-corners:before{top:.375rem;left:.375rem;border-width:1px 0 0 1px}.deco-corners:after{bottom:.375rem;right:.375rem;border-width:0 1px 1px 0}.deco-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--accent-gold);padding:.25em .375em}.deco-mark:before,.deco-mark:after{content:"";position:absolute;width:.375rem;height:.375rem;border-color:var(--accent-gold);border-style:solid;opacity:.5}.deco-mark:before{top:0;left:0;border-width:1px 0 0 1px}.deco-mark:after{bottom:0;right:0;border-width:0 1px 1px 0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--surface-base);color:var(--text-primary);font-family:var(--font-body);font-size:100%;font-weight:var(--weight-normal);letter-spacing:var(--tracking-normal);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--text-primary);line-height:1.2}.label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-light);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted)}