@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.isolate{isolation:isolate}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-56{width:14rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-x-4{column-gap:1rem}.gap-y-1{row-gap:.25rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.justify-self-end{justify-self:end}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-xl{border-radius:.75rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:#9ca3af;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-white\/15{border-color:#ffffff26}.\!bg-\[\#001f3f\]{--tw-bg-opacity:1!important;background-color:#001f3f!important;background-color:rgb(0 31 63/var(--tw-bg-opacity,1))!important}.bg-\[\#0e2644\]{--tw-bg-opacity:1;background-color:#0e2644;background-color:rgb(14 38 68/var(--tw-bg-opacity,1))}.bg-\[\#1f2937\]{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-\[\#292929\]{--tw-bg-opacity:1;background-color:#292929;background-color:rgb(41 41 41/var(--tw-bg-opacity,1))}.bg-\[\#2c2c2c\]{--tw-bg-opacity:1;background-color:#2c2c2c;background-color:rgb(44 44 44/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:#6b7280;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-700{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-2{padding-bottom:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-semibold{font-weight:600}.\!text-white{--tw-text-opacity:1!important;color:#fff!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-black{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.opacity-90{opacity:.9}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{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)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}:root{--page:#e9ebef;--bg:#0b1325;--nav:#0f1a2f;--text:#e8eef7;--border:#ffffff14;--surf:#ffffff0a;--surf-navy:#0e2644;--btn:#0a1a2f;--brand:#2563eb;--input-bg:#0a1a2f;--input-fg:#f4f4f4;--input-border:#ffffff26;--input-border-focus:#2563eb;--input-placeholder:#e8eef7b3}.light-theme{--bg:#f7f9fc;--surf:#fff;--text:#0a1a2f;--input-bg:#fff;--input-fg:#0a1a2f;--input-border:#d6dde6;--input-border-focus:#2563eb;--input-placeholder:#6b7c90}body{font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0}#root,body{background-color:#0a1a2f;color:#f4f4f4}#root{min-height:100vh}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.page-container{align-items:center;background-color:initial;border:none;box-shadow:none;color:#f4f4f4;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;max-width:900px;padding:2rem}.page-title{color:#f4f4f4;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.menu-buttons{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.menu-button{border:none;border-radius:8px;display:inline-block;font-size:1.25rem;padding:1rem 2rem;text-align:center;text-decoration:none;transition:background-color .3s}.page-container:has(.menu-buttons){background-color:initial;border:none;box-shadow:none;color:#f4f4f4}.page-container:has(.menu-buttons) .page-title{color:#f4f4f4}.menu-buttons{background:#0e2644;border:1px solid #ffffff0f;border-radius:12px;box-shadow:0 6px 14px #00000040,inset 0 1px 0 #ffffff0a;padding:1.25rem}.menu-button{background-color:#0a1a2f;border:1px solid #ffffff14;box-shadow:0 2px 6px #00000040;color:#f4f4f4}.menu-button:hover{background-color:#2563eb;border-color:#2563eb;box-shadow:0 4px 10px #2563eb59}.tempo-control{align-items:center;background-color:#0e2644;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 10px #00000040,inset 0 1px 0 #ffffff0a;color:#e8eef7;display:flex;gap:1rem;margin-bottom:.5rem;margin-top:0;padding:.5rem 1rem}.tempo-control label{color:#e8eef7}.tempo-select{background-color:#0a1a2f;border:1px solid #ffffff26;border-radius:6px;color:#e8eef7;font-size:1rem;padding:.4rem .8rem}.tempo-select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb59;outline:none}.tempo-control input[type=number]{background-color:#0a1a2f;border:1px solid #ffffff26;border-radius:6px;color:#e8eef7;padding:.4rem .6rem;text-align:center;width:5rem}.tempo-control input[type=number]:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb59;outline:none}.tempo-control button{background-color:#0a1a2f;border:1px solid #ffffff1f;border-radius:8px;box-shadow:0 2px 6px #00000040;color:#e8eef7;cursor:pointer;padding:.35rem .75rem;transition:background-color .2s,box-shadow .2s,border-color .2s}.tempo-control button:hover{background-color:#1b3b6b;border-color:#2563eb;box-shadow:0 4px 10px #2563eb59}.tempo-control button:active{transform:translateY(1px)}.top-menu-bar{align-items:center;background-color:#fff;border-bottom:1px solid #0a1a2f;box-shadow:0 2px 4px #0a1a2f0d;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1rem;padding:.8rem 1rem;z-index:100}.top-menu-bar button,.top-menu-bar label,.top-menu-bar select{color:#444;font-size:1rem}.top-menu-bar button{background-color:#0a1a2f;border:none;border-radius:6px;color:#f4f4f4;cursor:pointer;padding:.4rem 1rem;transition:background-color .3s}.top-menu-bar button:hover{background-color:#2563eb}.player-controls-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.piano-keyboard-container{margin-top:2rem}.remove-button{border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:.6rem 1.2rem;text-align:center;transition:background-color .3s}.remove-button,.remove-button:hover{background-color:#2563eb}.teacher-homework-container{align-items:center;background-color:#fff;border:1px solid #0a1a2f;box-shadow:0 4px 8px #0a1a2f1a;color:#0a1a2f;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;max-width:900px;padding:2rem}.student-homework-container{color:#f4f4f4;font-size:1.2rem;height:70vh}.student-homework-container,.unauthorized-message{align-items:center;display:flex;justify-content:center;text-align:center}.unauthorized-message{border:1px solid #0a1a2f;color:#2563eb;font-size:1.25rem;min-height:60vh}.homework-form-container,.unauthorized-message{background-color:#fff;box-shadow:0 4px 8px #0a1a2f1a;flex-direction:column;margin:0 auto;max-width:900px;padding:2rem}.homework-form-container{border:1px solid #0a1a2f;border-radius:8px;color:#0a1a2f;display:flex;gap:1.5rem}.form-field{align-items:flex-start;display:flex;flex-direction:column;width:100%}.form-field label{color:#444;font-weight:700;margin-bottom:.5rem}.form-field input,.form-field select,.form-field textarea{background-color:#f4f4f4;border:1px solid #ccc;border-radius:6px;color:#0a1a2f;font-size:1rem;padding:.75rem;width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #e11d484d;outline:none}:root{--at-cursor-color:#2563eb;--at-cursor-fill:#e11d4826}.at-cursor-bar{background:#e11d4826!important;background:var(--at-cursor-fill)!important}.at-cursor-beat{background:#2563eb!important;background:var(--at-cursor-color)!important;width:3px!important}svg .at-cursor,svg .at-cursor-bar,svg .at-cursor-beat{stroke:#2563eb!important;stroke:var(--at-cursor-color)!important;stroke-width:2.5px!important}svg .at-cursor-bar{fill:#e11d4826!important;fill:var(--at-cursor-fill)!important}.at-cursor,.at-cursor-bar,.at-cursor-beat{scroll-margin-top:112px}.page-container:has(.auth-card),.page-container:has(.supabase-auth-ui_ui-container),.page-container:has(form[data-auth]){background-color:initial;border:none;box-shadow:none;color:#f4f4f4}.page-container:has(.auth-card) .page-title,.page-container:has(.supabase-auth-ui_ui-container) .page-title,.page-container:has(form[data-auth]) .page-title{color:#f4f4f4}.auth-card,.supabase-auth-ui_ui-container{background:#0e2644;border:1px solid #ffffff0f;border-radius:12px;box-shadow:0 6px 14px #00000040,inset 0 1px 0 #ffffff0a;color:#f4f4f4;max-width:420px;padding:1.25rem;width:100%}form[data-auth]{background:#0000;border:0;box-shadow:none;padding:0}.auth-card h1,.auth-card h2,.auth-card label,.supabase-auth-ui_ui-form-title,.supabase-auth-ui_ui-label{color:#f4f4f4}.auth-card .helper-text,.supabase-auth-ui_ui-divider span{color:#cbd5e1}.auth-card input,.supabase-auth-ui_ui-input,form[data-auth] input{background-color:#0a1a2f;background-color:var(--input-bg);border:1px solid #ffffff26;border:1px solid var(--input-border);border-radius:6px;color:#f4f4f4;color:var(--input-fg);font-size:1rem;padding:.75rem;width:100%}.auth-card input:focus,.supabase-auth-ui_ui-input:focus,form[data-auth] input:focus{border-color:#2563eb;border-color:var(--input-border-focus);box-shadow:0 0 0 2px color-mix(in srgb,#2563eb 35%,#0000);box-shadow:0 0 0 2px color-mix(in srgb,var(--input-border-focus) 35%,#0000);outline:none}.auth-card input::placeholder,.supabase-auth-ui_ui-input::placeholder,form[data-auth] input::placeholder{color:#e8eef7b3;color:var(--input-placeholder)}.auth-input[type=password],form[data-auth] input[type=password],input[type=password].auth-card input,input[type=password].supabase-auth-ui_ui-input{caret-color:#f4f4f4;caret-color:var(--input-fg)}.auth-card input:-webkit-autofill,.auth-card input:-webkit-autofill:focus,.auth-card input:-webkit-autofill:hover,.auth-input:-webkit-autofill,.auth-input:-webkit-autofill:focus,.auth-input:-webkit-autofill:hover,.supabase-auth-ui_ui-input:-webkit-autofill,.supabase-auth-ui_ui-input:-webkit-autofill:focus,.supabase-auth-ui_ui-input:-webkit-autofill:hover,form[data-auth] input:-webkit-autofill,form[data-auth] input:-webkit-autofill:focus,form[data-auth] input:-webkit-autofill:hover{-webkit-text-fill-color:#f4f4f4;-webkit-text-fill-color:var(--input-fg);box-shadow:inset 0 0 0 1000px #0a1a2f;box-shadow:0 0 0 1000px var(--input-bg) inset;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.auth-input{background:#0a1a2f;background:var(--input-bg);border:1px solid #ffffff26;border:1px solid var(--input-border);border-radius:10px;color:#f4f4f4;color:var(--input-fg);height:44px;outline:none;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.auth-input:focus{border-color:#2563eb;border-color:var(--input-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,#2563eb 28%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--input-border-focus) 28%,#0000)}.auth-button{align-items:center;background:#2563eb;background:var(--brand);border:0;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;height:44px;justify-content:center;padding:0 16px;transition:transform .02s ease,filter .15s ease}.auth-button:active{transform:translateY(1px)}.auth-button[disabled]{cursor:not-allowed;opacity:.55}.alert{font-size:.9rem;margin-top:.75rem}.alert--error{color:#ff6b6b}.alert--info{color:#e8eef7d9}.auth-card button[type=submit],.supabase-auth-ui_ui-button,form[data-auth] button[type=submit]{background-color:#0a1a2f;border:1px solid #ffffff14;border-radius:8px;box-shadow:0 2px 6px #00000040;color:#f4f4f4;cursor:pointer;padding:.6rem 1rem;transition:background-color .25s,box-shadow .25s,border-color .25s}.auth-card button[type=submit]:hover,.supabase-auth-ui_ui-button:hover,form[data-auth] button[type=submit]:hover{background-color:#2563eb;border-color:#2563eb;box-shadow:0 4px 10px #2563eb59}.auth-card a,.supabase-auth-ui_ui-anchor,form[data-auth] a{color:#93c5fd;text-decoration:none}.auth-card a:hover,.supabase-auth-ui_ui-anchor:hover,form[data-auth] a:hover{text-decoration:underline}.brand-header{align-items:center;background:#0f1a2f;background:var(--nav);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);border-top-left-radius:.75rem;border-top-right-radius:.75rem;color:#e8eef7;color:var(--text);display:flex;height:4rem;justify-content:space-between;padding:0 2rem}.brand-header .brand-logo{display:block;height:3rem;object-fit:contain;width:auto}.brand-header .brand-title{font-size:1.25rem;font-weight:800;letter-spacing:.02em;line-height:1}@media (min-width:768px){.brand-header .brand-title{font-size:1.5rem}}.brand-header nav{align-items:center;display:flex;gap:.5rem}.brand-header nav a{border-radius:.375rem;color:#e8eef7;color:var(--text);font-size:.875rem;font-weight:700;padding:.5rem .75rem;text-decoration:none}.brand-header nav a:hover{background-color:#ffffff1a}.auth-card{background:#ffffff0a;background:var(--surf);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:0 0 .75rem .75rem;padding:1.25rem}img{height:auto;max-width:100%}@media (max-width:640px){.brand-header{height:3.5rem;padding:0 .75rem}.brand-header .brand-logo{height:2rem}.brand-header .brand-title{font-size:1rem}.brand-header nav{flex-wrap:wrap;gap:.25rem}.brand-header nav a{font-size:.8rem;padding:.4rem .6rem}.page-container{border-width:0;box-shadow:none;max-width:100%;padding:1rem}.auth-card,.supabase-auth-ui_ui-container{border-radius:10px;max-width:100%;padding:1rem}.top-menu-bar{gap:.75rem;padding:.5rem .75rem}.top-menu-bar button{padding:.35rem .75rem}.at-cursor,.at-cursor-bar,.at-cursor-beat{scroll-margin-top:80px}}@media (min-width:641px) and (max-width:1024px){.brand-header{height:3.75rem;padding:0 1rem}.brand-header .brand-logo{height:2.5rem}.brand-header .brand-title{font-size:1.25rem}.brand-header nav{flex-wrap:wrap;gap:.4rem}.brand-header nav a{font-size:.85rem;padding:.45rem .7rem}.page-container{max-width:48rem;padding:1.25rem}.auth-card,.supabase-auth-ui_ui-container{max-width:28rem}.top-menu-bar{gap:1rem;padding:.6rem 1rem}.at-cursor,.at-cursor-bar,.at-cursor-beat{scroll-margin-top:96px}}@media (min-width:1025px){.brand-header{height:4rem;padding:0 2rem}.brand-header .brand-logo{height:3rem}.brand-header .brand-title{font-size:1.5rem}.brand-header nav{gap:.5rem}.page-container{padding:2rem}.auth-card,.supabase-auth-ui_ui-container{max-width:26.25rem}.at-cursor,.at-cursor-bar,.at-cursor-beat{scroll-margin-top:112px}}.mobile-menu-toggle{display:none}@media (max-width:640px){.brand-header{overflow:hidden}.brand-header nav{display:none}.mobile-menu-toggle{align-items:center;background:#0000;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:.5rem;color:#e8eef7;color:var(--text);display:inline-flex;height:2.25rem;justify-content:center;margin-left:.5rem;width:2.25rem}.mobile-menu-toggle:active{background:#ffffff1a}.mobile-menu-panel{background:#0f1a2f;background:var(--nav);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);color:#e8eef7;color:var(--text);display:flex;flex-direction:column;gap:.25rem;padding:.5rem .75rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.mobile-menu-panel a,.mobile-menu-panel span{border-radius:.5rem;color:#e8eef7;color:var(--text);font-size:.95rem;font-weight:700;padding:.6rem .75rem;text-decoration:none}.mobile-menu-panel a:hover{background:#ffffff1a}}.brand-header{position:-webkit-sticky;position:sticky;top:0;z-index:1100}@media (max-width:640px){.mobile-menu-panel{-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px);box-shadow:0 12px 24px #00000059;left:0;padding-bottom:max(.5rem,env(safe-area-inset-bottom));right:0;width:100%}.mobile-menu-panel a,.mobile-menu-panel span{display:block;line-height:1.25rem}.mobile-menu-panel{animation:slideDown .18s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}}.player-header{color:#f4f4f4}.student-homework-list>li{background-color:#001f3f!important;border-color:#ffffff26!important;color:#fff!important}.student-homework-list>li:hover{background-color:#ffffff1a!important}.main-background{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:calc(100vh - 4rem)}@media (max-width:640px){.main-background{background-position:top;background-size:contain}}.teacher-homework-container.teacher--navy{background-color:initial;border:0;box-shadow:none;color:#e8eef7;color:var(--text)}.teacher-homework-container.teacher--navy h1,.teacher-homework-container.teacher--navy h2,.teacher-homework-container.teacher--navy h3,.teacher-homework-container.teacher--navy label,.teacher-homework-container.teacher--navy p{color:#e8eef7;color:var(--text)}.teacher-homework-container.teacher--navy a{color:#93c5fd;text-decoration:none}.teacher-homework-container.teacher--navy a:hover{text-decoration:underline}.teacher-homework-container.teacher--navy .btn,.teacher-homework-container.teacher--navy button{background-color:#0a1a2f;background-color:var(--btn);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 6px #00000040;color:#e8eef7;color:var(--text);cursor:pointer;padding:.6rem 1rem;transition:background-color .25s,box-shadow .25s,border-color .25s}.teacher-homework-container.teacher--navy .btn:hover,.teacher-homework-container.teacher--navy button:hover{background-color:#2563eb;background-color:var(--brand);border-color:#2563eb;border-color:var(--brand);box-shadow:0 4px 10px #2563eb59}.teacher-homework-container.teacher--navy input,.teacher-homework-container.teacher--navy select,.teacher-homework-container.teacher--navy textarea{background-color:#0a1a2f;border:1px solid #ffffff26;border-radius:6px;color:#e8eef7;color:var(--text);font-size:1rem;padding:.75rem;width:100%}.teacher-homework-container.teacher--navy input:focus,.teacher-homework-container.teacher--navy select:focus,.teacher-homework-container.teacher--navy textarea:focus{border-color:#2563eb;border-color:var(--brand);box-shadow:0 0 0 2px #2563eb59;outline:none}@media (max-width:640px){.teacher-homework-container{padding:1rem}.teacher-homework-container.teacher--navy{border-radius:10px}}.teacher-homework-container .student-card{background:#0000;border:1px solid #ffffff1f;box-shadow:none;color:#e8eef7;color:var(--text)}.teacher-homework-container .student-card:hover{background:#ffffff0a}.teacher-homework-container .student-card:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--brand);outline-offset:2px}.student-meta{grid-gap:8px 12px;align-items:center;display:grid;gap:8px 12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:8px}.meta-item{align-items:baseline;display:flex;gap:6px;min-width:0}.meta-label{font-size:.9rem;opacity:.7;white-space:nowrap}.meta-value{color:#e8eef7;color:var(--text);font-size:.95rem;overflow:hidden;text-overflow:ellipsis}@media (max-width:420px){.student-meta{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.student-inline{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.student-name{flex:1 1 200px;margin:0;min-width:140px}.student-facts{align-items:center;display:flex;flex-wrap:wrap;gap:6px 12px}.fact-item{align-items:baseline;display:flex;gap:6px;white-space:nowrap}@media (max-width:640px){.student-name{flex-basis:100%}.student-facts{gap:6px 10px}}.teacher-homework-container.teacher--navy h2{color:#e8eef7;color:var(--text);margin:0 0 1rem}.teacher-homework-container.teacher--navy .homework-list{display:flex;flex-direction:column;gap:.75rem}.teacher-homework-container.teacher--navy .homework-card h3{color:#e8eef7;color:var(--text);margin:0}.teacher-homework-container.teacher--navy .homework-card .meta{color:#e8eef7;color:var(--text);opacity:.95}.teacher-homework-container.teacher--navy .homework-card .meta span{align-items:baseline;display:inline-flex;gap:6px;white-space:nowrap}.teacher-homework-container.teacher--navy .homework-card .meta strong{opacity:.85}.teacher-homework-container.teacher--navy input::placeholder{color:#e8eef7b3}.teacher-homework-container.teacher--navy .btn-danger:hover{background-color:#e53935;border-color:#e53935;box-shadow:0 4px 10px #e5393559}@media (max-width:640px){.teacher-homework-container.teacher--navy .homework-card h3{font-size:1rem}}.teacher-homework-container.teacher--navy .btn-primary{background-color:#2563eb;border:1px solid #2563eb;color:#fff}.teacher-homework-container.teacher--navy .btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 10px #2563eb59}.teacher-homework-container.teacher--navy .btn-danger{background-color:#c62828;border:1px solid #c62828;color:#fff}.teacher-homework-container.teacher--navy .btn-danger:hover{background-color:#b71c1c;border-color:#b71c1c;box-shadow:0 4px 10px #b71c1c59}.teacher-homework-container.teacher--navy .homework-form-container form button[type=submit]{margin-top:1.5rem}.report-pane,.report-pane h2,.report-pane h3,.report-pane h4,.report-pane label{color:#e8eef7;color:var(--text)}.report-pane input[type=date],.report-pane input[type=text],.report-pane select,.report-pane textarea{background-color:#0a1a2f;border:1px solid #ffffff26;border-radius:6px;color:#e8eef7;color:var(--text);padding:.5rem .75rem}.report-pane select option{background-color:#0a1a2f;color:#e8eef7;color:var(--text)}.report-pane .filter-row,.report-pane .filters{gap:.5rem;row-gap:.5rem}.report-pane .btn,.report-pane button,.report-pane button[type=button]{background-color:#2563eb;border:1px solid #2563eb;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .25s,box-shadow .25s,border-color .25s}.report-pane .btn:hover,.report-pane button:hover,.report-pane button[type=button]:hover{background-color:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 10px #1d4ed859}.report-pane input[type=date],.report-pane input[type=text],.report-pane select,.report-pane textarea{background-color:#0a1a2f!important;border:1px solid #ffffff2e!important;color:#e8eef7!important;color:var(--text)!important}.report-pane input[type=text]::placeholder,.report-pane select::placeholder,.report-pane textarea::placeholder{color:#e8eef7b3!important}.report-pane .btn,.report-pane button,.report-pane button[type=button],.report-pane button[type=submit]{background-color:#2563eb!important;border:1px solid #2563eb!important;border-radius:8px;color:#fff!important;cursor:pointer;padding:.5rem 1rem;transition:background-color .25s,box-shadow .25s,border-color .25s}.report-pane .btn:hover,.report-pane button:hover,.report-pane button[type=button]:hover,.report-pane button[type=submit]:hover{background-color:#1d4ed8!important;border-color:#1d4ed8!important;box-shadow:0 4px 10px #1d4ed859}.report-pane .report-item{margin-bottom:1rem}.report-pane .report-detail{margin-left:1.25rem}.report-pane .report-empty{margin-left:1rem;opacity:.9}.report-pane .filter-row,.report-pane .filters{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem .75rem}table.teacher-homeworks{border-collapse:collapse;width:100%}table.teacher-homeworks td,table.teacher-homeworks th{padding:.75rem;text-align:left}@media (max-width:640px){table.teacher-homeworks thead{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table.teacher-homeworks,table.teacher-homeworks tbody,table.teacher-homeworks td,table.teacher-homeworks tr{display:block;width:100%}table.teacher-homeworks tr{background:#ffffff0a;background:var(--surf,#ffffff08);border:1px solid #ffffff26;border-radius:8px;margin-bottom:.75rem;padding:.5rem .75rem}table.teacher-homeworks td{border:none;min-height:2.25rem;padding-left:8.5rem;position:relative}table.teacher-homeworks td:before{content:attr(data-label);font-weight:600;left:.75rem;opacity:.85;position:absolute;top:.5rem;white-space:nowrap;width:7.5rem}.teacher-homework-container.teacher--navy .homework-card .meta{flex-wrap:wrap}.teacher-homework-container.teacher--navy .homework-card .meta span{white-space:normal}.teacher-homework-container{max-width:100%;overflow-x:hidden}.teacher-homework-container.teacher--navy .homework-card{box-sizing:border-box;max-width:100%;width:100%}.teacher-homework-container.teacher--navy .homework-card .actions{align-items:flex-end;flex-direction:column;gap:.5rem;width:100%}.teacher-homework-container.teacher--navy .homework-card .actions .btn,.teacher-homework-container.teacher--navy .homework-card .actions button{align-self:flex-end;justify-content:center;min-width:100px;width:16.5%}.teacher-homework-container.teacher--navy .homework-card{align-items:flex-start}.teacher-homework-container.teacher--navy .homework-card .flex-1{min-width:72%}.teacher-homework-container.teacher--navy .homework-card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word}.teacher-homework-container{overflow-x:visible}table.teacher-homeworks td.actions,table.teacher-homeworks td[data-label*=Action],table.teacher-homeworks td[data-label*=Aksiyon],table.teacher-homeworks td[data-label*=\130\15Flem]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;min-height:auto;padding-left:.75rem}table.teacher-homeworks td.actions:before,table.teacher-homeworks td[data-label*=Action]:before,table.teacher-homeworks td[data-label*=Aksiyon]:before,table.teacher-homeworks td[data-label*=\130\15Flem]:before{content:"";display:none}table.teacher-homeworks td.actions .btn,table.teacher-homeworks td.actions button,table.teacher-homeworks td[data-label*=Action] .btn,table.teacher-homeworks td[data-label*=Action] button,table.teacher-homeworks td[data-label*=Aksiyon] .btn,table.teacher-homeworks td[data-label*=Aksiyon] button,table.teacher-homeworks td[data-label*=\130\15Flem] .btn,table.teacher-homeworks td[data-label*=\130\15Flem] button{flex:1 1 140px;max-width:100%;min-width:120px;white-space:nowrap}}body.findnote-page,body.findnote-page #root{background-color:#0a1a2f!important}.findnote-page .card-surface,.findnote-page .content-wrapper,.findnote-page .main-background,.findnote-page .menu-buttons,.findnote-page .page-container .menu-buttons,.findnote-page .panel,.findnote-page .surface{background:#0000!important;border:0!important;box-shadow:none!important}body.findnote-page #root{margin:0!important;min-height:100vh;padding:0!important}body.findnote-page #root .card,body.findnote-page #root .container,body.findnote-page #root .game-root,body.findnote-page #root [class*=card],body.findnote-page #root [class*=container],body.findnote-page #root [class*=wrapper],body.findnote-page #root>div,body.findnote-page #root>div>div{background:#0000!important;border:0!important;box-shadow:none!important}body.findnote-page #root .game-root{margin:0 auto;max-width:100%}.hover\:\!bg-white\/10:hover{background-color:#ffffff1a!important}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:#991b1b;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:opacity-90:hover{opacity:.9}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=main.a18ae3b2.css.map*/