@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#493d31;background:#fffdf7;--accent:#80603c;--line:#e8dfd1;--muted:#8c7c69;--soft:#f7f1e6;font-size:16px}*{box-sizing:border-box}body{margin:0}h1,h2,h3,h4,p{margin:0}p{line-height:1.65}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button{border:0;background:none}button:disabled{opacity:.55;cursor:default}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b396c6;outline-offset:4px}h1,h2,h3{font-family:'Fraunces',Georgia,serif;font-weight:500;letter-spacing:-.9px}h4{font-size:18px;font-weight:600}em{font-style:normal;color:#ab7c4b}.wrap{max-width:1290px;margin:auto;padding-left:34px;padding-right:34px}.site-header{display:flex;gap:26px;align-items:center;max-width:1460px;height:88px;margin:auto;padding:0 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.8px;white-space:nowrap}.brand b{display:grid;place-items:center;font-family:Georgia,serif;font-size:31px;font-weight:400;width:36px;height:36px;line-height:1;background:#eedcc0;border-radius:12px 12px 12px 4px}.site-header nav{display:flex;gap:28px;margin-left:auto;font-size:13px}.quiet{padding:8px;font-size:12px;color:var(--muted)}.chip{display:inline-flex;align-items:center;border:1px solid #ddcfb9;border-radius:30px;padding:9px 13px;font-size:10px;font-weight:600;letter-spacing:.9px;white-space:nowrap}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;padding-top:50px;padding-bottom:44px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#9b7950;line-height:1.6}.hero h1{font-size:clamp(42px,4.3vw,61px);line-height:1.08;margin-top:14px;letter-spacing:-2.1px}.hero-copy>p{font-family:'Fraunces',Georgia,serif;font-size:23px;line-height:1.4;margin-bottom:20px}.reference{border-left:3px solid #d7b485;padding-left:17px;font-size:13px;line-height:1.65;color:var(--muted)}.reference strong{display:block;color:#6c5741;margin-bottom:5px;font-weight:600}.reference span{display:block}.section-title{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:18px}.section-title h2{font-size:32px;line-height:1.25;margin-top:7px}.section-copy{color:var(--muted);font-size:15px;max-width:780px;margin-bottom:27px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:600;line-height:1.5}.primary{background:var(--accent);color:#fffdf7;border:1px solid var(--accent)}.secondary{background:#fffdf9;border:1px solid #dbcebc;color:var(--accent)}button:hover:not(:disabled){filter:brightness(.965)}.full{width:100%}.text-link{color:var(--accent);font-size:13px;padding:14px 0;text-align:left}.egg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.theme-honey{--accent:#906232;--room:#f3e3c4;--floor:#faf1df;--tint:#b9935d}.theme-garden{--accent:#52765d;--room:#deead5;--floor:#f0f5e9;--tint:#7d9e74}.theme-moon{--accent:#756789;--room:#e5deef;--floor:#f3eff8;--tint:#a28bb8}.egg-card{border:1px solid #e2d8c9;border-radius:22px;overflow:hidden;background:#fffefa;box-shadow:0 5px 0 #8d795509}.egg-card>header{display:flex;gap:13px;align-items:center;padding:20px;min-height:98px}.egg-card h3{font-size:29px;line-height:1.2}.egg-card header p{font-size:12px;color:#a0917f;margin-top:5px}.egg-number{background:var(--floor);color:var(--accent);display:grid;place-items:center;width:30px;height:30px;font-weight:600;font-size:12px;border-radius:50%;flex-shrink:0}.tiny-label{font-size:9px;letter-spacing:1px;color:var(--accent);border:1px solid #e6ddcc;border-radius:5px;padding:5px;margin-left:auto}.egg-room{background:linear-gradient(var(--room) 0 72%,var(--tint) 72% 72.3%,var(--floor) 72.3% 100%);height:350px;padding:17px 17px 15px;display:flex;align-items:center;flex-direction:column;overflow:hidden}.bubble{font-size:12px;line-height:1.4;color:#74604a;background:#fffef9;border:1px solid #ece0cd;padding:10px 13px;border-radius:15px;width:max-content;max-width:100%;text-align:center;z-index:1;min-height:38px}.character-touch{display:grid;place-items:center;background:transparent;width:100%;height:245px;min-height:0;padding:0}.sprite{display:block;width:100%;height:auto!important;aspect-ratio:1;object-fit:contain;pointer-events:none}.character-touch .sprite{width:270px;max-width:100%;height:auto!important}.care-buttons{display:flex;gap:10px;justify-content:center;flex-shrink:0;z-index:2}.care-buttons button{font-size:15px;border:1px solid #ffffffc9;padding:10px 12px;background:#fffef9d9;border-radius:11px;color:var(--accent);white-space:nowrap}.care-buttons button span{font-size:12px;margin-left:3px}.egg-card-bottom{padding:18px 20px 17px}.egg-promise{height:118px;text-align:center;display:flex;justify-content:center;flex-direction:column;gap:8px}.egg-promise strong{font-size:14px;font-weight:600}.egg-promise span{font-size:12px;color:var(--muted);line-height:1.6}.preview-note{text-align:center;font-size:10px;margin-top:10px;color:#ae9d86}.growth-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end;text-align:center}.egg-card .growth-strip{height:118px;margin-bottom:0}.growth-strip>div{display:flex;flex-direction:column;align-items:center;position:relative}.growth-strip .sprite{max-width:95px;margin:-15px 0 -7px}.growth-strip strong{font-size:12px;font-weight:600;color:var(--accent)}.growth-strip span{font-size:10px;color:var(--muted);margin-top:4px}.growth-strip .current strong:after{content:' •';color:#b9935d}.collection{display:flex;gap:26px;align-items:center;margin-top:25px;padding:15px 25px;border:1px solid var(--line);border-radius:15px;background:#fbf8f1}.collection>div:first-child{min-width:250px}.collection p{font-size:13px;color:var(--muted);margin-top:7px}.collection-note{margin-left:auto;font-size:10px;color:#a99982;line-height:1.7}.collection #collection-pets{display:flex;gap:20px;align-items:center}.collection #collection-pets>div{text-align:center;width:90px;flex-shrink:0}.collection .sprite{width:85px;margin-top:-8px}.collection #collection-pets span{display:block;font-size:11px;color:#8d795d;margin-top:-9px}.learning-loop{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:29px 8px 40px}.learning-loop>div{display:grid;grid-template-columns:30px 1fr;gap:7px 10px}.learning-loop b{grid-row:span 2;font-size:12px;color:#bc9f78;padding-top:3px}.learning-loop strong{font-size:15px;font-weight:600}.learning-loop p{font-size:13px;color:var(--muted)}.teacher-section{padding-top:30px}.teacher-app{border:1px solid #dcd1c0;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #5f432007}.studio-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);background:#fffefa;padding:18px 23px}.studio-bar>div{display:flex;align-items:center;gap:12px}.studio-mark{font-size:28px;color:#a88458}.studio-bar strong{font-size:17px;font-weight:600}.studio-class{font-size:10px;border-left:1px solid var(--line);padding-left:12px;color:#a48f73}.studio-bar .secondary{font-size:12px;padding:9px 13px}.studio-layout{display:grid;grid-template-columns:205px 1fr;min-height:580px}.studio-layout aside{background:#f8f4eb;border-right:1px solid var(--line);padding:21px 13px;display:flex;flex-direction:column}.studio-layout aside nav{display:flex;flex-direction:column;gap:6px}.studio-layout aside nav button{padding:13px 12px;border-radius:9px;color:#948168;text-align:left;font-size:13px;line-height:1.5}.studio-layout aside nav button.active{color:#765736;background:#eadeca;font-weight:600}.studio-aside-note{font-size:11px;line-height:1.8;color:#ab977b;margin:auto 10px 0;padding-top:40px}.studio-aside-note button{display:block;text-align:left;padding:14px 0 0;font-size:10px;text-decoration:underline}.studio-content{padding:28px 30px 35px;background:#fffefa;min-width:0}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:21px}.panel-heading h3{font-size:29px;line-height:1.2;margin-top:7px}.panel-heading .eyebrow{font-size:9px;letter-spacing:1.3px}.panel-copy{font-size:14px;color:var(--muted);margin:-4px 0 25px;max-width:680px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.stats>div{background:#f8f3e9;border:1px solid #eee4d2;border-radius:12px;padding:18px}.stats span{display:block;color:#9c886c;font-size:12px}.stats b{font-family:'Fraunces',Georgia,serif;font-size:35px;font-weight:500;display:block;margin-top:8px;color:#977349}.stats small{font:12px 'DM Sans',sans-serif;color:#b6a58a}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{font-weight:500;text-align:left;color:#ae9878;font-size:10px;padding:12px 9px;border-bottom:1px solid var(--line)}td{padding:17px 9px;border-bottom:1px solid #eee5d7;color:#8c7455}td strong{font-size:13px;color:#66503b;font-weight:500}td .avatar{vertical-align:middle;margin-right:8px}.avatar{display:inline-grid;place-items:center;border-radius:50%;width:28px;height:28px;background:#ecdecb;color:#9b7953;font-size:12px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.soft-box{background:#faf6ee;border:1px solid #eee3d0;border-radius:13px;padding:20px}.soft-box h4{font-size:17px;margin-bottom:10px}.soft-box>p{font-size:13px;color:#9b8567;margin:9px 0 15px}.soft-box .text-link{padding-bottom:0}.form-row{display:flex;gap:14px;align-items:end}.form-row>*{flex:1;min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.span-two{grid-column:span 2}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#8c7556;line-height:1.5}input,select,textarea{width:100%;font-size:14px;background:#fffefa;border:1px solid #dcccaf;border-radius:8px;padding:10px 11px;min-width:0}textarea{resize:vertical;line-height:1.6}input[type=color]{height:48px;padding:4px;max-width:140px}input::placeholder,textarea::placeholder{color:#b7a58a;font-size:12px}input[type=file]{font-size:11px;padding:9px;background:#fffdfa}input[type=checkbox],input[type=radio]{accent-color:#997443;width:17px;height:17px;padding:0;flex-shrink:0}form.soft-box>label{margin:13px 0}form.soft-box>.secondary{margin-top:13px}.small-note{font-size:11px!important;color:#ae9a7d!important;line-height:1.65!important;margin-top:13px!important}.activity-log{margin-top:20px;font-size:12px;color:var(--muted)}summary{cursor:pointer}.activity-log p{margin-top:10px;font-size:11px}.character-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.character-option{background:#faf7f0;border:1px solid #eee3d0;padding:14px;border-radius:13px}.character-option .sprite{max-width:155px;margin:-10px auto 0}.character-option>span{font-size:10px;color:#b09b7c;display:block;margin-top:8px}.art-uploads{display:flex;flex-direction:column;gap:13px}.art-uploads small{font-size:10px;color:#b29d7c}.check-list{display:flex;flex-direction:column;gap:10px;margin:22px 0}.check-list label{flex-direction:row;align-items:center;font-size:14px}.level-fields{display:flex;flex-direction:column;gap:10px;margin-top:20px}.level-fields label{display:grid;grid-template-columns:1fr 90px 35px;align-items:center;gap:10px;font-size:13px}.level-fields small{font-size:10px;color:#aa9677}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:25px;padding-top:21px}.form-footer p{font-size:11px;color:#a28d6c;max-width:380px}.form-error{font-size:13px;color:#a4533e;margin-top:14px}.align-end{display:flex;align-items:end}.published-list>div{display:flex;gap:14px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.type-pill{font-size:10px;color:#9e7d50;background:#f5ecdc;border:1px solid #e8dbc4;padding:6px 8px;border-radius:6px;white-space:nowrap}.published-list>div>div{flex:1}.published-list strong{font-size:14px;font-weight:600;display:block;overflow-wrap:anywhere}.published-list>div>div>span{font-size:10px;color:#af9979;display:block;margin-top:6px}.published-list b{font-size:12px;font-weight:500;white-space:nowrap;color:#997347}.published-list small{font-size:10px;color:#b59d7c;white-space:nowrap}.question-editor{border:1px solid #dfd1b9;border-radius:12px;margin:25px 0 20px;padding:20px;min-width:0;background:#faf7f0}.question-editor legend{font-size:13px;font-weight:600;padding:0 7px;color:#9b7848}.editor-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.editor-row label{max-width:330px;width:100%}.question-editor>.form-grid{margin-top:18px}.field-hint{font-size:12px;color:#b09a79;align-self:end}.workflow-badge{display:inline-block;font-size:10px;letter-spacing:.9px;color:#a88755;background:#f7efd9;border:1px solid #e8d9b8;padding:8px 12px;border-radius:6px;margin-bottom:19px}.source-tabs{display:flex;gap:8px;margin-bottom:15px}.source-tabs button{border:1px solid var(--line);background:#fffefa;border-radius:8px;padding:11px 17px;font-size:13px;color:#9a8060}.source-tabs button.active{background:#ecdfc8;border-color:#d8c39f;color:#806139}.import-box{border:1px dashed #ceb797;background:#faf6ec;border-radius:13px;padding:23px}.import-box details{font-size:12px;color:#9d855f;margin:19px 0}.import-box details p{margin-top:10px}.draft-banner{display:flex;flex-direction:column;gap:7px;background:#eaf1e5;border:1px solid #d8e4d0;border-radius:10px;padding:15px 18px;margin:26px 0;font-size:13px;color:#628251}.draft-banner span{font-size:11px}.review-card{border:1px solid #e3d7c3;border-radius:12px;padding:20px;margin-top:20px}.review-card header{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:18px}.review-card header span{font-size:11px;color:#ac9170}.review-card h4{margin-top:5px;font-size:18px}.review-card header>b{font-size:12px;color:#a2804f;white-space:nowrap}.submission{padding-top:15px;border-top:1px solid #eee3d0;margin-top:15px;font-size:13px}.submission p{margin:12px 0 19px;padding:12px;border-radius:8px;background:#f9f4e9;color:#9a7f5a;white-space:pre-wrap;overflow-wrap:anywhere}.button-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}.review-card .button-row{justify-content:end}.empty-state{text-align:center;border:1px dashed #dfd0b8;border-radius:13px;padding:45px 25px}.empty-state>b{font-size:25px;color:#87a074}.empty-state h4{font-family:'Fraunces',Georgia,serif;font-size:29px;margin:14px 0 10px}.empty-state p{font-size:13px;color:#ac9270;margin-bottom:20px}.match-card{border:1px solid #e0d3be;border-radius:14px;padding:22px;margin-top:22px;background:#fffdf7}.match-card header{display:flex;gap:20px;justify-content:space-between;align-items:center}.match-card h4{font-family:'Fraunces',Georgia,serif;font-size:26px;font-weight:500;margin-top:14px}.match-card header p{font-size:12px;color:#a78c68;margin-top:6px}.match-card header>b{font-family:'Fraunces',Georgia,serif;font-size:32px;color:#b38a4d;white-space:nowrap}.match-card header>b>span{display:block;font:10px 'DM Sans',sans-serif;margin-top:5px}.match-players{display:flex;flex-direction:column;margin:22px 0;gap:12px}.match-players>div{display:flex;align-items:center;gap:10px;font-size:12px}.match-players strong{font-weight:500}.match-players>div>span:not(.avatar){margin-left:auto;font-size:11px;color:#aa9474}.match-players b{color:#869b61;font-size:10px}.prototype-foot{font-size:11px;color:#b19a7a;margin-top:15px;max-width:800px}.workshop{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;padding-top:75px;padding-bottom:65px}.workshop h2{font-size:41px;line-height:1.2;margin:15px 0 21px}.workshop>div>p:not(.eyebrow){font-size:14px;color:#9b8465;max-width:350px;margin-bottom:22px}.workshop ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.workshop li{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.workshop li>b{color:#b9996e;font-size:12px;padding-top:4px;font-weight:500}.workshop li h3{font:600 16px 'DM Sans',sans-serif;letter-spacing:0}.workshop li p{font-size:13px;color:#a58d6c;margin-top:7px}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:27px;font-size:10px;color:#ad9676}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,10px);padding:14px 20px;background:#54432d;color:#fff9ea;border-radius:12px;max-width:min(90vw,520px);font-size:13px;text-align:center;line-height:1.6;opacity:0;pointer-events:none;z-index:50;transition:opacity .15s,transform .15s;box-shadow:0 4px 20px #3a28192a}#toast.visible{opacity:1;transform:translate(-50%,0)}.modal-open{overflow:hidden}#student-dialog{width:min(1070px,calc(100% - 40px));height:min(890px,calc(100dvh - 40px));max-width:none;max-height:none;border:1px solid #d6c8b2;border-radius:22px;padding:0;background:#fffdf7;color:#493d31;overflow:hidden}#student-dialog::backdrop{background:#3d302577;backdrop-filter:blur(6px)}#student-app{height:100%;display:flex;flex-direction:column}.student-header{display:flex;align-items:center;gap:25px;padding:21px 27px;border-bottom:1px solid var(--line);flex-shrink:0}.student-header h2{font-size:28px;margin-top:4px}.student-header .eyebrow{font-size:9px}.student-header>label{margin-left:auto;width:115px;font-size:10px;gap:3px}.student-header select{font-size:13px;padding:8px}.close{font-size:26px;line-height:1;width:33px;height:33px;border-radius:50%;background:#f0e9dd;color:#9e8564}.student-nav{display:flex;gap:8px;padding:12px 26px;border-bottom:1px solid var(--line);background:#faf6ed;flex-shrink:0}.student-nav button{font-size:12px;padding:10px 15px;border-radius:8px;color:#a18a6a}.student-nav .active{background:#e8dbc5;color:#856440;font-weight:600}.student-content{padding:27px 32px 36px;overflow-y:auto;flex:1;min-height:0}.student-footer{border-top:1px solid var(--line);font-size:10px;color:#b29b7b;padding:13px 27px;background:#faf7f0;flex-shrink:0}.student-home{display:grid;grid-template-columns:1fr 1.1fr;gap:27px}.pet-home{border:1px solid #dacebb;border-radius:17px;background:linear-gradient(var(--room) 0 53%,#faf4e8 53%);padding:18px 22px 20px;text-align:center;overflow:hidden}.pet-home .bubble{margin:auto}.pet-home .character-touch{height:230px}.pet-home .character-touch .sprite{width:280px}.pet-home h4{font-family:'Fraunces',Georgia,serif;font-size:25px;margin:0 0 5px}.pet-home>span{font-size:11px;color:#a0835c}.pet-home .care-buttons{margin-top:17px;margin-bottom:22px}.pet-home .care-buttons button{font-size:12px}.progress-label{display:flex;justify-content:space-between;gap:12px;text-align:left;font-size:11px;color:#a0835b}.progress-label b{font-weight:500}progress{appearance:none;-webkit-appearance:none;border:0;border-radius:20px;overflow:hidden;background:#eadfcd;height:7px;width:100%;display:block;margin-top:10px}progress::-webkit-progress-bar{background:#eadfcd}progress::-webkit-progress-value{background:#a99565;border-radius:20px}progress::-moz-progress-bar{background:#a99565;border-radius:20px}.egg-select{text-align:left;margin-top:15px;font-size:10px}.egg-select select{font-size:12px}.agenda-title{font-family:'Fraunces',Georgia,serif;font-size:23px;font-weight:500;margin:8px 0 21px}.task-list{display:flex;flex-direction:column;gap:11px}.task-row{display:flex;align-items:center;gap:13px;border:1px solid #e6d8c2;padding:17px 13px;border-radius:11px;text-align:left;background:#fffdf8}.task-row>span:nth-child(2){flex:1}.task-row strong{display:block;font-size:14px;line-height:1.5}.task-row small{display:block;font-size:10px;color:#ac9270;margin-top:6px}.task-row>b{font-size:11px;color:#a2824f;white-space:nowrap}.student-home .task-row{flex-wrap:wrap}.student-home .task-row>.type-pill{font-size:9px;padding:5px}.student-home .task-row strong{font-size:12px}.student-home .task-row>b{font-size:10px}.competition-peek{margin-top:15px}.competition-peek h4{font-family:'Fraunces',Georgia,serif;font-size:23px;font-weight:500;margin-top:9px}.student-content>.growth-strip{max-width:600px;margin:23px auto 0;background:#faf6ed;border:1px solid var(--line);border-radius:14px;padding:14px}.student-content>.growth-strip .sprite{max-width:110px}.student-question{padding:24px;border:1px solid #e3d5bc;background:#fffdf8;border-radius:13px;margin:21px 0;min-width:0}.student-question legend{font-size:10px;color:#b1956c;letter-spacing:1px;padding:0 6px}.student-question h4{font-size:20px;line-height:1.5;margin-bottom:22px}.answer-options{display:flex;flex-direction:column;gap:11px}.answer-options label{flex-direction:row;align-items:center;gap:13px;border:1px solid #e4d7bf;padding:14px;border-radius:9px;font-size:15px;cursor:pointer;color:#806848}.answer-options label:has(input:checked){background:#f0e7d3;border-color:#bba077}.answer-options b{font-size:11px;color:#b29a74}.result-view{text-align:center;padding:0 20px 25px}.result-view .sprite{width:230px;margin:-15px auto -5px}.result-view h3{font-size:32px;margin:10px 0 13px}.result-view>p:not(.eyebrow){font-size:14px;color:#a28863}.answer-review{border:1px solid #e6d9c3;border-radius:12px}.answer-review>div{padding:18px;border-bottom:1px solid #ece0cc}.answer-review>div:last-child{border:0}.answer-review b{font-size:13px}.answer-review p{font-size:12px;color:#a58a63;margin-top:7px}.rankings{border:1px solid #e0d1b9;border-radius:13px;overflow:hidden}.rankings>div{display:flex;gap:18px;align-items:center;padding:24px;border-bottom:1px solid #eadeca}.rankings>div:last-child{border:0}.rankings>div>b{color:#b08c50;font-size:22px;width:30px}.rankings .avatar{width:36px;height:36px}.rankings strong{font-size:15px;font-weight:600}.rankings small{display:block;font-size:11px;font-weight:400;color:#aa9068;margin-top:6px}.rankings>div>span:last-child{margin-left:auto;color:#a2804a;font-size:14px}.shop-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.shop-options>article{border:1px solid #dfd0b6;border-radius:13px;overflow:hidden;padding:0 16px 18px}.shop-options>article>div{background:var(--swatch);margin:0 -16px 18px;display:flex;justify-content:center}.shop-options .sprite{max-width:170px}.shop-options h4{font-size:17px}.shop-options p{color:#ad9165;font-size:12px;margin:10px 0 15px}.shop-options .secondary{width:100%;font-size:12px}
@media(max-width:1100px){.site-header{gap:17px;padding:0 25px}.site-header nav{gap:18px}.site-header>.chip{display:none}.wrap{padding-left:26px;padding-right:26px}.hero{gap:35px}.egg-cards{gap:16px}.egg-card>header{padding:17px 15px;gap:9px}.egg-card h3{font-size:25px}.egg-card header p{font-size:10px}.tiny-label{font-size:8px}.egg-room{padding:15px 12px;height:336px}.care-buttons{gap:7px}.care-buttons button{padding:10px}.care-buttons button span{font-size:11px}.egg-card-bottom{padding:16px}.collection{gap:15px}.collection>div:first-child{min-width:215px}.collection #collection-pets{gap:10px}.collection-note{font-size:9px}.studio-layout{grid-template-columns:180px 1fr}.studio-content{padding:25px 22px}.studio-layout aside{padding:18px 10px}.studio-layout aside nav button{font-size:12px}.two-column{gap:15px}.soft-box{padding:17px}.panel-heading h3{font-size:27px}.stats{gap:11px}.stats>div{padding:15px}.published-list small{display:none}.character-options{gap:12px}.level-fields label{grid-template-columns:1fr 75px 30px;gap:7px}.workshop{gap:55px}.student-content{padding:25px}.student-home{gap:20px}.task-row{gap:9px}}
@media(max-width:850px){.site-header{height:76px}.brand{font-size:18px}.site-header nav{font-size:12px;gap:15px}.site-header nav a:nth-child(3){display:none}.hero{padding-top:35px;padding-bottom:32px;gap:26px}.hero h1{font-size:45px}.hero-copy>p{font-size:21px}.reference{font-size:12px}.section-title h2{font-size:28px}.section-title .primary{font-size:11px;padding:11px}.section-copy{font-size:14px}.egg-cards{gap:12px}.egg-card>header{flex-wrap:wrap;min-height:102px;gap:7px;padding:16px 13px}.egg-card h3{font-size:25px}.egg-card .tiny-label{display:none}.egg-number{width:25px;height:25px;font-size:10px}.egg-room{height:315px;padding:13px 9px}.bubble{font-size:11px;padding:9px 10px}.character-touch .sprite{width:250px}.care-buttons{gap:5px}.care-buttons button{font-size:12px;padding:9px 6px}.care-buttons button span{font-size:10px}.egg-card-bottom{padding:13px}.egg-card-bottom .primary,.egg-card-bottom .secondary{font-size:11px;padding:11px 8px}.egg-promise strong{font-size:12px}.egg-promise span{font-size:11px}.preview-note{font-size:9px}.growth-strip{gap:6px}.growth-strip span{font-size:9px}.growth-strip strong{font-size:11px}.collection{padding:13px 18px;gap:12px;flex-wrap:wrap}.collection-note{display:none}.collection>div:first-child{min-width:190px}.collection p{font-size:12px}.learning-loop{gap:18px;padding:26px 2px}.learning-loop>div{grid-template-columns:23px 1fr;gap:5px}.learning-loop strong{font-size:14px}.learning-loop p{font-size:12px}.teacher-section{padding-top:25px}.studio-layout{grid-template-columns:1fr}.studio-layout aside{padding:12px;border-right:0;border-bottom:1px solid var(--line)}.studio-layout aside nav{flex-direction:row;overflow-x:auto;gap:5px}.studio-layout aside nav button{font-size:11px;white-space:nowrap;padding:10px 12px}.studio-aside-note{display:none}.studio-bar{padding:15px 19px}.studio-content{padding:25px}.stats span{font-size:11px}.workshop{gap:35px;padding-top:55px}.workshop h2{font-size:35px}.workshop li h3{font-size:14px}.workshop li p{font-size:12px}.student-home{grid-template-columns:1fr 1fr;gap:18px}.student-home .type-pill{display:none}.pet-home{padding:16px}.pet-home .character-touch{height:210px}.pet-home .character-touch .sprite{width:250px}.pet-home .care-buttons button{font-size:11px}.student-header{padding:18px 23px}.student-content{padding:23px}.panel-heading h3{font-size:27px}.progress-label{font-size:10px}.student-content .panel-heading{align-items:start}.student-content .panel-heading .chip{font-size:10px}.agenda-title{font-size:22px}.competition-peek p{font-size:12px}.competition-peek .secondary{font-size:11px}.student-home .task-row strong{font-size:13px}.student-home .task-row{padding:13px}.student-home .task-row>b{width:100%;text-align:right}.student-nav{gap:5px;padding:11px 20px}.student-nav button{font-size:11px;padding:9px 12px}}
@media(max-width:620px){.wrap{padding-left:20px;padding-right:20px}.site-header{padding:0 20px;gap:12px;height:70px}.site-header nav{display:none}.site-header #motion{margin-left:auto;font-size:10px;padding:4px}.brand{font-size:17px}.brand b{width:31px;height:31px;font-size:29px}.hero{display:block;padding-top:33px}.hero h1{font-size:46px;letter-spacing:-1.8px}.hero .eyebrow{font-size:9px}.hero-copy{margin-top:22px}.hero-copy>p{font-size:21px;margin-bottom:17px}.reference{font-size:12px}.section-title{align-items:start;gap:15px;flex-wrap:wrap;margin-bottom:16px}.section-title h2{font-size:28px}.section-title .eyebrow{font-size:9px}.section-title .primary{font-size:12px;padding:10px 14px}.section-copy{font-size:13px;margin-bottom:23px}.egg-cards{display:flex;flex-direction:column;gap:22px}.egg-card>header{flex-wrap:nowrap;min-height:93px;padding:20px;gap:13px}.egg-card h3{font-size:30px}.egg-card header p{font-size:12px}.egg-number{width:30px;height:30px;font-size:12px}.egg-card .tiny-label{display:block;font-size:9px}.egg-room{height:356px;padding:18px}.bubble{font-size:12px}.character-touch .sprite{width:285px}.care-buttons button{font-size:16px;padding:11px 15px}.care-buttons button span{font-size:12px}.care-buttons{gap:13px}.egg-card-bottom{padding:18px 23px}.egg-card-bottom .primary,.egg-card-bottom .secondary{font-size:13px;padding:12px}.egg-promise strong{font-size:14px}.egg-promise span{font-size:12px}.preview-note{font-size:10px}.growth-strip strong{font-size:12px}.growth-strip span{font-size:10px}.egg-card .growth-strip .sprite{max-width:100px}.collection{display:block;text-align:center;padding:21px 15px}.collection>div:first-child{min-width:0}.collection #collection-pets{justify-content:center;gap:12px;margin-top:10px;flex-wrap:wrap}.collection #collection-pets>div{width:82px}.collection #collection-pets .sprite{max-width:82px}.collection p{font-size:12px}.learning-loop{grid-template-columns:1fr;gap:22px;padding:27px 5px}.learning-loop>div{grid-template-columns:30px 1fr;gap:6px 10px}.learning-loop strong{font-size:15px}.learning-loop p{font-size:13px}.teacher-section{padding-top:25px}.teacher-section .section-title .chip{font-size:9px}.studio-bar{padding:14px;gap:8px}.studio-bar>div{gap:7px}.studio-mark{font-size:23px}.studio-bar strong{font-size:14px}.studio-class{display:none}.studio-bar .secondary{font-size:10px;padding:9px}.studio-layout aside{padding:8px}.studio-layout aside nav button{font-size:11px;padding:10px}.studio-content{padding:23px 16px}.panel-heading{align-items:start;gap:15px;flex-wrap:wrap}.panel-heading h3{font-size:27px}.panel-heading .primary{font-size:11px;padding:10px 13px}.panel-copy{font-size:13px}.stats{gap:9px}.stats>div{padding:13px 10px}.stats span{font-size:10px;line-height:1.5}.stats b{font-size:28px}.stats small{font-size:10px}th{font-size:10px}td{font-size:11px}.two-column{grid-template-columns:1fr;gap:17px}.soft-box{padding:18px}.soft-box h4{font-size:18px}.soft-box>p{font-size:13px}.form-grid{gap:15px}.form-row{gap:12px}label{font-size:12px}input,select,textarea{font-size:16px;padding:10px}.form-footer{flex-direction:column;align-items:stretch;gap:16px}.form-footer p{font-size:11px}.form-footer>.primary{width:100%}.level-fields label{grid-template-columns:1fr 100px 35px;font-size:14px}.level-fields input{font-size:16px}.character-options{grid-template-columns:1fr}.character-option{display:grid;grid-template-columns:110px 1fr;gap:7px 13px;align-items:center;padding:15px}.character-option .sprite{grid-row:span 2;width:110px}.character-option>span{font-size:10px;align-self:start}.character-option input{font-size:14px}.published-list>div{gap:10px;flex-wrap:wrap;padding:17px 0}.published-list .type-pill{font-size:9px;padding:5px}.published-list strong{font-size:13px}.published-list>div>div{min-width:160px}.published-list b{margin-left:auto;font-size:11px}.question-editor{padding:17px 13px}.question-editor legend{font-size:12px}.editor-row{gap:8px}.editor-row .quiet{font-size:10px;padding:4px}.field-hint{font-size:10px}.workflow-badge{font-size:8px;letter-spacing:.6px}.source-tabs{gap:6px}.source-tabs button{flex:1;font-size:11px;padding:10px 6px}.import-box{padding:18px 14px}.import-box .primary{font-size:12px;width:100%}.draft-banner{font-size:12px;padding:14px}.review-card{padding:17px 14px}.review-card .form-row{display:block}.review-card .form-row label+label{margin-top:13px}.review-card .button-row{display:flex;flex-direction:column}.review-card .button-row button{width:100%}.match-card{padding:18px 15px}.match-card h4{font-size:25px}.match-players>div{font-size:11px;gap:8px}.match-players>div>span:not(.avatar){font-size:10px}.match-players .avatar{width:24px;height:24px;font-size:10px}.prototype-foot{font-size:10px}.workshop{display:block;padding-top:48px;padding-bottom:38px}.workshop h2{font-size:36px}.workshop>div>p:not(.eyebrow){font-size:14px}.workshop ol{margin-top:32px}.workshop li{padding:20px 0;gap:19px}.workshop li h3{font-size:15px}.workshop li p{font-size:13px}.footer{display:block;font-size:10px;line-height:1.9}.footer>span{display:block}#student-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}.student-header{padding:17px 15px;gap:12px}.student-header h2{font-size:25px}.student-header>label{width:86px;font-size:9px}.student-header .eyebrow{font-size:8px}.student-header select{font-size:12px;padding:7px}.student-header .close{width:28px;height:28px;font-size:23px;flex-shrink:0}.student-nav{overflow-x:auto;padding:10px 12px;gap:4px}.student-nav button{font-size:10px;padding:10px;white-space:nowrap}.student-content{padding:23px 18px 30px}.student-home{grid-template-columns:1fr;gap:25px}.pet-home{padding:19px 22px}.pet-home .character-touch{height:242px}.pet-home .character-touch .sprite{width:285px}.pet-home .care-buttons button{font-size:13px;padding:11px 13px}.pet-home h4{font-size:28px}.pet-home>span{font-size:12px}.progress-label{font-size:12px}.egg-select{font-size:11px}.egg-select select{font-size:14px}.student-home .task-row>b{width:auto;font-size:11px}.student-home .task-row strong{font-size:14px}.student-home .type-pill{display:block}.student-home .task-row{padding:15px 12px}.task-row>.type-pill{display:none}.task-row strong{font-size:14px}.task-row small{font-size:11px}.task-row>b{font-size:11px}.student-question{padding:22px 16px}.student-question h4{font-size:19px}.student-question legend{font-size:9px}.answer-options label{font-size:14px;padding:13px 11px;gap:10px}.result-view{padding:0 0 25px}.result-view h3{font-size:29px}.result-view>p:not(.eyebrow){font-size:13px}.rankings>div{gap:12px;padding:19px 14px}.rankings>div>b{width:18px;font-size:19px}.rankings strong{font-size:13px}.rankings>div>span:last-child{font-size:12px}.shop-options{grid-template-columns:1fr;gap:17px}.shop-options>article{display:grid;grid-template-columns:110px 1fr;gap:8px 17px;padding:16px}.shop-options>article>div{grid-row:span 3;margin:-16px 0 -16px -16px;align-items:center}.shop-options .sprite{width:110px}.shop-options h4{font-size:19px}.shop-options p{margin:0;font-size:12px}.shop-options .secondary{padding:8px;font-size:12px}.student-footer{padding:12px 16px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Workshop preview: simple, expressive, and intentionally illustrative. */
.growth-strip>.growth-stage{display:flex;flex-direction:column;align-items:center;justify-content:end;min-width:0;padding:5px 3px 9px;border:1px solid transparent;border-radius:12px;background:transparent;position:relative;align-self:stretch}.growth-stage.current{background:var(--floor);border-color:color-mix(in srgb,var(--accent) 22%,transparent)}.growth-stage:hover{background:var(--floor)}.growth-stage .sprite{margin:-17px 0 -7px}.growth-stage strong{line-height:1.3}.growth-strip .current strong:after{content:''}.stage-hint{text-align:center;font-size:10px;color:var(--muted);margin-top:10px}.reset-egg{display:block;width:100%;text-align:center;padding:10px 0 0;font-size:11px}.egg-card .growth-strip{height:130px}.egg-card-bottom{min-height:199px;display:flex;flex-direction:column;justify-content:center}.egg-promise{height:113px}.preview-explainer{max-width:810px;text-align:center;margin:25px auto 5px;font-size:12px;color:var(--muted);line-height:1.8}.preview-explainer strong{color:#6f573b}.egg-room .character-touch:hover{filter:none}.egg-room .character-touch:active{background:#ffffff09}.studio-bar>.chip{font-size:9px;letter-spacing:.6px;border:0;background:#f6f0e4;color:#a08864}.studio-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);padding:13px 21px;background:#f9f5ec}.studio-tabs button{padding:11px 17px;border-radius:8px;font-size:12px;color:#9b8566;line-height:1.5;flex:1}.studio-tabs button[aria-selected=true]{background:#e9ddc8;color:#755536;font-weight:600}.studio-preview{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;padding:35px;background:#fffefa;align-items:center;min-height:410px}.studio-story h3{font-size:32px;line-height:1.2;margin:12px 0 18px}.studio-story>p:not(.eyebrow){font-size:14px;color:#9c8466;max-width:380px}.feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.feature-tags span{border:1px solid #e7dcc9;border-radius:20px;padding:7px 10px;font-size:10px;color:#997e59}.mock-window{border:1px solid #e5d9c6;background:#faf7ef;border-radius:13px;overflow:hidden;padding:19px 22px;box-shadow:0 8px 22px #67422207}.mock-caption{display:flex;justify-content:space-between;gap:15px;color:#a48a64;font-size:8px;letter-spacing:1px;border-bottom:1px solid #e9decb;padding-bottom:14px}.mock-caption>span:last-child{letter-spacing:0;color:#b59e7a;white-space:nowrap}.cast-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:end;padding:12px 0 20px;text-align:center}.cast-preview>div{min-width:0}.cast-preview .sprite{max-width:115px;margin:auto}.cast-preview b{font-size:11px;font-weight:500;display:block}.your-character>span{width:46px;height:52px;display:grid;place-items:center;font-size:29px;border:1px dashed #cbb898;border-radius:40% 40% 35% 35%;color:#c2ad8e;margin:25px auto 20px}.your-character b{color:#a58962}.setting-preview{display:flex;flex-wrap:wrap;gap:5px 15px;justify-content:space-between;padding:13px 0;border-top:1px solid #e9decb;border-bottom:1px solid #e9decb;font-size:11px}.setting-preview>span{color:#ac916c}.setting-preview strong{font-weight:500;color:#8c6d47}.point-path{display:flex;justify-content:space-around;gap:10px;align-items:center;padding:22px 0 0;text-align:center}.point-path b{font-family:'Fraunces',Georgia,serif;font-size:27px;font-weight:500;color:#a47e48;display:block}.point-path span{font-size:10px;color:#a98b63;display:block;margin-top:6px}.point-path i{font-style:normal;color:#ccbaa0}.mock-footnote{font-size:10px;color:#b49c79;line-height:1.7;margin-top:19px}.source-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:19px}.source-preview>div{display:flex;align-items:center;justify-content:center;gap:8px;background:#fffdfa;border:1px solid #e7dbc6;padding:12px 8px;border-radius:8px;font-size:10px}.source-preview b{font:500 15px Georgia,serif;color:#a98a5c}.source-preview>div:nth-child(1) b{color:#7b9ab5}.source-preview>div:nth-child(2) b{color:#b77d6d}.source-preview>div:nth-child(3) b{color:#bc9e63}.flow-arrow{text-align:center;color:#bdab8d;padding:9px}.draft-preview{border:1px solid #e3d6bf;border-radius:10px;background:#fffdfa;padding:15px 17px}.draft-preview>span{font-size:9px;color:#b39a73}.draft-preview>strong{font-size:16px;display:block;margin-top:5px}.draft-preview>p{font-size:12px;margin-top:12px;color:#a08763}.draft-preview>div{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:10px;color:#6e8b69}.draft-preview>div>b{font-weight:500}.draft-preview>div>span{color:#b38c4e;white-space:nowrap}.review-path{display:flex;justify-content:center;align-items:center;gap:12px;padding-top:17px;font-size:10px;color:#9f845a}.review-path i{font-style:normal;color:#cbb898}.sample-students>div{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e9decb}.sample-students .sprite{width:65px;flex-shrink:0;margin:-13px 0 -9px}.sample-students>div>span{flex:1}.sample-students b{display:block;font-size:12px;font-weight:600}.sample-students small{display:block;font-size:9px;color:#b39770;margin-top:4px}.sample-progress{display:block;margin-top:8px;background:#e9dfca;height:4px;border-radius:5px;width:90%}.sample-progress i{display:block;height:4px;border-radius:5px;background:#9aae89}.sample-students strong{font-size:11px;font-weight:500;color:#ad864f;white-space:nowrap}.cup-preview{display:flex;align-items:center;gap:13px;background:#f3ead9;border:1px solid #e6d9bd;border-radius:9px;padding:14px;margin-top:19px}.cup-preview>span{font-size:27px;color:#b69458}.cup-preview>div{flex:1}.cup-preview b{font-size:12px;font-weight:600}.cup-preview p{font-size:9px;color:#b0956a;margin-top:5px}.cup-preview>strong{font-family:'Fraunces',Georgia,serif;font-size:25px;font-weight:500;color:#ae8648}.cup-preview small{display:block;font:8px 'DM Sans',sans-serif;margin-top:3px;white-space:nowrap}.prototype-foot{max-width:none}.quest-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;overflow-y:auto;padding:30px;flex:1;align-items:center;min-height:0}.quest-friend{background:linear-gradient(var(--room) 0 68%,var(--floor) 68%);padding:21px 20px 24px;border:1px solid #dfcfb2;border-radius:17px;text-align:center;overflow:hidden}.quest-friend .bubble{margin:auto;font-size:12px}.quest-friend .character-touch{height:240px}.quest-friend .sprite{width:280px;max-width:100%}.quest-friend>strong{display:block;font-family:'Fraunces',Georgia,serif;font-size:25px;font-weight:500;margin:5px 0 10px}.quest-friend>p:last-child{font-size:11px;color:#a48b68;max-width:280px;margin:auto}.quest-question h3{font-size:29px;line-height:1.3;margin:20px 0 22px}.quest-answers{display:flex;gap:12px}.quest-answers button{flex:1;border:1px solid #d9c9ad;border-radius:12px;padding:19px 14px;font-size:22px;background:#fffdfa}.quest-answers button.selected{background:#f5e0d6;border-color:#d6a88c}.quest-answers button.correct{background:#e6efde;border-color:#abc394;color:#628355;opacity:1}.quest-feedback{font-size:13px;color:#9a805e;margin:19px 0;min-height:45px}.quest-note{border-top:1px solid var(--line);padding-top:18px}.quest-note b{font-size:14px;font-weight:600}.quest-note p{font-size:12px;color:#a88c63;margin-top:10px}.quest-question>.secondary{margin-top:18px}.student-header>.close{margin-left:auto}#student-dialog{height:min(650px,calc(100dvh - 40px));width:min(960px,calc(100% - 40px))}.student-footer{font-size:10px}
@media(max-width:1000px){.studio-preview{gap:25px;padding:28px}.studio-story h3{font-size:29px}.mock-window{padding:18px}.studio-bar>.chip{font-size:8px;max-width:190px;white-space:normal;text-align:center}.source-preview{gap:6px}.source-preview>div{flex-direction:column;gap:6px}.quest-body{gap:23px;padding:25px}.quest-question h3{font-size:26px}.quest-answers button{font-size:19px;padding:17px 10px}}
@media(max-width:760px){.studio-preview{grid-template-columns:1fr;gap:25px;padding:25px;min-height:0}.studio-story h3 br{display:none}.studio-story>p:not(.eyebrow){max-width:none}.feature-tags{margin-top:15px}.studio-tabs{padding:10px;gap:3px}.studio-tabs button{font-size:10px;padding:10px 7px}.mock-window{padding:20px}.cast-preview .sprite{max-width:100px}.studio-story h3{font-size:30px}.studio-story>p:not(.eyebrow){font-size:13px}.source-preview>div{flex-direction:row;gap:8px}.quest-body{gap:22px;padding:24px}.quest-friend{padding:16px}.quest-friend .character-touch{height:200px}.quest-friend>strong{font-size:23px}.quest-friend .bubble{font-size:11px}.quest-question h3{font-size:24px}.quest-answers{gap:7px}.quest-answers button{padding:15px 7px;font-size:18px}.quest-question .type-pill{font-size:8px}}
@media(max-width:620px){.egg-card .growth-strip{height:148px}.growth-stage .sprite{max-width:112px!important}.growth-stage strong{font-size:13px}.growth-stage span{font-size:10px}.stage-hint{font-size:11px}.reset-egg{font-size:12px}.egg-card-bottom{min-height:215px}.preview-explainer{font-size:12px;padding:0 8px;margin-top:23px}.studio-bar>.chip{max-width:130px;font-size:7px;line-height:1.5;padding:6px 9px}.studio-tabs button{font-size:10px;line-height:1.5;white-space:normal;padding:10px 6px}.studio-preview{padding:22px 17px}.studio-story h3{font-size:28px}.studio-story h3 br{display:block}.studio-story>p:not(.eyebrow){font-size:13px}.feature-tags{gap:6px}.feature-tags span{font-size:9px;padding:7px 8px}.mock-window{padding:16px 14px}.mock-caption{font-size:7px;letter-spacing:.5px;gap:9px}.cast-preview{gap:5px}.cast-preview b{font-size:10px}.your-character>span{width:38px;height:44px;font-size:24px;margin:15px auto 10px}.setting-preview{font-size:10px}.point-path{gap:7px}.point-path b{font-size:26px}.point-path span{font-size:9px}.source-preview>div{font-size:9px;padding:10px 4px;gap:5px}.draft-preview{padding:13px}.draft-preview>div{font-size:9px}.sample-students .sprite{width:56px}.sample-students>div{gap:9px}.cup-preview{gap:9px;padding:12px 10px}.cup-preview p{font-size:8px}.cup-preview>span{font-size:21px}.cup-preview>strong{font-size:23px}.mock-footnote{font-size:9px}.quest-body{display:block;padding:18px;overflow-y:auto}.quest-friend{margin-bottom:24px;padding:16px}.quest-friend .character-touch{height:200px}.quest-friend .sprite{width:250px}.quest-friend>strong{font-size:24px;margin-top:0}.quest-friend>p:last-child{font-size:11px}.quest-question h3{font-size:26px;margin:16px 0}.quest-question .type-pill{font-size:9px}.quest-answers button{font-size:22px;padding:16px 12px}.quest-feedback{font-size:12px}.quest-note p{font-size:12px}.student-header h2{font-size:24px}.student-header .eyebrow{font-size:8px}#student-dialog{width:100%;height:100dvh;border-radius:0;margin:0}.student-footer{font-size:9px;line-height:1.7}}

.growth-strip>.growth-stage{align-self:end;min-height:105px}
.egg-room{position:relative}.egg-room>.character-touch{position:absolute;left:50%;bottom:28%;width:min(100%,290px);height:auto;aspect-ratio:1;transform:translate(-50%,14.4%);display:block}.egg-room>.character-touch>.sprite{width:100%;max-width:100%}.egg-room>.care-buttons{position:absolute;left:0;right:0;bottom:16px}.egg-room>.bubble{flex-shrink:0}
.quest-friend>.character-touch{margin-bottom:22px}
/* A workshop invitation, followed by examples and the path into a classroom. */
html{scroll-behavior:smooth}section[id]{scroll-margin-top:25px}.invitation{grid-template-columns:1.12fr 1fr;gap:65px;padding-top:65px;padding-bottom:57px}.invitation h1{font-size:clamp(45px,4.6vw,65px);line-height:1.05;letter-spacing:-2.2px;margin-top:18px}.hero-lead{font-size:21px;font-weight:500;line-height:1.5;margin-top:25px;color:#716049}.invitation-copy{font-size:14px;line-height:1.85;color:#978167;max-width:470px;margin-top:17px}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:26px}.hero-actions .primary{font-size:13px;padding:14px 19px}.hero-actions .text-link{font-size:12px;padding:10px 0}.invitation-note{background:#f4ecdb;border:1px solid #e8d9bd;padding:32px 31px 27px;border-radius:3px 28px 28px 28px;position:relative}.note-label{display:block;letter-spacing:1.4px;font-size:9px;font-weight:600;color:#ad8b59}.invitation-note h2{font-size:30px;line-height:1.23;margin:21px 0;letter-spacing:-.7px}.invitation-note>p{font-size:14px;line-height:1.9;color:#917958;margin-top:15px}.invitation-note p strong{font-weight:600;color:#796140}.encouragement{display:flex;align-items:start;gap:13px;border-top:1px solid #dcc8a7;margin-top:25px;padding-top:23px}.encouragement>span{font-size:24px;color:#b39463;line-height:1}.encouragement strong{font-size:13px;color:#765d3a;font-weight:600;line-height:1.7;display:block}.encouragement p{font-size:12px;line-height:1.8;color:#a38a66;margin-top:6px}.invitation-note .invitation-signoff{font-size:11px;line-height:1.8;color:#b0956d;border-top:1px solid #e2d2b7;padding-top:18px;margin-top:21px}.example-divider{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:15px;padding-bottom:21px;color:#b19978;font-size:9px;letter-spacing:1.6px}.example-divider span:first-child{border-top:1px solid var(--line);padding-top:20px;flex:1}.example-divider span:last-child{font-size:19px;margin-top:16px}.examples-section{padding-top:20px}.your-way{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding-top:49px;padding-bottom:49px;margin-top:12px}.your-way h2{font-size:34px;line-height:1.25;margin-top:14px}.your-way>div:last-child>p{font-size:14px;color:#9b8262;line-height:1.85;margin-bottom:15px}.your-way strong{font-size:12px;line-height:1.8;color:#806749;font-weight:600;display:block;padding-top:5px}.session-path{padding-top:24px;padding-bottom:25px}.connection-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;border-top:1px solid #dfd0b7;border-bottom:1px solid #dfd0b7;padding:25px 0 28px}.connection-steps article{border-right:1px solid #e6d9c3;padding-right:22px;display:flex;flex-direction:column}.connection-steps article:last-child{border:0;padding-right:0}.connection-steps article>span{font-size:9px;letter-spacing:1.4px;color:#b19468}.connection-steps h3{font-size:24px;line-height:1.25;letter-spacing:-.5px;margin:18px 0 13px}.connection-steps p{font-size:12px;line-height:1.85;color:#a38b69}.connection-steps small{display:block;color:#a08256;font-size:10px;line-height:1.8;padding-top:19px;margin-top:auto}.session-path+.teacher-section{padding-top:37px}.workshop .chip{white-space:normal;line-height:1.6;font-size:9px}.workshop>div>p:not(.eyebrow){max-width:420px}.stage-outfit{font-size:9px!important;color:var(--accent)!important;margin-top:3px!important}.stage-outfit:empty{display:none}
@media(max-width:1100px){.invitation{gap:38px;padding-top:48px}.invitation h1{font-size:53px}.invitation-note{padding:27px 25px}.invitation-note h2{font-size:28px}.invitation-note>p{font-size:13px}.hero-lead{font-size:19px}.invitation-copy{font-size:13px}.hero-actions{gap:12px}.your-way{gap:40px}.your-way h2{font-size:31px}.connection-steps{gap:16px}.connection-steps article{padding-right:16px}.connection-steps h3{font-size:23px}}
@media(max-width:850px){.invitation{grid-template-columns:1fr;gap:30px;padding-top:36px;padding-bottom:25px}.invitation h1{font-size:59px;max-width:600px}.invitation-main{max-width:610px}.invitation-copy{max-width:590px;font-size:14px}.hero-lead{font-size:22px}.invitation-note{padding:27px 30px;max-width:none}.invitation-note h2{font-size:32px}.invitation-note>p{font-size:14px}.invitation-note h2 br{display:none}.invitation-note h2 br:after{content:' '}.encouragement{margin-top:21px;padding-top:18px}.example-divider{padding-top:5px}.your-way{gap:30px}.your-way h2{font-size:30px}.your-way>div:last-child>p{font-size:13px}.connection-steps{grid-template-columns:repeat(2,1fr);gap:25px}.connection-steps article:nth-child(2){border:0;padding-right:0}.connection-steps article:nth-child(3),.connection-steps article:nth-child(4){border-top:1px solid var(--line);padding-top:22px}.connection-steps h3{font-size:26px}.connection-steps p{font-size:13px}.connection-steps small{font-size:10px}}
@media(max-width:620px){.invitation{display:grid;padding-top:32px;gap:29px}.invitation h1{font-size:46px;letter-spacing:-1.7px;line-height:1.09;margin-top:16px}.invitation .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-lead{font-size:19px;margin-top:21px}.invitation-copy{font-size:13px;line-height:1.85;margin-top:14px}.hero-actions{gap:9px 20px;margin-top:21px}.hero-actions .primary{font-size:12px;padding:13px 15px}.hero-actions .text-link{font-size:11px}.invitation-note{padding:24px 21px 22px;border-radius:3px 22px 22px 22px}.note-label{font-size:8px;letter-spacing:1px}.invitation-note h2{font-size:28px;line-height:1.3;margin:17px 0}.invitation-note h2 br{display:block}.invitation-note>p{font-size:13px;line-height:1.85;margin-top:13px}.encouragement strong{font-size:12px}.encouragement p{font-size:11px}.invitation-note .invitation-signoff{font-size:10px}.example-divider{font-size:8px;letter-spacing:1.05px;padding-bottom:17px}.examples-section{padding-top:16px}.your-way{display:block;padding-top:33px;padding-bottom:28px}.your-way h2{font-size:29px;margin-top:12px}.your-way>div:last-child{margin-top:21px}.your-way>div:last-child>p{font-size:13px;line-height:1.85}.your-way strong{font-size:12px}.session-path{padding-top:23px;padding-bottom:18px}.connection-steps{gap:22px 16px;padding:21px 0}.connection-steps article{padding-right:13px}.connection-steps h3{font-size:24px;margin:14px 0 11px}.connection-steps p{font-size:12px;line-height:1.8}.connection-steps small{font-size:9px;padding-top:15px}.connection-steps article>span{font-size:8px;letter-spacing:1.2px}.session-path+.teacher-section{padding-top:28px}.stage-outfit{font-size:9px!important}}

@media(min-width:1001px),(max-width:620px){.egg-room{height:395px}.egg-room>.character-touch{width:min(100%,270px)}}