@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,::backdrop{--tw-border-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}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.float-left{float:left}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.min-h-screen{min-height:100vh}.w-full{width:100%}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.text-center{text-align:center}.lowercase{text-transform:lowercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media (hover:hover){.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-\[\#383838\]:hover{background-color:#383838}}@media (prefers-color-scheme:dark){.dark\:invert{--tw-invert:invert(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,)}@media (hover:hover){.dark\:hover\:bg-\[\#1a1a1a\]:hover{background-color:#1a1a1a}.dark\:hover\:bg-\[\#ccc\]:hover{background-color:#ccc}}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:##a8b8ca;color:#2a2a2a;grid-template:"header header""nav main"1fr"footer footer"/250px 1fr;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:grid}header{color:#2a2a2a;background-color:#7a8fa8;border-bottom:3px solid #6b7f98;grid-area:header;padding:1.5rem 2rem}header h1{margin-bottom:.25rem;font-size:2rem;font-weight:700}header h3{color:#3a3a3a;font-size:1rem;font-style:italic;font-weight:400}.auth-section{align-items:center;gap:24px;margin-top:12px;display:flex}nav{background-color:#8fa5be;border-right:2px solid #7a8fa8;grid-area:nav;padding:1.5rem 1rem}nav ul{list-style:none}nav li{margin-bottom:.5rem}nav a{color:#2a2a2a;border-radius:4px;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s,color .2s;display:block}nav a:hover{color:#2a2a2a;background-color:#7a8fa8}main{background-color:#c8d3de;border-radius:8px;grid-area:main;min-height:calc(100vh - 250px);margin:1.5rem;padding:2rem;box-shadow:0 2px 4px #0000001a}footer{color:#2a2a2a;text-align:center;background-color:#7a8fa8;border-top:3px solid #6b7f98;grid-area:footer;padding:1rem 2rem;font-size:.9rem}.mono{font-family:Courier New,Courier,monospace}@media (max-width:768px){body{grid-template-columns:1fr;grid-template-areas:"header""nav""main""footer"}nav{border-bottom:2px solid #7a8fa8;border-right:none}nav ul{gap:.5rem;display:flex}nav li{margin-bottom:0}}@property --tw-border-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}
.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:32px;position:relative;box-shadow:0 4px 20px #00000026}.modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;display:flex;position:absolute;top:12px;right:12px}.modal-close:hover{background-color:#f0f0f0}.modal-content h2{color:#333;margin:0 0 8px;font-size:24px}.modal-subtitle{color:#666;margin:0 0 24px}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:6px;font-weight:500;display:block}.pin-input,.text-input{box-sizing:border-box;border:2px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:18px;transition:border-color .2s}.pin-input{letter-spacing:8px;text-align:center}.pin-input:focus,.text-input:focus{border-color:#4a90d9;outline:none}.pin-input.input-error{border-color:#e53935}.error-text{color:#e53935;margin-top:4px;font-size:14px;display:block}.error-message{color:#c62828;background-color:#ffebee;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.submit-button{color:#fff;cursor:pointer;background-color:#4a90d9;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background-color .2s}.submit-button:hover:not(:disabled){background-color:#357abd}.submit-button:disabled{cursor:not-allowed;background-color:#ccc}.switch-mode{text-align:center;color:#666;margin-top:20px;font-size:14px}.switch-mode button{color:#4a90d9;cursor:pointer;font-size:inherit;background:0 0;border:none;text-decoration:underline}.switch-mode button:hover{color:#357abd}
.learner-badge{align-items:center;gap:12px;font-size:.85em;display:flex}.learner-name{opacity:.6}.registered-badge{color:#fff;text-transform:uppercase;background-color:#4caf50;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:600}.auth-button{color:#fff;cursor:pointer;background-color:#4a90d9;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background-color .2s}.auth-button:hover{background-color:#357abd}
.adult-auth-loading{opacity:.6;font-size:12px}.adult-auth-signed-in{align-items:center;gap:12px;display:flex}.adult-auth-email{opacity:.7;font-size:12px}.adult-auth-button{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background-color .2s}.adult-auth-signin{color:#fff;background-color:#34a853}.adult-auth-signin:hover{background-color:#2d8f47}.adult-auth-signout{color:#fff;background-color:#666}.adult-auth-signout:hover{background-color:#555}