.top-avatar-btn{position:fixed;top:16px;right:20px;z-index:1000;width:56px;height:56px;border-radius:999px;background:linear-gradient(135deg,#f3b867,#f78f3f);color:#fff;font-size:18px;font-weight:800;letter-spacing:1px;border:3px solid rgba(255,255,255,.5);box-shadow:0 6px 20px #0006;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:transform .15s ease,box-shadow .15s ease}.top-avatar-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #00000073}.top-avatar-btn:active{transform:translateY(1px);box-shadow:0 4px 10px #0000004d}.popup-box h1,.popup-box h2,.popup-box h3,.popup-box p{margin-top:0}.sim-screen .app-screen-inner{max-width:none;width:100%;height:100vh;border-radius:0;box-shadow:none}.sim-root{background-size:cover;background-position:center;position:relative;height:100vh}.sim-back{position:absolute;top:24px;left:24px;z-index:1000;color:#000}.sim-toolbar{position:absolute;top:24px;right:32px}.sim-toolbar-card{width:110px;height:180px;border-radius:var(--radius-large);background:linear-gradient(180deg,#f7c270,#f3e2cf);box-shadow:0 18px 28px #00000059,0 0 0 1px #ffffffbf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.sim-duck{position:absolute;inset:0;margin:auto;height:60%;object-fit:contain}.quiz-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(720px,90%);padding:24px 28px;background:linear-gradient(180deg,#f7c270,#f3e2cf);border-radius:24px;box-shadow:0 18px 28px #00000059,0 0 0 1px #ffffff80}.question{color:#5a3000;font-family:var(--font-body, system-ui, sans-serif);font-size:28px;font-weight:700;line-height:1.2;margin:0 0 16px}.quiz-narrative{color:#7e410f;font-family:var(--font-body, system-ui, sans-serif);font-size:17px;line-height:1.45;margin:0 0 16px;white-space:pre-wrap;text-align:left}.quiz-prompt{color:#7e410f;font-family:var(--font-body, system-ui, sans-serif);font-size:20px;line-height:1.3;margin:0 0 12px}.quiz-popup ol{margin:0;padding:0;list-style:none;counter-reset:quiz-choice}.quiz-popup .answer{margin:10px 0 0;counter-increment:quiz-choice;font-size:18px;line-height:1.35;color:#5a3000;font-family:var(--font-body, system-ui, sans-serif)}.quiz-popup .answer button{box-sizing:border-box;width:100%;display:block;cursor:pointer;font:inherit;color:inherit;text-align:left;padding:14px 18px;border-radius:14px;border:2px solid rgba(90,48,0,.45);background:#ffffff38;box-shadow:0 2px #5a30001f;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.quiz-popup .answer button:before{content:counter(quiz-choice) ". ";font-weight:700;color:#5a3000}.quiz-popup .answer button:hover:not(:disabled){background:#ffffff73;border-color:#5a3000bf;box-shadow:0 3px 8px #0000001f}.quiz-popup .answer button:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 3px #0000001a}.quiz-popup .answer button:disabled{opacity:.55;cursor:not-allowed;border-color:#5a300033}.popup-overlay{position:fixed;inset:0;background:radial-gradient(circle at center,#00000073,#000000bf);display:flex;justify-content:center;align-items:center;z-index:999}.popup-box{max-width:600px;width:90%;background:linear-gradient(180deg,#f4efe8,#f0d5a2);border-radius:28px;padding:32px 28px 28px;box-shadow:0 28px 40px #00000073;text-align:center;color:#7e410f;font-family:var(--font-body, system-ui, sans-serif)}.popup-feedback{font-size:19px;line-height:1.35;color:#5a3a14;margin:0 0 24px;white-space:pre-wrap;text-align:center}.introduction-box{max-width:600px;width:90%}.introduction-box h2{color:#f8770d;font-size:40px;font-weight:700;line-height:1.1;margin:0 0 12px}.introduction-box p{margin:6px 0;font-size:20px;line-height:1.25;color:#7e410f}.success-box{max-width:600px;width:90%}.success-box h2{font-size:42px;font-weight:800;line-height:1.1;margin:0 0 16px;color:#3f7d3f}.success-box p,.success-box .popup-feedback{margin:0 0 24px;font-size:19px;line-height:1.35;color:#5a3a14}.incorrect-box h2{font-family:var(--font-body, system-ui, sans-serif);font-weight:700;font-size:40px;line-height:1.1;margin:0 0 12px;color:#c0392b}.incorrect-box p,.incorrect-box .popup-feedback{margin:0 0 20px;font-size:19px;line-height:1.3;color:#5a3a14}.incorrect-box .popup-close{margin-top:8px}.gameover-box h2{font-family:var(--font-body, system-ui, sans-serif);font-weight:800;font-size:42px;line-height:1.1;margin:0 0 14px;color:#c0392b}.gameover-box p,.gameover-box .popup-feedback{margin:0 0 20px;font-size:19px;line-height:1.3;color:#5a3a14}.popup-close,.close-button{margin-top:12px;padding:14px 32px;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(145deg,#f9c66b,#f38f43);color:#fff;font-weight:700;font-size:18px;box-shadow:0 14px 24px #00000059,0 0 0 1px #ffffff4d;transition:transform .15s ease,box-shadow .15s ease}.popup-close:hover,.close-button:hover{transform:translateY(-2px);box-shadow:0 16px 28px #0006,0 0 0 1px #ffffff4d}.close-button{background:linear-gradient(145deg,#f9c66b,#f38f43);margin-left:auto;margin-right:auto;display:inline-block}.sim-landing-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1200px,95%);text-align:center}.sim-landing-title{color:#fff;font-size:48px;margin-bottom:40px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.sim-level-selection{display:flex;flex-direction:row;gap:20px;align-items:stretch;justify-content:center;flex-wrap:wrap}.sim-level-button-container{position:relative}.sim-level-button{flex:1;min-width:200px;max-width:250px;min-height:180px;padding:24px 20px;border-radius:16px;border:none;cursor:pointer;text-align:center;transition:all .3s ease;box-shadow:0 8px 16px #0003;display:flex;flex-direction:column;justify-content:space-between;position:relative}.classroom-card{position:relative}.classroom-delete-button{position:absolute;top:8px;right:8px;background:#0000004d;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;padding:0;margin:0}.delete-x{font-size:20px;font-weight:300;color:#fff;line-height:1;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;text-align:center;width:100%;height:100%}.classroom-delete-button:hover{background:#dc0505cc;transform:scale(1.1)}.classroom-delete-button:active{transform:scale(.95)}@media(max-width:768px){.sim-level-selection{flex-direction:column}.sim-level-button{max-width:100%;width:100%}}.classroom-input{width:100%;height:64px;padding:0 22px;font-size:20px;border:none;border-radius:18px;outline:none;box-sizing:border-box;background:#fff;box-shadow:0 10px 24px #0000002e}.classroom-input::placeholder{color:#9aa3ad}.classroom-input:focus{box-shadow:0 12px 26px #00000038,0 0 0 4px #e3a53859}.sim-level-button.primary{background:linear-gradient(135deg,#e3a538,#f7c270);color:#fff}.sim-level-button.primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0000004d}.sim-level-button.completed{background:linear-gradient(135deg,#4caf50,#81c784);color:#fff}.sim-level-button.completed:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0000004d}.sim-level-button.available{background:linear-gradient(135deg,#c4651a,#e8945a);color:#fff}.sim-level-button.available:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0000004d}.sim-level-button.locked{background:linear-gradient(135deg,#9e9e9e,#bdbdbd);color:#fff;cursor:not-allowed;opacity:.6}.sim-level-header{display:flex;flex-direction:column;align-items:center;margin-bottom:12px;gap:8px}.sim-level-header h2{margin:0;font-size:20px;font-weight:600}.sim-level-button p{margin:auto 0 0;font-size:14px;opacity:.9}.completed-badge{background:#ffffff4d;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.locked-badge{background:#0003;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.sim-coming-soon-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(600px,90%);text-align:center;background:#f3e8dd;padding:48px 32px;border-radius:16px;box-shadow:0 16px 32px #0000004d}.sim-coming-soon-title{color:#333;font-size:36px;margin-bottom:24px;font-weight:600}.sim-coming-soon-message{color:#e3a538;font-size:48px;font-weight:700;margin-bottom:16px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.sim-coming-soon-description{color:#666;font-size:18px;margin-bottom:32px;line-height:1.6}.help-button{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;border:none;background:#ffffffe6;color:#5a3000;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0003;z-index:10}.help-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.tutorial-popup h2{color:#f8770d;font-size:32px;font-weight:700;margin:0 0 16px}.landing-root.landing-root{background-size:cover;background-position:center;position:relative;height:100vh}.landing-root .landing-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:24px;text-align:center;background:radial-gradient(circle at center,rgba(0,0,0,.2),transparent 60%)}.landing-root .landing-title{font-family:var(--font-display);font-size:clamp(64px,6vw,80px);letter-spacing:.3em;text-transform:uppercase;color:#fff}.landing-root .landing-buttons .gradient-button{font-family:var(--font-body)}.landing-root .landing-buttons{display:flex;gap:250px;flex-wrap:wrap;justify-content:center;width:100%;max-width:90vw}.landing-root .gradient-button{min-width:200px;padding:18px 40px;border-radius:24px;border:none;outline:none;cursor:pointer;font-size:20px;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(145deg,#f9c66b,#f38f43);box-shadow:0 14px 24px #00000059,0 0 0 1px #ffffff4d;transition:transform .15s ease,box-shadow .15s ease}.landing-root .gradient-button:hover{transform:translateY(-2px);box-shadow:0 18px 30px #00000073,0 0 0 1px #ffffff59}.landing-root .gradient-button:active{transform:translateY(1px);box-shadow:0 10px 18px #00000059,0 0 0 1px #ffffff40}:root{--c-primary: #e07b39;--c-primary-dark: #c4612a;--c-primary-light: #fef3e2;--c-primary-mid: #f59e4a;--c-surface: #faf7f4;--c-white: #ffffff;--c-text-primary: #1c1410;--c-text-secondary: #6b5b4e;--c-text-muted: #a89080;--c-border: rgba(180, 100, 40, .12);--c-border-light: rgba(180, 100, 40, .08);--c-teal-light: #e1f5ee;--c-teal-dark: #0f6e56;--c-purple-light: #eeedfe;--c-purple-dark: #3c3489;--c-blue-light: #e6f1fb;--c-blue-dark: #0c447c;--c-red-light: #fde8e8;--c-red-dark: #9b1c1c;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 99px;--font: "IBM Plex Sans", system-ui, sans-serif}.landing-root{min-height:100%;background:var(--c-white);color:var(--c-text-primary);font-family:var(--font);font-size:15px;font-weight:500;line-height:1.7;-webkit-font-smoothing:antialiased}.landing-root h1,.landing-root h2,.landing-root h3{font-weight:500}.landing-root h1{font-size:36px;line-height:1.2;color:var(--c-text-primary)}.landing-root h2{font-size:22px;line-height:1.3;color:var(--c-text-primary)}.landing-root h3{font-size:14px;line-height:1.35;color:var(--c-text-primary)}.landing-root p{margin:0;font-size:15px;font-weight:500;line-height:1.7;color:var(--c-text-secondary)}.landing-root a{color:inherit}.landing-root button{font-family:inherit;font-weight:500;cursor:pointer}.landing-btn{display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;line-height:1.2;border-radius:var(--r-sm);border:none;background:transparent}.landing-btn--primary{background:var(--c-primary);color:#fff;padding:8px 20px}.landing-btn--primary:hover{background:var(--c-primary-dark)}.landing-btn--outline{background:transparent;color:var(--c-text-primary);border:.5px solid var(--c-border);padding:8px 20px}.landing-btn--outline:hover{background:var(--c-surface)}.landing-btn--sm{padding:6px 14px;font-size:13px}.landing-btn--hero{padding:10px 26px}.landing-navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 32px;background:var(--c-white);border-bottom:.5px solid var(--c-border-light)}.landing-navbar__brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--c-text-primary)}.landing-navbar__logo-wrap{position:relative;width:36px;height:36px;flex-shrink:0}.landing-navbar__logo-img{width:36px;height:36px;border-radius:6px;object-fit:cover;display:block}.landing-navbar__logo-img--hidden{display:none}.landing-navbar__logo-fallback{display:none;width:36px;height:36px;border-radius:6px;background:var(--c-primary)}.landing-navbar__logo-fallback--visible{display:block}.landing-navbar__wordmark{font-size:15px;font-weight:500;color:var(--c-text-primary)}.landing-navbar__nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;flex:1}.landing-navbar__link{padding:0;margin:0;border:none;background:none;font-family:inherit;font-size:13px;font-weight:500;color:var(--c-text-secondary);text-decoration:none;cursor:pointer}.landing-navbar__link:hover{color:var(--c-text-primary)}.landing-navbar__link--external{color:var(--c-primary)}.landing-navbar__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.landing-hero{background:var(--c-white);padding:64px 32px 56px;text-align:center}.landing-hero__duck{width:104px;height:104px;margin:0 auto 20px;border-radius:var(--r-lg);background:var(--c-primary-light);display:flex;align-items:center;justify-content:center;position:relative}.landing-hero__duck-img{width:104px;height:104px;object-fit:contain;display:block}.landing-hero__duck-img--hidden{display:none}.landing-hero__duck-fallback{display:none;width:72px;height:72px;border-radius:50%;background:var(--c-primary)}.landing-hero__duck-fallback--visible{display:block}.landing-hero__badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px;padding:4px 14px;border-radius:var(--r-pill);background:var(--c-primary-light);color:var(--c-primary-dark);font-size:11px;font-weight:500}.landing-hero__badge-dot{width:6px;height:6px;border-radius:50%;background:var(--c-primary);flex-shrink:0}.landing-hero__title{margin:0 0 12px;font-size:36px;font-weight:500;line-height:1.2}.landing-hero__title-line{color:var(--c-text-primary)}.landing-hero__title-accent{color:var(--c-primary)}.landing-root .landing-hero__sub{max-width:480px;margin:0 auto 28px;font-size:15px;font-weight:500;line-height:1.7;color:var(--c-text-secondary);text-align:center}.landing-hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.landing-stats{background:var(--c-surface);border-top:.5px solid rgba(224,123,57,.2);border-bottom:.5px solid rgba(224,123,57,.2);padding:32px}.landing-stats__inner{max-width:560px;margin:0 auto}.landing-stats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:520px){.landing-stats__grid{grid-template-columns:1fr}}.landing-stat-card{background:var(--c-white);border:.5px solid rgba(224,123,57,.2);border-radius:var(--r-sm);padding:16px;text-align:center}.landing-stat-card__num{font-size:26px;font-weight:500;color:var(--c-primary);line-height:1.2}.landing-stat-card__label{margin-top:4px;font-size:12px;font-weight:500;color:var(--c-text-muted)}.landing-section{padding:56px 32px}.landing-section--white{background:var(--c-white)}.landing-section--surface{background:var(--c-surface)}.landing-section__eyebrow{margin:0 0 8px;font-size:11px;font-weight:500;color:var(--c-primary);text-transform:uppercase;letter-spacing:.08em}.landing-section__h2{margin:0 0 12px;font-size:22px;font-weight:500;color:var(--c-text-primary)}.landing-section__lead{max-width:520px;margin:0 0 24px;font-size:15px;font-weight:500;line-height:1.7;color:var(--c-text-secondary)}.landing-section__sub{max-width:480px;margin:0 0 24px;font-size:15px;font-weight:500;line-height:1.7;color:var(--c-text-secondary)}.landing-about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:768px){.landing-about-grid{grid-template-columns:1fr}}.landing-feature-card{background:var(--c-white);border:.5px solid var(--c-border-light);border-radius:var(--r-md);padding:20px}.landing-feature-card__icon{width:36px;height:36px;border-radius:10px;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.landing-feature-card__icon--branch{background:var(--c-primary-light);color:var(--c-primary)}.landing-feature-card__icon--chat{background:var(--c-purple-light)}.landing-feature-card__icon--teacher{background:#fef3e2;color:#b45309}.landing-feature-card__title{margin:0 0 8px;font-size:14px;font-weight:500;color:var(--c-text-primary)}.landing-feature-card__body{margin:0;font-size:14px;font-weight:500;line-height:1.65;color:var(--c-text-secondary)}.landing-feature-card__duck-icon{width:28px;height:28px;object-fit:contain;display:block}.landing-how-strip{display:grid;grid-template-columns:repeat(5,1fr);margin:24px 0 0;padding:0;list-style:none;background:var(--c-white);border:.5px solid var(--c-border-light);border-radius:var(--r-md);overflow:hidden}.landing-how-step{padding:16px 12px;text-align:center;border-right:.5px solid var(--c-border-light);background:var(--c-white)}.landing-how-step:last-child{border-right:none}@media(max-width:899px){.landing-how-strip{grid-template-columns:1fr}.landing-how-step{border-right:none;border-bottom:.5px solid var(--c-border-light)}.landing-how-step:last-child{border-bottom:none}}.landing-how-step__num{margin:0 0 4px;font-size:11px;font-weight:500;color:var(--c-primary)}.landing-how-step__title{margin:0 0 4px;font-size:13px;font-weight:500;color:var(--c-text-primary)}.landing-how-step__desc{margin:0;font-size:11px;font-weight:500;line-height:1.5;color:var(--c-text-muted)}.landing-ohsu-callout{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 22px;border-radius:var(--r-md);background:var(--c-primary-light);border:.5px solid rgba(224,123,57,.25)}.landing-ohsu-callout__text{max-width:420px;margin:0;font-size:13px;font-weight:500;line-height:1.6;color:var(--c-primary-dark)}.landing-ohsu-pills{display:flex;flex-wrap:wrap;gap:8px}.landing-ohsu-pill{padding:5px 12px;border-radius:var(--r-pill);background:var(--c-white);border:.5px solid rgba(224,123,57,.3);color:var(--c-primary-dark);font-size:11px;font-weight:500}.landing-team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}@media(max-width:900px){.landing-team-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.landing-team-grid{grid-template-columns:1fr}}.landing-team-card{background:var(--c-white);border:.5px solid var(--c-border-light);border-radius:var(--r-md);padding:14px;text-align:center}.landing-team-card-link{display:block;text-decoration:none;color:inherit}.landing-team-card-link:hover .landing-team-card{outline:1px solid var(--c-primary);outline-offset:0}.landing-team-card__avatar{width:38px;height:38px;margin:0 auto 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500}.landing-team-card__avatar--ks{background:var(--c-teal-light);color:var(--c-teal-dark)}.landing-team-card__avatar--ih{background:var(--c-purple-light);color:var(--c-purple-dark)}.landing-team-card__avatar--ad{background:var(--c-primary-light);color:var(--c-primary-dark)}.landing-team-card__avatar--ni{background:var(--c-red-light);color:var(--c-red-dark)}.landing-team-card__avatar--fm{background:var(--c-blue-light);color:var(--c-blue-dark)}.landing-team-card__name{margin:0 0 2px;font-size:12px;font-weight:500;color:var(--c-text-primary)}.landing-team-card__role{margin:0;font-size:11px;font-weight:500;color:var(--c-text-muted)}.landing-partner-card{display:flex;align-items:center;gap:12px;margin-top:12px;padding:14px 18px;background:var(--c-white);border:.5px solid var(--c-border-light);border-radius:var(--r-md)}.landing-partner-card__avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--c-primary-light);color:var(--c-primary-dark);font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center}.landing-partner-card__name{margin:0 0 2px;font-size:13px;font-weight:500;color:var(--c-text-primary)}.landing-partner-card__sub{margin:0;font-size:12px;font-weight:500;color:var(--c-text-muted)}.landing-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 32px;border-top:.5px solid var(--c-border-light);background:var(--c-white)}.landing-footer__left{justify-self:start;margin:0;font-size:12px;font-weight:500;color:var(--c-text-muted)}.landing-footer__center{justify-self:center;margin:0;font-size:12px;font-weight:500}.landing-footer__center a{color:var(--c-primary);text-decoration:none;font-weight:500}.landing-footer__center a:hover{color:var(--c-primary-dark)}.landing-footer__actions{justify-self:end;display:flex;gap:8px;align-items:center}.landing-main{display:block}.landing-screenshots-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:768px){.landing-screenshots-grid{grid-template-columns:1fr}}.landing-screenshot-card{background:var(--c-white);border:.5px solid var(--c-border-light);border-radius:var(--r-md);overflow:hidden}.landing-screenshot-card__img-wrap{background:var(--c-primary-light);padding:12px}.landing-screenshot-card__img{width:100%;display:block;border-radius:var(--r-sm)}.landing-screenshot-card__body{padding:16px 20px}.landing-screenshot-card__title{margin:0 0 6px;font-size:14px;font-weight:500;color:var(--c-text-primary)}.landing-screenshot-card__desc{margin:0;font-size:13px;font-weight:500;line-height:1.6;color:var(--c-text-secondary)}.soft-card{background:linear-gradient(180deg,#f4efe8,#f0d5a2);border-radius:var(--radius-large);padding:32px;box-shadow:0 18px 30px #00000040,0 0 0 1px #ffffffb3}.classroom-root{display:grid;grid-template-columns:2.8fr 1fr}.classroom-left{padding:32px 40px;display:flex;flex-direction:column;background:linear-gradient(180deg,#f4bc7a,#f1e6dc 60%,#e2e1e0)}.classroom-right{background:linear-gradient(180deg,#ea8c2f,#f6c678);display:flex;flex-direction:column;align-items:flex-end;padding:24px;position:relative}.icon-menu:before{content:"";display:block;width:18px;height:2px;background:#fff;box-shadow:0 6px #fff,0 -6px #fff;margin:20px auto 0}.classroom-duck{position:absolute;bottom:24px;right:24px;max-height:45%}.back-arrow{border:none;background:none;color:#fff;font-size:32px;cursor:pointer;margin-bottom:12px}.back-arrow:before{content:"❮"}.classroom-header{display:flex;align-items:center;gap:24px;color:#fff;margin-bottom:24px;font-size:26px}.classroom-label{text-transform:uppercase;letter-spacing:.12em}.classroom-name-pill{padding:12px 40px;border-radius:24px;background:linear-gradient(145deg,#f7c270,#f38f43);box-shadow:0 12px 22px #00000040;font-size:24px}.permissions-card{align-self:center;margin-top:32px;width:min(640px,90%)}.card-title{font-size:32px;font-weight:700;margin:0 0 24px;text-align:center;color:#7e410f}.permissions-list{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:24px;font-size:24px;color:#7e410f}.permissions-list label{display:flex;align-items:center;gap:16px}.permissions-list input[type=checkbox]{width:24px;height:24px;accent-color:#ea8c2f}.permissions-actions{display:flex;justify-content:center}.save-pill{margin-top:12px;padding:14px 32px;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(145deg,#f9c66b,#f38f43);color:#fff;font-weight:700;font-size:18px;box-shadow:0 14px 24px #00000059,0 0 0 1px #ffffff4d;transition:transform .15s ease,box-shadow .15s ease}.save-pill:hover{transform:translateY(-2px);box-shadow:0 16px 28px #0006,0 0 0 1px #ffffff4d}.classroom-students-body{display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 120px);padding-right:40px}.students-title{font-size:32px;margin:8px 0 16px;color:#fff}.students-list{list-style:disc;margin:0 0 40px 24px;padding:0;color:#fff;font-size:22px;display:flex;flex-direction:column;gap:12px}.classroom-code-pill{display:flex;align-items:center;justify-content:flex-start;gap:32px;margin-top:auto;border-radius:999px;padding:18px 36px;background:#fff;box-shadow:0 18px 30px #00000059}.classroom-code-label{font-size:26px;color:#c0b0a0}.classroom-code-value{font-size:18px;color:#a3a3a3}.duck-chat-toggle{position:fixed;bottom:32px;right:32px;z-index:1000;width:80px;height:80px;border-radius:50%;border:3px solid #e8945a;background:linear-gradient(180deg,#f5c97e,#e8945a);box-shadow:0 4px 12px #00000040;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;transition:transform .2s ease,box-shadow .2s ease}.duck-chat-toggle:hover{transform:scale(1.1);box-shadow:0 6px 18px #0000004d}.duck-chat-toggle{width:80px;height:80px}.duck-chat-icon{width:120px;height:auto}.chatbot-container{position:fixed;bottom:124px;right:20px;width:340px;height:350px;background:linear-gradient(170deg,#fdf6ec,#fce8cc,#f8d9a8);border-radius:20px;box-shadow:0 10px 30px #00000040,0 4px 10px #0000001a;z-index:999;display:flex;flex-direction:column;overflow:hidden}.chatbot-header{background:linear-gradient(135deg,#f5a623,#e8913a,#d4782e);color:#fff;padding:14px 16px;font-weight:700;font-size:1.05rem;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.15)}.chatbot-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;min-height:0}.chatbot-messages:before{content:"";margin-top:auto}.message{padding:10px 16px;margin:6px 0;border-radius:18px;max-width:80%;font-size:.95rem;line-height:1.45}.message.bot{background-color:#f9c66b;color:#fff;align-self:flex-start;border-bottom-left-radius:4px}.message.user{background-color:#f38f43;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chatbot-input-area{display:flex;padding:12px 14px;border-top:1px solid #f0dfc4;background:linear-gradient(180deg,#fdf6ec,#f8e8d0);margin-top:auto}.chatbot-input-area input{flex:1;border:1px solid #e0cdb5;border-radius:12px;padding:8px 12px;outline:none;color:#000;background:#fff;font-size:.95rem}.chatbot-input-area input::placeholder{color:#999}.chatbot-input-area button{margin-left:8px;background:linear-gradient(135deg,#f5a623,#e8913a,#d4782e);color:#fff;border:none;border-radius:12px;padding:8px 16px;cursor:pointer;font-weight:600;transition:opacity .2s ease}.chatbot-input-area button:hover{opacity:.9}.profile-root{background:linear-gradient(180deg,var(--color-bg-top) 0%,var(--color-bg-bottom) 100%);display:flex;align-items:center;justify-content:center;position:relative}.profile-back{position:absolute;top:24px;left:24px}.profile-content{display:flex;flex-direction:column;align-items:center;gap:40px}.profile-avatar-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.profile-avatar{width:120px;height:120px;border-radius:999px;background:#f3b867;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 18px 28px #00000059}.profile-avatar-initials{font-size:42px;font-weight:800;color:#fff;-webkit-user-select:none;user-select:none;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;inset:0;border-radius:999px;letter-spacing:3px;padding-left:3px}.profile-edit-badge{position:absolute;bottom:6px;right:6px;width:32px;height:32px;border-radius:999px;border:none;background:#f78f3f;color:#fff;font-size:18px;cursor:pointer;box-shadow:0 8px 14px #0000004d}.profile-name-block{text-align:center}.profile-name{font-size:22px;font-weight:600}.profile-handle{font-size:16px;opacity:.8}.profile-settings-card{width:min(480px,100%);background:#f7c270;background:linear-gradient(180deg,#f8c777,#f1d8a9)}.profile-settings-list{list-style:none;margin:0;padding:12px 0}.profile-settings-item{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;font-size:16px;color:#5b4b3a;border-bottom:1px solid rgba(255,255,255,.4)}.profile-settings-item:last-child{border-bottom:none}.profile-settings-chevron{font-size:20px}.profile-settings-item--logout{justify-content:center;border-bottom:none}.profile-logout-btn{background:none;border:none;cursor:pointer;font-size:16px;font-weight:600;color:#c0392b;padding:4px 0}.profile-logout-btn:disabled{opacity:.5;cursor:not-allowed}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body, system-ui, -apple-system, BlinkMacSystemFont, sans-serif);background-color:#000;color:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:600}p{line-height:1.5}ul,ol{padding-left:1.5rem}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{border:none;background:none;cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:999px}.chatbot-float{position:fixed;bottom:20px;right:20px}:root{--color-orange: #FF8400;--color-orange-light: #f7c270;--color-cream: #f9e7d3;--color-cream-soft: #f3e8dd;--color-gray-light: #dedede;--color-bg-top: #f2b46d;--color-bg-bottom: #FFD7AC;--color-shadow-soft: rgba(0, 0, 0, .2);--radius-large: 32px;--radius-medium: 24px;--radius-small: 16px;--font-display: "Aboreto", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Nunito", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}body{margin:0;font-family:var(--font-body);color:#fff;background:#000}.app-screen{min-height:100vh;display:flex;justify-content:center;align-items:stretch;padding:0;box-sizing:border-box}.app-screen-inner{width:100%;height:100vh;max-width:none;border-radius:0;box-shadow:none}.app-shell{min-height:100%;display:grid;place-items:center;padding:16px;background:linear-gradient(180deg,var(--color-bg-top, #f4b873) 0%,var(--color-bg-bottom, #e2e0dd) 100%)}.login-wrap,.sign-up-wrap{width:100%;max-width:520px;padding:24px}.card{background:linear-gradient(180deg,#f4efe8,#f0d5a2);border-radius:var(--radius-large, 32px);padding:32px 32px 28px;box-shadow:0 22px 40px #00000059,0 0 0 1px #ffffffb3;color:#c06a00}.brand{margin:0;font-size:28px;text-align:center;letter-spacing:.2em;text-transform:uppercase}.card form{margin-top:24px}.field{margin-bottom:16px}.name-fields{display:flex;gap:1rem}.name-fields .field{flex:1}.field label{display:block;font-size:15px;margin-bottom:6px;color:#c06a00}.field input{width:100%;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.85);outline:none;font-size:14px;background:#fffffff5;color:#333;box-sizing:border-box;box-shadow:0 6px 14px #0000001f}.field input:focus{border-color:#f39a45;box-shadow:0 0 0 2px #ffffffe6,0 0 0 4px #f39a4566}.field input::placeholder{color:#999}.error{margin:6px 0 0;color:#b91c1c;font-size:12px}.btn{width:100%;margin-top:18px;padding:12px 16px;border:none;border-radius:999px;background:linear-gradient(145deg,#f9c66b,#f38f43);color:#fff;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 24px #00000059,0 0 0 1px #ffffff4d;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 18px 30px #00000073,0 0 0 1px #fff6}.btn:active{transform:translateY(1px);box-shadow:0 10px 18px #00000059,0 0 0 1px #ffffff40}.btn-signin{width:100%;margin-top:12px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.7);background:linear-gradient(145deg,#f9c66b,#f38f43);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 10px 18px #0000002e}.links{margin-top:14px;text-align:center;font-size:14px;color:#fff}.links a{color:#fff;text-decoration:none;font-weight:600}.links a:hover{text-decoration:underline}.links span{margin:0 4px}.dash-wrap{text-align:center;padding:24px}