/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-arabic:"Amiri", "Scheherazade New", serif}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.block{display:block}.grid{display:grid}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.font-arabic{font-family:var(--font-arabic)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--parchment:#f9f6f0;--charcoal:#1e1e1e;--iznik-blue:#0b4f6c;--turquoise:#1a936f;--madder-red:#8b2635;--saffron-gold:#d4af37;--off-white:#fff;--ui:"Inter", system-ui, -apple-system, sans-serif;--arabic:"Amiri", "Scheherazade New", serif;--heading:"Cinzel", Georgia, serif;--text-xs:.8125rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:2.5rem;--s8:3rem;--s10:4rem;--r:12px;--r-sm:6px;--ease:cubic-bezier(.25, 1, .5, 1);--dur-fast:80ms;--dur:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--charcoal);font-family:var(--ui);font-size:var(--text-base);background-color:var(--parchment);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.5}#app{background:var(--parchment);max-width:80rem;min-height:100dvh;transition:background-color .18s var(--ease);margin-inline-start:auto;margin-inline-end:auto}.app-header{border-top:6px solid var(--madder-red);padding:var(--s6) var(--s5) var(--s5);position:relative}.app-header__auth{top:var(--s4);right:var(--s5);font-family:var(--ui);font-size:var(--text-xs);letter-spacing:.04em;color:var(--iznik-blue);padding:var(--s2) var(--s3);border:1px solid var(--iznik-blue);font-weight:600;text-decoration:none;position:absolute}@supports (color:color-mix(in lab, red, red)){.app-header__auth{border:1px solid color-mix(in srgb, var(--iznik-blue) 25%, transparent)}}.app-header__auth{border-radius:var(--r-sm);background:var(--off-white);transition:border-color var(--dur) var(--ease)}.app-header__auth:hover{border-color:var(--saffron-gold);outline:none}.app-header__auth:focus-visible{border-color:var(--saffron-gold);outline:none}.app-header__title{font-family:var(--heading);font-size:var(--text-2xl);letter-spacing:.01em;color:var(--iznik-blue);font-weight:700;line-height:1.05}.app-header__accent{background:var(--madder-red);width:40px;height:2px;margin-top:var(--s3);border-radius:1px;display:block}.app-header__meta{align-items:center;gap:var(--s2);margin-top:var(--s3);font-size:var(--text-sm);color:var(--charcoal);opacity:.6;display:flex}.app-header__sep{opacity:.45}.lesson-list{padding:0 var(--s5) var(--s10)}.lesson-list__label{padding:var(--s4) 0;font-size:var(--text-xs);letter-spacing:.11em;text-transform:uppercase;color:var(--charcoal);opacity:.5;border-top:1px solid var(--madder-red);font-weight:700;display:block}@supports (color:color-mix(in lab, red, red)){.lesson-list__label{border-top:1px solid color-mix(in srgb, var(--madder-red) 20%, var(--parchment))}}.lesson-list__label{border-bottom:1px solid var(--madder-red)}@supports (color:color-mix(in lab, red, red)){.lesson-list__label{border-bottom:1px solid color-mix(in srgb, var(--madder-red) 20%, var(--parchment))}}.lesson-list__label{margin-bottom:var(--s4)}.lesson-grid{gap:var(--s3);grid-template-columns:repeat(4,1fr);display:grid}.lesson-card{aspect-ratio:1;padding:var(--s4);border:1px solid var(--iznik-blue);flex-direction:column;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.lesson-card{border:1px solid color-mix(in srgb, var(--iznik-blue) 30%, transparent)}}.lesson-card{border-radius:var(--r);background:radial-gradient(circle at 70% 80%, var(--iznik-blue), transparent 60%), var(--off-white)}@supports (color:color-mix(in lab, red, red)){.lesson-card{background:radial-gradient(circle at 70% 80%, color-mix(in srgb, var(--iznik-blue) 5%, transparent), transparent 60%), var(--off-white)}}.lesson-card{box-shadow:0 2px 8px var(--charcoal)}@supports (color:color-mix(in lab, red, red)){.lesson-card{box-shadow:0 2px 8px color-mix(in srgb, var(--charcoal) 10%, transparent)}}.lesson-card{color:var(--charcoal);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);text-decoration:none}.lesson-card:hover{border-color:var(--saffron-gold);box-shadow:0 4px 16px var(--charcoal)}.lesson-card:focus-visible{border-color:var(--saffron-gold);box-shadow:0 4px 16px var(--charcoal)}@supports (color:color-mix(in lab, red, red)){.lesson-card:hover{box-shadow:0 4px 16px color-mix(in srgb, var(--charcoal) 15%, transparent)}.lesson-card:focus-visible{box-shadow:0 4px 16px color-mix(in srgb, var(--charcoal) 15%, transparent)}}.lesson-card:hover{outline:none}.lesson-card:focus-visible{outline:none}.lesson-card:active{transition-duration:var(--dur-fast);transform:scale(.975)}.lesson-card__number{font-size:var(--text-3xl);letter-spacing:-.04em;color:var(--iznik-blue);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.lesson-card__title{margin-top:var(--s2);font-size:var(--text-sm);color:var(--charcoal);opacity:.65;font-weight:500;line-height:1.3}.lesson-card__title-ar{padding-top:var(--s3);font-family:var(--arabic);font-size:var(--text-lg);text-align:right;color:var(--charcoal);direction:rtl;margin-top:auto;line-height:1.6}.lesson-card__count{font-size:var(--text-xs);color:var(--charcoal);opacity:.5;line-height:1}.lesson-card:not(:has(.lesson-card__title-ar)) .lesson-card__count{padding-top:var(--s3);margin-top:auto}.lesson-card--locked{filter:grayscale();opacity:.5;pointer-events:none}.lesson-card--completed{border:2px solid var(--iznik-blue)}.lesson-card--completed:after{content:"✓";top:var(--s2);right:var(--s2);background:var(--saffron-gold);width:22px;height:22px;color:var(--off-white);font-family:var(--ui);text-align:center;border-radius:50%;font-size:.75rem;font-weight:700;line-height:22px;position:absolute}.lesson-card--current{border:2px solid var(--saffron-gold);background:radial-gradient(circle at 70% 80%, var(--saffron-gold), transparent 60%), var(--off-white)}@supports (color:color-mix(in lab, red, red)){.lesson-card--current{background:radial-gradient(circle at 70% 80%, color-mix(in srgb, var(--saffron-gold) 10%, transparent), transparent 60%), var(--off-white)}}.lesson-card--current{box-shadow:0 4px 16px var(--saffron-gold)}@supports (color:color-mix(in lab, red, red)){.lesson-card--current{box-shadow:0 4px 16px color-mix(in srgb, var(--saffron-gold) 22%, transparent)}}.lesson-card--current.lesson-card--completed{border-color:var(--iznik-blue)}.lesson-view{padding:var(--s4) var(--s5) var(--s10)}.back-link{align-items:center;gap:var(--s2);padding:var(--s3) 0;margin-bottom:var(--s4);font-size:var(--text-sm);color:var(--iznik-blue);text-decoration:none;display:inline-flex}.back-link:hover{outline:none;text-decoration:underline}.back-link:focus-visible{outline:none;text-decoration:underline}.lesson-view__header{padding-bottom:var(--s5);margin-bottom:var(--s5);border-bottom:1px solid var(--madder-red)}@supports (color:color-mix(in lab, red, red)){.lesson-view__header{border-bottom:1px solid color-mix(in srgb, var(--madder-red) 20%, var(--parchment))}}.lesson-view__number{font-size:var(--text-xs);letter-spacing:.11em;text-transform:uppercase;color:var(--charcoal);opacity:.5;margin-bottom:var(--s3);font-weight:700}.lesson-view__title{font-family:var(--heading);font-size:var(--text-2xl);letter-spacing:.01em;color:var(--iznik-blue);font-weight:700;line-height:1.2}.lesson-view__title-ar{margin-top:var(--s4);font-family:var(--arabic);text-align:right;color:var(--charcoal);direction:rtl;font-size:2rem;line-height:1.7}.lesson-view__description{margin-top:var(--s2);font-size:var(--text-sm);color:var(--charcoal);opacity:.65;max-width:52ch;line-height:1.65}.phrase-grid{gap:var(--s2);grid-template-columns:repeat(4,1fr);display:grid}.phrase-tile{border:1px solid var(--saffron-gold);padding:0;display:block}@supports (color:color-mix(in lab, red, red)){.phrase-tile{border:1px solid color-mix(in srgb, var(--saffron-gold) 35%, var(--parchment))}}.phrase-tile{border-radius:var(--r);background:var(--parchment);aspect-ratio:1;cursor:pointer;transition:border-color var(--dur) ease, box-shadow var(--dur) ease, transform var(--dur) ease;overflow:hidden}.phrase-tile:hover{border-color:var(--saffron-gold);box-shadow:0 6px 16px var(--charcoal);transform:translateY(-2px)}.phrase-tile:focus-visible{border-color:var(--saffron-gold);box-shadow:0 6px 16px var(--charcoal);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.phrase-tile:hover{box-shadow:0 6px 16px color-mix(in srgb, var(--charcoal) 15%, transparent)}.phrase-tile:focus-visible{box-shadow:0 6px 16px color-mix(in srgb, var(--charcoal) 15%, transparent)}}.phrase-tile:hover{outline:none}.phrase-tile:focus-visible{outline:none}.phrase-tile:active{transition-duration:60ms;transform:scale(.93)}.phrase-tile:disabled{cursor:default}.phrase-tile:disabled:hover{box-shadow:none;border-color:var(--saffron-gold);transform:none}@supports (color:color-mix(in lab, red, red)){.phrase-tile:disabled:hover{border-color:color-mix(in srgb, var(--saffron-gold) 35%, var(--parchment))}}.phrase-tile img{object-fit:contain;width:100%;height:100%;transition:filter var(--dur) ease;display:block}.phrase-tile[data-playing=true]{background:var(--iznik-blue);border-color:var(--iznik-blue)}.phrase-tile[data-playing=true] img{filter:brightness(0)invert()}.student-dashboard{padding:0 var(--s5) var(--s10)}.student-dashboard__header{border-top:6px solid var(--madder-red);padding:var(--s6) 0 var(--s5);justify-content:space-between;align-items:flex-start;gap:var(--s4);display:flex}.student-dashboard__title{font-family:var(--heading);font-size:var(--text-xl);letter-spacing:.01em;color:var(--iznik-blue);font-weight:700;line-height:1.2}.student-dashboard__meta{align-items:center;gap:var(--s2);margin-top:var(--s3);font-size:var(--text-sm);color:var(--charcoal);opacity:.6;display:flex}.student-dashboard__signout{background:var(--off-white);border:1px solid var(--charcoal)}@supports (color:color-mix(in lab, red, red)){.student-dashboard__signout{border:1px solid color-mix(in srgb, var(--charcoal) 20%, transparent)}}.student-dashboard__signout{border-radius:var(--r-sm);padding:var(--s2) var(--s3);font-family:var(--ui);font-size:var(--text-xs);color:var(--charcoal);cursor:pointer;white-space:nowrap;transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);font-weight:600}.student-dashboard__signout:hover{border-color:var(--madder-red);color:var(--madder-red);outline:none}.student-dashboard__signout:focus-visible{border-color:var(--madder-red);color:var(--madder-red);outline:none}.student-dashboard__current{padding:var(--s5) 0}.student-dashboard__current .lesson-card--current{aspect-ratio:1;max-width:260px}.student-dashboard__label{margin-bottom:var(--s3);font-size:var(--text-xs);letter-spacing:.11em;text-transform:uppercase;color:var(--charcoal);opacity:.55;font-weight:700;display:block}.student-dashboard__complete{font-family:var(--heading);font-size:var(--text-lg);color:var(--iznik-blue);padding:var(--s4) 0}@media (max-width:480px){.student-dashboard{padding:0 var(--s4) var(--s10)}.student-dashboard__current .lesson-card--current{max-width:none;aspect-ratio:unset;min-height:140px}}.instructor-view{padding:0 var(--s5) var(--s10)}.instructor-view__header{border-top:6px solid var(--madder-red);padding:var(--s6) 0 var(--s5);justify-content:space-between;align-items:flex-start;gap:var(--s4);display:flex}.instructor-view__title{font-family:var(--heading);font-size:var(--text-xl);letter-spacing:.01em;color:var(--iznik-blue);font-weight:700;line-height:1.2}.instructor-view__meta{margin-top:var(--s2);font-size:var(--text-sm);color:var(--charcoal);opacity:.65}.instructor-view__actions{gap:var(--s3);padding:var(--s4) 0 var(--s2);flex-wrap:wrap;display:flex}.instructor-view__primary,.instructor-view__secondary{padding:var(--s3) var(--s5);border-radius:var(--r);font-family:var(--ui);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease);border:1px solid #0000;font-weight:600;text-decoration:none}.instructor-view__primary{background:var(--iznik-blue);color:var(--off-white);border-color:var(--iznik-blue)}.instructor-view__primary:hover{background:var(--iznik-blue)}.instructor-view__primary:focus-visible{background:var(--iznik-blue)}@supports (color:color-mix(in lab, red, red)){.instructor-view__primary:hover{background:color-mix(in srgb, var(--iznik-blue) 88%, black)}.instructor-view__primary:focus-visible{background:color-mix(in srgb, var(--iznik-blue) 88%, black)}}.instructor-view__primary:hover{outline:none}.instructor-view__primary:focus-visible{outline:none}.instructor-view__secondary{background:var(--off-white);color:var(--iznik-blue);border-color:var(--iznik-blue)}@supports (color:color-mix(in lab, red, red)){.instructor-view__secondary{border-color:color-mix(in srgb, var(--iznik-blue) 25%, transparent)}}.instructor-view__secondary:hover{border-color:var(--saffron-gold);outline:none}.instructor-view__secondary:focus-visible{border-color:var(--saffron-gold);outline:none}.roster{padding:var(--s2) 0 var(--s4)}.roster__scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.roster__table{border:1px solid var(--charcoal);flex-direction:column;min-width:560px;display:flex}@supports (color:color-mix(in lab, red, red)){.roster__table{border:1px solid color-mix(in srgb, var(--charcoal) 12%, transparent)}}.roster__table{border-radius:var(--r);background:var(--off-white);overflow:hidden}.roster__head,.roster__row{gap:var(--s3);padding:var(--s3) var(--s4);font-size:var(--text-sm);grid-template-columns:2fr 1.3fr .9fr .7fr .7fr 1.1fr;align-items:center;display:grid}.roster__head{background:var(--iznik-blue)}@supports (color:color-mix(in lab, red, red)){.roster__head{background:color-mix(in srgb, var(--iznik-blue) 7%, var(--off-white))}}.roster__head{color:var(--iznik-blue);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.roster__row{border-top:1px solid var(--charcoal)}@supports (color:color-mix(in lab, red, red)){.roster__row{border-top:1px solid color-mix(in srgb, var(--charcoal) 8%, transparent)}}.roster__row{color:var(--charcoal);transition:background var(--dur) var(--ease);text-decoration:none}.roster__row:hover{background:var(--saffron-gold)}.roster__row:focus-visible{background:var(--saffron-gold)}@supports (color:color-mix(in lab, red, red)){.roster__row:hover{background:color-mix(in srgb, var(--saffron-gold) 12%, var(--off-white))}.roster__row:focus-visible{background:color-mix(in srgb, var(--saffron-gold) 12%, var(--off-white))}}.roster__row:hover{outline:none}.roster__row:focus-visible{outline:none}.roster__name{color:var(--iznik-blue);font-weight:600}.roster__last-seen{font-size:var(--text-xs);opacity:.65}.instructor-detail{padding:var(--s4) var(--s5) var(--s10)}.instructor-detail__header{padding:var(--s4) 0 var(--s5);border-bottom:1px solid var(--madder-red)}@supports (color:color-mix(in lab, red, red)){.instructor-detail__header{border-bottom:1px solid color-mix(in srgb, var(--madder-red) 20%, var(--parchment))}}.instructor-detail__header{margin-bottom:var(--s4)}.instructor-detail__title{font-family:var(--heading);font-size:var(--text-2xl);letter-spacing:.01em;color:var(--iznik-blue);font-weight:700}.instructor-detail__meta{margin-top:var(--s2);font-size:var(--text-sm);color:var(--charcoal);opacity:.65}.instructor-detail__meta code{background:var(--iznik-blue);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}@supports (color:color-mix(in lab, red, red)){.instructor-detail__meta code{background:color-mix(in srgb, var(--iznik-blue) 10%, transparent)}}.instructor-detail__meta code{padding:1px var(--s2);border-radius:var(--r-sm);letter-spacing:.08em;font-size:.875em}.name-edit__trigger{cursor:pointer;opacity:.4;padding:0 var(--s2);vertical-align:middle;background:0 0;border:none;font-size:.65em;transition:opacity .15s}.name-edit__trigger:hover{opacity:1}.name-edit{gap:var(--s3);flex-direction:column;max-width:22rem;display:flex}.name-edit__input{font-size:var(--text-lg);padding:var(--s2) var(--s3);border:2px solid var(--iznik-blue);border-radius:var(--r);background:var(--off-white);color:var(--charcoal);width:100%}.name-edit__error{font-size:var(--text-sm);color:#c0392b}.name-edit__actions{gap:var(--s3);display:flex}.name-edit__btn{font-size:var(--text-sm);padding:var(--s2) var(--s4);border:2px solid var(--iznik-blue);border-radius:var(--r);color:var(--iznik-blue);cursor:pointer;background:0 0;font-weight:600;transition:background .15s,color .15s}.name-edit__btn:hover,.name-edit__btn--save{background:var(--iznik-blue);color:#fff}.name-edit__btn--save:hover{opacity:.85}.name-edit__btn:disabled{opacity:.5;cursor:not-allowed}.student-delete{margin-top:var(--s4)}.student-delete__confirm-msg{font-size:var(--text-sm);margin-bottom:var(--s3);color:var(--charcoal)}.student-delete__actions{gap:var(--s3);display:flex}.student-delete__btn{font-size:var(--text-sm);padding:var(--s2) var(--s4);border-radius:var(--r);color:#c0392b;cursor:pointer;background:0 0;border:2px solid #c0392b;font-weight:600;transition:background .15s,color .15s}.student-delete__btn:hover{color:#fff;background:#c0392b}.student-delete__btn--danger{opacity:.7}.student-delete__btn--danger:hover{opacity:1}.student-delete__btn--confirm{color:#fff;background:#c0392b}.student-delete__btn--confirm:hover{opacity:.85;background:#c0392b}.student-delete__btn:disabled{opacity:.5;cursor:not-allowed}.student-delete__error{margin-top:var(--s2);font-size:var(--text-sm);color:#c0392b}.instructor-detail__section{padding:var(--s4) 0}.lesson-grid--clickable .lesson-card{font:inherit;text-align:left;cursor:pointer;width:100%}.lesson-grid--clickable .lesson-card:disabled{cursor:wait;opacity:.65}.range-selector{gap:var(--s2);margin:var(--s3) 0 var(--s4);flex-wrap:wrap;display:flex}.range-selector__pill{padding:var(--s2) var(--s4);border:1px solid var(--iznik-blue)}@supports (color:color-mix(in lab, red, red)){.range-selector__pill{border:1px solid color-mix(in srgb, var(--iznik-blue) 25%, transparent)}}.range-selector__pill{background:var(--off-white);border-radius:var(--r-sm);font-family:var(--ui);font-size:var(--text-sm);color:var(--iznik-blue);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);font-weight:600}.range-selector__pill:hover{border-color:var(--saffron-gold);outline:none}.range-selector__pill:focus-visible{border-color:var(--saffron-gold);outline:none}.range-selector__pill--active{background:var(--iznik-blue);color:var(--off-white);border-color:var(--iznik-blue)}.login-chart{background:var(--off-white);border:1px solid var(--charcoal)}@supports (color:color-mix(in lab, red, red)){.login-chart{border:1px solid color-mix(in srgb, var(--charcoal) 10%, transparent)}}.login-chart{border-radius:var(--r);padding:var(--s5) var(--s4) var(--s3)}.login-chart__bars{border-bottom:1px solid var(--charcoal);align-items:flex-end;gap:2px;height:160px;display:flex}@supports (color:color-mix(in lab, red, red)){.login-chart__bars{border-bottom:1px solid color-mix(in srgb, var(--charcoal) 15%, transparent)}}.login-chart__bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:stretch;min-width:0;height:100%;display:flex;position:relative}.login-chart__bar{background:var(--iznik-blue);border-radius:var(--r-sm) var(--r-sm) 0 0;width:100%;min-height:2px;transition:height var(--dur) var(--ease)}.login-chart__bar-value{text-align:center;color:var(--charcoal);opacity:.6;font-size:.6875rem;font-weight:600;position:absolute;top:-18px;left:0;right:0}.login-chart__labels{margin-top:var(--s2);gap:2px;display:flex}.login-chart__labels .login-chart__label{text-align:center;color:var(--charcoal);opacity:.55;white-space:nowrap;flex:1;font-size:.6875rem;overflow:hidden}@media (max-width:480px){.instructor-view,.instructor-detail{padding-left:var(--s4);padding-right:var(--s4)}}.modal{background:var(--charcoal);position:fixed;top:0;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.modal{background:color-mix(in srgb, var(--charcoal) 50%, transparent)}}.modal{z-index:100;padding:var(--s4);justify-content:center;align-items:center;display:flex}.modal__panel{background:var(--off-white);border-radius:var(--r);padding:var(--s6) var(--s5);width:100%;max-width:480px;max-height:90vh;box-shadow:0 12px 48px var(--charcoal);overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.modal__panel{box-shadow:0 12px 48px color-mix(in srgb, var(--charcoal) 30%, transparent)}}.add-student{gap:var(--s4);flex-direction:column;display:flex}.add-student__title{font-family:var(--heading);font-size:var(--text-xl);color:var(--iznik-blue);letter-spacing:.01em;font-weight:700}.add-student__hint{font-size:var(--text-sm);color:var(--charcoal);opacity:.75;line-height:1.55}.add-student__hint a{color:var(--iznik-blue);font-weight:600}.add-student__consent{align-items:flex-start;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--saffron-gold);display:flex}@supports (color:color-mix(in lab, red, red)){.add-student__consent{background:color-mix(in srgb, var(--saffron-gold) 8%, var(--off-white))}}.add-student__consent{border:1px solid var(--saffron-gold)}@supports (color:color-mix(in lab, red, red)){.add-student__consent{border:1px solid color-mix(in srgb, var(--saffron-gold) 35%, transparent)}}.add-student__consent{border-radius:var(--r);cursor:pointer}.add-student__consent input[type=checkbox]{width:20px;height:20px;accent-color:var(--saffron-gold);cursor:pointer;flex-shrink:0;margin-top:2px}.add-student__consent span{font-size:var(--text-sm);color:var(--charcoal);line-height:1.5}.add-student__actions{gap:var(--s3);margin-top:var(--s2);flex-wrap:wrap;justify-content:flex-end;display:flex}.add-student__action{padding:var(--s3) var(--s5);border:1px solid var(--charcoal)}@supports (color:color-mix(in lab, red, red)){.add-student__action{border:1px solid color-mix(in srgb, var(--charcoal) 20%, transparent)}}.add-student__action{background:var(--off-white);border-radius:var(--r);font-family:var(--ui);font-size:var(--text-base);color:var(--charcoal);cursor:pointer;font-weight:600;text-decoration:none}.add-student__action--primary{background:var(--iznik-blue);color:var(--off-white);border-color:var(--iznik-blue)}.add-student__action:disabled{opacity:.5;cursor:not-allowed}.add-student__result{text-align:center;padding:var(--s4) 0}.add-student__success-title{font-family:var(--heading);font-size:var(--text-xl);color:var(--iznik-blue);margin-bottom:var(--s5);font-weight:700}.add-student__name{font-size:var(--text-lg);color:var(--charcoal);margin-bottom:var(--s4)}.add-student__pin-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.11em;color:var(--charcoal);opacity:.55;font-weight:700}.add-student__pin-row{align-items:center;gap:var(--s3);display:flex}.add-student__copy{font-size:var(--text-sm);padding:var(--s2) var(--s4);border:2px solid var(--iznik-blue);border-radius:var(--r);color:var(--iznik-blue);cursor:pointer;white-space:nowrap;background:0 0;font-weight:600;transition:background .15s,color .15s}.add-student__copy:hover{background:var(--iznik-blue);color:#fff}.add-student__pin{letter-spacing:.3em;color:var(--iznik-blue);padding:var(--s4) var(--s5);background:var(--iznik-blue);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:3rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.add-student__pin{background:color-mix(in srgb, var(--iznik-blue) 8%, var(--off-white))}}.add-student__pin{border-radius:var(--r);margin:var(--s2) 0 var(--s4);display:inline-block}.print-page{max-width:800px;padding:var(--s5);background:var(--off-white);min-height:100dvh;margin:0 auto}.print-controls{gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--charcoal);justify-content:flex-end;display:flex}@supports (color:color-mix(in lab, red, red)){.print-controls{border-bottom:1px solid color-mix(in srgb, var(--charcoal) 12%, transparent)}}.print-controls{margin-bottom:var(--s6)}.print-controls button,.print-controls a{padding:var(--s2) var(--s4);border:1px solid var(--iznik-blue)}@supports (color:color-mix(in lab, red, red)){.print-controls button,.print-controls a{border:1px solid color-mix(in srgb, var(--iznik-blue) 25%, transparent)}}.print-controls button,.print-controls a{background:var(--off-white);border-radius:var(--r-sm);font-family:var(--ui);font-size:var(--text-sm);color:var(--iznik-blue);cursor:pointer;font-weight:600;text-decoration:none}.print-controls button{background:var(--iznik-blue);color:var(--off-white);border-color:var(--iznik-blue)}.pin-card{text-align:center;padding:var(--s10) var(--s6);border:2px solid var(--iznik-blue);border-radius:var(--r);max-width:520px;margin:0 auto}.pin-card__app{font-family:var(--heading);font-size:var(--text-lg);color:var(--iznik-blue);margin-bottom:var(--s6);letter-spacing:.01em}.pin-card__name{font-family:var(--heading);color:var(--charcoal);margin-bottom:var(--s5);letter-spacing:.01em;font-size:2.25rem;font-weight:700}.pin-card__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--charcoal);opacity:.55;margin-bottom:var(--s2);font-weight:700}.pin-card__pin{letter-spacing:.3em;color:var(--iznik-blue);margin-bottom:var(--s6);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:4.5rem;font-weight:700;line-height:1}.pin-card__instructions{font-size:var(--text-sm);color:var(--charcoal);opacity:.7;max-width:320px;margin:0 auto;line-height:1.5}.consent-form{font-family:var(--ui);color:var(--charcoal);font-size:10pt;line-height:1.55}.consent-form h1{font-family:var(--heading);color:var(--iznik-blue);letter-spacing:.01em;margin-bottom:var(--s2);font-size:22pt}.consent-form__app{margin-bottom:var(--s6);opacity:.65;font-size:11pt}.consent-form section{margin-bottom:var(--s5)}.consent-form h2{font-family:var(--heading);color:var(--iznik-blue);margin-bottom:var(--s2);font-size:13pt}.consent-form ul{padding-left:var(--s5);margin:var(--s2) 0}.consent-form ul li{margin-bottom:var(--s1)}.consent-form p{margin-bottom:var(--s2)}.consent-form__signature{gap:var(--s5);margin-top:var(--s6);grid-template-columns:2fr 1fr;display:grid}.consent-form__line{border-bottom:1px solid var(--charcoal);padding-top:var(--s7);opacity:.6;font-size:8pt}@media print{body,#app,.print-page{background:#fff!important;max-width:none!important}.print-controls{display:none}.pin-card{border-color:#000}.pin-card__app,.pin-card__pin,.consent-form h1,.consent-form h2{color:#000!important}.add-student__pin{background:#fff}}.login-view{max-width:380px;padding:var(--s7) var(--s4) var(--s8);text-align:center;margin:0 auto}.login-view__title{font-family:var(--heading);font-size:var(--text-2xl);letter-spacing:.01em;color:var(--iznik-blue);margin-bottom:var(--s6);font-weight:700}.login-view__error{color:var(--madder-red);font-size:var(--text-sm);margin:var(--s2) 0 var(--s4);min-height:1.2em}.login-view__toggle{margin-top:var(--s4);padding:var(--s3) var(--s4);color:var(--iznik-blue);font-family:var(--ui);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;text-decoration:underline;display:inline-block}.login-view__footer{margin-top:var(--s6);font-size:var(--text-xs);color:var(--charcoal);opacity:.55}.login-view__footer a{color:inherit;text-decoration:underline}.app-footer{padding:var(--s5) var(--s5);text-align:center;font-size:var(--text-xs);color:var(--charcoal);opacity:.5}.app-footer a{color:inherit;text-decoration:underline}.privacy-prose{padding:var(--s2) var(--s4) var(--s8);max-width:640px}.privacy-prose__section{padding:var(--s4) 0;border-bottom:1px solid var(--madder-red)}@supports (color:color-mix(in lab, red, red)){.privacy-prose__section{border-bottom:1px solid color-mix(in srgb, var(--madder-red) 15%, var(--parchment))}}.privacy-prose__section:last-child{border-bottom:none}.privacy-prose__heading{font-family:var(--heading);font-size:var(--text-lg);letter-spacing:.01em;color:var(--iznik-blue);margin-bottom:var(--s3);font-weight:700}.privacy-prose ul{padding-left:var(--s5)}.privacy-prose li,.privacy-prose p{margin-bottom:var(--s2);font-size:var(--text-sm);line-height:1.6}.pin-display{justify-content:center;gap:var(--s3);margin-bottom:var(--s4);min-height:20px;display:flex}.pin-display__dot{border:1.5px solid var(--iznik-blue);background:0 0;border-radius:50%;width:16px;height:16px}@supports (color:color-mix(in lab, red, red)){.pin-display__dot{border:1.5px solid color-mix(in srgb, var(--iznik-blue) 35%, transparent)}}.pin-display__dot{transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease)}.pin-display__dot--filled{background:var(--iznik-blue);border-color:var(--iznik-blue)}.pin-pad{gap:var(--s3);grid-template-columns:repeat(3,1fr);max-width:300px;margin:0 auto;display:grid}.pin-pad__key{aspect-ratio:1;border:1px solid var(--iznik-blue)}@supports (color:color-mix(in lab, red, red)){.pin-pad__key{border:1px solid color-mix(in srgb, var(--iznik-blue) 25%, transparent)}}.pin-pad__key{border-radius:var(--r);background:var(--off-white);color:var(--iznik-blue);font-family:var(--heading);font-size:var(--text-2xl);cursor:pointer;box-shadow:0 1px 4px var(--charcoal);font-weight:600}@supports (color:color-mix(in lab, red, red)){.pin-pad__key{box-shadow:0 1px 4px color-mix(in srgb, var(--charcoal) 8%, transparent)}}.pin-pad__key{transition:border-color var(--dur) var(--ease), background var(--dur) var(--ease), transform var(--dur-fast) var(--ease)}.pin-pad__key:hover:not(:disabled){border-color:var(--saffron-gold);outline:none}.pin-pad__key:focus-visible:not(:disabled){border-color:var(--saffron-gold);outline:none}.pin-pad__key:active:not(:disabled){background:var(--saffron-gold);transform:scale(.94)}@supports (color:color-mix(in lab, red, red)){.pin-pad__key:active:not(:disabled){background:color-mix(in srgb, var(--saffron-gold) 18%, var(--off-white))}}.pin-pad__key:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.pin-pad__key--util{color:var(--madder-red);font-size:var(--text-xl)}.pin-pad__key--submit{background:var(--saffron-gold);color:var(--off-white);border-color:var(--saffron-gold)}.pin-pad__key--submit:disabled{background:var(--charcoal)}@supports (color:color-mix(in lab, red, red)){.pin-pad__key--submit:disabled{background:color-mix(in srgb, var(--charcoal) 12%, transparent)}}.pin-pad__key--submit:disabled{color:var(--off-white);border-color:#0000}.login-form{gap:var(--s4);text-align:left;flex-direction:column;display:flex}.login-form__field{gap:var(--s1);flex-direction:column;display:flex}.login-form__field>span{font-family:var(--ui);font-size:var(--text-sm);color:var(--charcoal);opacity:.7}.login-form__field input{font-family:var(--ui);font-size:var(--text-base);padding:var(--s3) var(--s4);border:1px solid var(--iznik-blue)}@supports (color:color-mix(in lab, red, red)){.login-form__field input{border:1px solid color-mix(in srgb, var(--iznik-blue) 30%, transparent)}}.login-form__field input{border-radius:var(--r);background:var(--off-white);color:var(--charcoal)}.login-form__field input:focus-visible{border-color:var(--saffron-gold);outline:none}.login-form__submit{padding:var(--s3) var(--s5);background:var(--iznik-blue);color:var(--off-white);border-radius:var(--r);font-family:var(--ui);font-size:var(--text-base);cursor:pointer;margin-top:var(--s2);border:none;font-weight:600}.login-form__submit:disabled{opacity:.5;cursor:not-allowed}.empty-state{padding:var(--s7) var(--s4);text-align:center;font-size:var(--text-sm);color:var(--charcoal);opacity:.55;line-height:1.7}.load-error{padding:var(--s6) var(--s4);text-align:center;font-size:var(--text-sm);color:var(--charcoal);opacity:.55}@media (max-width:768px){.lesson-grid{grid-template-columns:repeat(2,1fr)}.lesson-card{aspect-ratio:unset;min-height:160px}}@media (max-width:480px){:root{--text-2xl:1.75rem;--text-3xl:2.25rem}.app-header{padding:var(--s5) var(--s4) var(--s4)}.lesson-list{padding:0 var(--s4) var(--s10)}.lesson-view{padding:var(--s4) var(--s4) var(--s10)}.lesson-grid{gap:var(--s2);grid-template-columns:repeat(1,1fr)}.lesson-card{aspect-ratio:unset;min-height:120px}.phrase-grid{gap:var(--s1)}}@media (max-width:340px){.phrase-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}#app{transition:none}}.record-view{padding:0 var(--s5) var(--s10)}.record-view__header{border-top:6px solid var(--madder-red);padding:var(--s6) 0 var(--s5);justify-content:space-between;align-items:flex-start;gap:var(--s4);display:flex}.record-view__title{font-family:var(--heading);font-size:var(--text-xl);letter-spacing:.01em;color:var(--iznik-blue);font-weight:700;line-height:1.2}.record-view__meta{margin-top:var(--s2);font-size:var(--text-sm);color:var(--charcoal);opacity:.65}.record-view__controls{align-items:center;gap:var(--s4);padding:var(--s4) 0 var(--s2);flex-wrap:wrap;display:flex}.record-view__lesson-label{gap:var(--s1);font-size:var(--text-xs);color:var(--iznik-blue);flex-direction:column;font-weight:600;display:flex}.record-view__select{margin-top:var(--s1);padding:var(--s2) var(--s3);border-radius:var(--r-sm);border:1px solid var(--iznik-blue)}@supports (color:color-mix(in lab, red, red)){.record-view__select{border:1px solid color-mix(in srgb, var(--iznik-blue) 25%, transparent)}}.record-view__select{background:var(--off-white);font-family:var(--ui);font-size:var(--text-sm);color:var(--charcoal);min-width:220px}.record-view__progress{font-size:var(--text-sm);color:var(--charcoal);opacity:.75}.record-view__download{padding:var(--s3) var(--s5);border-radius:var(--r);border:1px solid var(--iznik-blue);background:var(--iznik-blue);color:var(--off-white);font-family:var(--ui);font-size:var(--text-sm);cursor:pointer;transition:background var(--dur) var(--ease);margin-left:auto;font-weight:600}.record-view__download:disabled{opacity:.45;cursor:not-allowed}.record-view__download:not(:disabled):hover{background:var(--iznik-blue)}@supports (color:color-mix(in lab, red, red)){.record-view__download:not(:disabled):hover{background:color-mix(in srgb, var(--iznik-blue) 88%, black)}}.record-view__error{margin:var(--s3) 0;padding:var(--s3) var(--s4);border-radius:var(--r-sm);background:var(--madder-red)}@supports (color:color-mix(in lab, red, red)){.record-view__error{background:color-mix(in srgb, var(--madder-red) 12%, var(--off-white))}}.record-view__error{color:var(--madder-red);font-size:var(--text-sm)}.record-list{margin:var(--s4) 0 0;gap:var(--s2);flex-direction:column;padding:0;list-style:none;display:flex}.record-row{align-items:center;gap:var(--s4);padding:var(--s3) var(--s4);border:1px solid var(--charcoal);display:flex}@supports (color:color-mix(in lab, red, red)){.record-row{border:1px solid color-mix(in srgb, var(--charcoal) 10%, transparent)}}.record-row{border-radius:var(--r);background:var(--off-white)}.record-row[data-recorded=true]{border-color:var(--saffron-gold);background:var(--saffron-gold)}@supports (color:color-mix(in lab, red, red)){.record-row[data-recorded=true]{background:color-mix(in srgb, var(--saffron-gold) 8%, var(--off-white))}}.record-row__img{object-fit:contain;flex-shrink:0;width:64px;height:64px}.record-row__info{gap:var(--s1);flex-direction:column;min-width:90px;display:flex}.record-row__id{font-size:var(--text-xs);color:var(--iznik-blue);font-weight:600}.record-row__translit{font-size:var(--text-sm);color:var(--charcoal);opacity:.7}.record-row__actions{align-items:center;gap:var(--s3);flex-wrap:wrap;justify-content:flex-end;margin-left:auto;display:flex}.record-row__record,.record-row__stop,.record-row__prep{padding:var(--s2) var(--s4);border-radius:var(--r);font-family:var(--ui);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;font-weight:600}.record-row__prep{background:var(--saffron-gold)}@supports (color:color-mix(in lab, red, red)){.record-row__prep{background:color-mix(in srgb, var(--saffron-gold) 20%, var(--off-white))}}.record-row__prep{color:var(--charcoal)}@supports (color:color-mix(in lab, red, red)){.record-row__prep{color:color-mix(in srgb, var(--charcoal) 80%, var(--saffron-gold))}}.record-row__prep{border-color:var(--saffron-gold);cursor:default}.record-row__record{background:var(--off-white);color:var(--madder-red);border-color:var(--madder-red)}@supports (color:color-mix(in lab, red, red)){.record-row__record{border-color:color-mix(in srgb, var(--madder-red) 40%, transparent)}}.record-row__record:disabled{opacity:.4;cursor:not-allowed}.record-row__stop{background:var(--madder-red);color:var(--off-white);border-color:var(--madder-red)}.record-row__audio{max-width:220px;height:36px}@media (max-width:480px){.record-view{padding:0 var(--s4) var(--s10)}.record-view__download{margin-left:0}.record-row{flex-wrap:wrap}.record-row__actions{justify-content:flex-start;width:100%}.record-row__audio{flex:1;max-width:100%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}