:root{color:#183926;--ink:#0f3d26;--green:#16824a;--green-2:#0f6b3d;--leaf:#8cc449;--cream:#fffaf0;--paper:#fffdf6;--line:#d9e5c6;--gold:#f6c84f;--orange:#ee941e;--blue:#408ee7;--purple:#7b57c8;--shadow:0 14px 35px #405f2b1f;background:#f8f4e8;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:radial-gradient(circle at 13% 16%,#ffe99247,#0000 28%),radial-gradient(circle at 90% 88%,#8cc44933,#0000 26%),linear-gradient(#fffdf8,#f6f1e4);min-width:0;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%;display:block}.boot{min-height:100vh;color:var(--ink);text-align:center;align-content:center;justify-items:center;gap:18px;padding:24px;font-size:24px;font-weight:900;display:grid}.boot p{margin:0}.boot button,.errorBoundary button{color:#fffef8;background:linear-gradient(#31a760,#118047);border:1px solid #ffea979e;border-radius:16px;min-height:52px;padding:0 26px;font-weight:900;box-shadow:inset 0 2px #ffffff38,0 6px #0c6037,0 14px 28px #0e693a33}.errorBoundary{background:linear-gradient(135deg,#fffbece6,#e8f4d6d1),url(/design-assets/home/forest-studio-bg.jpg) 50%/cover;place-items:center;min-height:100vh;padding:24px;display:grid}.errorBoundaryCard{text-align:center;background:#fffdf4f2;border:1px solid #c5d3a4d1;border-radius:28px;justify-items:center;gap:14px;width:min(100%,520px);padding:38px 32px 42px;display:grid;box-shadow:0 24px 64px #2a4c262e}.errorBoundaryCard>span{font-size:54px}.errorBoundaryCard h1{margin:0;font-size:32px}.errorBoundaryCard p{margin:0 0 8px;font-size:17px}.classroom{background:#fffdf6eb;border-left:1px solid #eef1de;border-right:1px solid #eef1de;grid-template-rows:auto 1fr auto;width:min(100vw,1760px);height:100dvh;margin:0 auto;display:grid;overflow:hidden}.courseHeader,.courseFooter{z-index:20;background:#fffcf3f5;border-bottom:1px solid #e5dcc7;align-items:center;gap:22px;min-width:0;padding:12px 24px;display:flex;position:relative;box-shadow:0 4px 18px #49533214}.courseFooter{border-top:1px solid #e5dcc7;border-bottom:0;justify-content:space-between;box-shadow:0 -5px 18px #4953320f}.courseFooter strong{text-align:center;min-width:0;color:var(--ink);align-items:center;gap:18px;font-size:24px;display:inline-flex}.courseFooter strong svg{color:var(--gold);fill:var(--gold)}.footerSpacer{width:142px}.courseBrand{flex:0 430px;align-items:center;gap:14px;min-width:300px;display:flex}.courseBrand svg{color:#1e8d50;fill:#ffe08a;stroke-width:2.4px}.courseBrand strong{color:var(--ink);letter-spacing:0;overflow-wrap:anywhere;font-size:24px;font-weight:950;line-height:1.05;display:block}.courseBrand span{color:#53604c;margin-top:6px;font-size:14px;display:block}.progressDots{flex:1;justify-content:center;align-items:center;gap:11px;min-width:0;display:flex}.stepDot{color:#153e27;background:#fffef8;border:2px solid #b9d4a1;border-radius:999px;width:34px;height:34px;font-size:15px;font-weight:900;position:relative;box-shadow:inset 0 -2px #795c180f}.stepDot.active{color:#fff;background:linear-gradient(#2aa25d,#127543);border-color:#f2c74a;width:48px;height:48px;box-shadow:0 5px #2c683538,0 0 0 6px #f6c84f2e}.stepDot.done{color:var(--green-2);background:#eff8e6}.crown{color:#f2b51c;font-size:23px;position:absolute;top:-23px;left:50%;transform:translate(-50%)}.profilePill,.starPill{border:1px solid var(--line);height:52px;color:var(--ink);white-space:nowrap;cursor:default;background:#f2f8e7;border-radius:16px;flex:none;align-items:center;gap:12px;padding:7px 17px;font-size:16px;display:inline-flex}.starPill{background:#fff5dc;border-color:#efd89e;height:48px}.starPill svg{color:#efb71a;fill:#ffe36d}.mascotAvatar{object-fit:contain;object-position:center 48%;border-radius:50%;width:42px;height:42px}.mascotAvatar.large{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 24px #5b842b38);border-radius:0;width:min(430px,88%);height:540px}.courseStage{overscroll-behavior:contain;min-height:0;padding:10px 14px 14px;position:relative;overflow:hidden auto}.backgroundPicker{z-index:12;background:#fffffff0;border-radius:12px;align-items:center;gap:6px;width:max-content;margin:0 8px 8px auto;padding:5px 7px;display:flex;position:sticky;top:0;box-shadow:0 3px 8px #1c482b1f}.backgroundPicker span{color:#52634f;font-size:13px;font-weight:800}.backgroundPicker button{min-height:30px;color:var(--green-2);background:#edf4e7;border:0;border-radius:8px;padding:0 11px;font-weight:800}.backgroundPicker button.active{background:var(--green);color:#fff}.classroom[data-theme=forest] .courseStage{background:radial-gradient(circle at 10% 90%,#69b74f3d,#0000 25%),linear-gradient(#fffdf8,#eef7e8)}.classroom[data-theme=stars] .courseStage{background:radial-gradient(circle at 18% 18%,#ffd65b57,#0000 20%),radial-gradient(circle at 82% 24%,#9774e233,#0000 24%),#faf8ff}.classroom[data-theme=rainbow] .courseStage{background:radial-gradient(circle at 12% 18%,#ffa4b82e,#0000 22%),radial-gradient(circle at 85% 76%,#64c2e333,#0000 24%),linear-gradient(135deg,#fffdf8,#f5fff1)}.classroom[data-theme=forest] .courseStage:after{opacity:.18;background-image:url(/design-assets/transparent-ui/mascot-7.png);background-repeat:no-repeat;background-size:contain;border-radius:0;width:150px;height:200px;transform:none}.classroom[data-theme=stars] .courseStage:after{opacity:.14;background-image:url(/design-assets/transparent-ui/mascot-4.png);background-repeat:no-repeat;background-size:contain;border-radius:0;width:160px;height:160px;transform:none}.classroom[data-theme=rainbow] .courseStage:after{opacity:.14;background-image:url(/design-assets/transparent-ui/mascot-3.png);background-repeat:no-repeat;background-size:contain;border-radius:0;width:170px;height:170px;transform:none}.courseStage:before,.courseStage:after{content:"";pointer-events:none;opacity:.45;background-repeat:no-repeat;position:absolute}.courseStage:before{background:radial-gradient(#78aa4638,#0000 60%);width:240px;height:220px;bottom:-70px;left:-50px}.courseStage:after{background:linear-gradient(135deg,#dfff74,#64b940);border-radius:70% 0;width:120px;height:120px;top:64px;right:22px;transform:rotate(-25deg)}.toast{z-index:5;min-width:300px;box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:14px;padding:18px 24px;font-size:17px;font-weight:800;display:flex;position:absolute;bottom:36px;left:42px}.toast.success{color:var(--green-2);background:#f4fbec;border:1px solid #cfe3b9}.toast.error{color:#a53e24;background:#fff0e9;border:1px solid #ffc7aa}.toast svg{color:var(--green)}.lesson{z-index:1;background:linear-gradient(180deg, #fffffac7, #fffaebb8), radial-gradient(circle at 25% 8%, #ffea9733, transparent 28%), var(--paper);min-height:100%;box-shadow:inset 0 0 0 1px #ffffffe6, var(--shadow);border:2px solid #e4dcc7;border-radius:26px;padding:16px 22px;position:relative;overflow:visible}.lessonTitle{align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.lessonTitle>svg{color:#166f40;fill:#ffdb72;stroke-width:2.2px;flex:none;width:44px;height:44px}h1,h2,h3,p{margin-top:0}h1{color:var(--ink);margin-bottom:10px;font-size:34px;font-weight:950;line-height:1.08}h2{color:var(--ink);font-size:28px}h3{color:var(--ink);font-size:21px}p{color:#4d5849;font-size:18px;line-height:1.65}.speech{color:#3c4639;background:#fffef8;border:2px solid #b8d2a1;border-radius:24px;max-width:310px;padding:18px 28px;font-size:19px;line-height:1.65;position:absolute;top:28px;right:190px;box-shadow:0 12px 25px #475b341a}.inviteLayout{grid-template-columns:1.42fr .58fr;align-items:start;gap:18px;height:auto;display:grid}.paperInvite{min-height:0;box-shadow:18px 18px 0 #6f954959, var(--shadow);background:#fff8e7;border:2px solid #b7cc8e;border-radius:12px 40px 12px 12px;margin-left:42px;margin-right:-24px;padding:36px 46px 30px;position:relative}.paperInvite h2{font-size:40px}.paperInvite p{color:#3e3a2e;font-size:21px}.paperInvite>.magicButton{margin-inline:auto;display:flex}.envelope{color:#f0bc27;width:142px;height:92px;box-shadow:var(--shadow);background:#fff3d6;border:2px solid #e2be6d;border-radius:14px;place-items:center;font-size:44px;display:grid;position:absolute;top:-22px;left:-48px;rotate:-12deg}.missionIcons{grid-template-columns:repeat(3,1fr);gap:26px;margin:30px 0 24px;display:grid}.mission{text-align:center;border-right:2px dashed #dbbd78;justify-items:center;gap:10px;display:grid}.mission:last-child{border-right:0}.mission div{width:90px;height:90px;color:var(--green);background:#eef9d9;border:1px solid #bdd69c;border-radius:50%;place-items:center;display:grid}.mission:nth-child(2) div{color:#c98516;background:#fff0bc}.mission:nth-child(3) div{color:var(--purple);background:#eee5ff}.mission strong{color:var(--ink);font-size:21px}.mission span{color:#4b5744}.mascotHero{place-items:center;display:grid;position:relative;transform:translate(42px)}.mascotHero .speech{text-align:center;min-width:300px;top:55px;right:34px}.magicButton,.paperButton,.navButton{letter-spacing:0;border:0;border-radius:17px;justify-content:center;align-items:center;gap:13px;min-height:58px;padding:0 32px;font-size:22px;font-weight:950;display:inline-flex}.magicButton{color:#fff;background:linear-gradient(#2aa45e,#118047);box-shadow:inset 0 3px #fff3,0 8px #0c6037,0 14px 24px #0e693a38}.magicButton:hover{transform:translateY(-1px)}.magicButton.huge{min-width:360px;min-height:70px;font-size:28px}.paperButton{color:#9a6413;background:linear-gradient(#fff8e4,#ffe7a5);border:2px solid #f1c563;box-shadow:inset 0 2px #ffffff8c,0 6px #c58e262e}.navButton{min-width:142px;height:54px}.navButton.prev{color:var(--green-2);background:#fff8e6;border:1px solid #efdca9}.navButton.next{color:#fff;background:linear-gradient(#24a15c,#118047);box-shadow:0 7px #0d653a}.exampleCards{grid-template-columns:repeat(3,1fr);gap:26px;margin-top:64px;display:grid}.exampleCard{background:#fffdf6;border:2px solid #eadfc7;border-radius:19px;padding:0;position:relative;overflow:hidden;box-shadow:0 14px 28px #404b2c14}.exampleCard.selected{border-color:var(--green);box-shadow:0 0 0 5px #1f8e4f33,0 18px 30px #315b2b33}.exampleCard img{aspect-ratio:4/3;object-fit:cover;cursor:pointer;width:100%}.exampleCard strong{color:#2f3028;justify-content:center;align-items:center;gap:14px;margin-top:18px;font-size:28px;display:inline-flex}.exampleCard strong svg{color:#f5be1a;fill:#f5be1a}.heart{background:#168b4c;border:3px solid #fffdf6;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 0 0 3px #125c3557,0 8px 18px #116f404d}.heart svg{color:#fffdf6;fill:#fffdf6;stroke-width:3px;width:30px;height:30px}.exampleActions{justify-content:center;margin-top:34px;display:flex}.split{grid-template-columns:.86fr 1.14fr;gap:24px;min-height:0;display:grid}.split.wideRight{grid-template-columns:560px 1fr}.improveSplit{grid-template-columns:1.14fr .86fr}.guessLayout{grid-template-columns:minmax(620px,1.25fr) minmax(390px,.75fr);align-items:stretch;gap:20px;display:grid}.guessLayout>*{height:100%}.secretPanel{flex-direction:column;min-height:570px;display:flex}.secretLock{text-align:center;background:#fff8e8;border:2px dashed #d8c995;border-radius:18px;flex:1;align-content:center;place-items:center;gap:12px;padding:30px;display:grid}.secretLock>span{font-size:58px}.secretLock strong{color:var(--green-2);font-size:24px}.secretLock p{color:#61705b;margin:0}.secretContent{flex:1;animation:.35s ease-out revealSecret}.unlockButton,.secretDone{width:100%;margin-top:12px}@keyframes revealSecret{0%{opacity:0;transform:translateY(8px)}}.infoPanel,.imageWorkbench,.resultArea,.imagePreview,.finalPreview,.showcaseWall{border:2px solid var(--line);background:#fffef8e6;border-radius:17px;padding:24px;box-shadow:inset 0 0 0 1px #ffffffb3}.formulaLine{min-height:72px;color:var(--ink);background:#fffaf0;border:1px solid #eadfc7;border-radius:14px;justify-content:center;align-items:center;gap:24px;margin:24px 0;font-size:30px;font-weight:950;display:flex}.formulaLine span{color:#2b2d29}.legendRow{border-bottom:1px solid #eadfc7;grid-template-columns:90px 1fr;align-items:center;gap:16px;padding:14px 16px;display:grid}.legendRow span{color:#fff;background:var(--green);text-align:center;border-radius:999px;padding:8px 12px;font-weight:900}.legendRow.blue span{background:var(--blue)}.legendRow.orange span{background:var(--orange)}.legendRow.purple span{background:var(--purple)}.legendRow strong{color:#26342b;font-size:18px}.imageWorkbench h3{margin-bottom:18px}.wideImage{object-fit:cover;border:1px solid #e6dcc4;border-radius:15px;width:100%;height:360px}.flipCards{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px;display:grid}.recipeFlip{color:#fff;text-align:center;min-height:170px;transform-style:preserve-3d;background:linear-gradient(135deg,#52b56e,#f3cf62);border:2px solid #d8c998;border-radius:17px;align-content:center;gap:10px;padding:16px;transition:transform .25s,box-shadow .25s;display:grid;box-shadow:inset 0 0 0 2px #ffffff52,0 12px 22px #54502b1f}.recipeFlip.blue{background:linear-gradient(135deg,#4c9ee9,#85d6ff)}.recipeFlip.orange{background:linear-gradient(135deg,#ef9828,#ffd36b)}.recipeFlip.purple{background:linear-gradient(135deg,#825bd3,#d0a8ff)}.recipeFlip.open{color:var(--green-2);background:#fffaf0;border-color:#dfd0aa;transform:rotateY(360deg)translateY(-4px);box-shadow:0 12px 24px #404b2c24}.recipeFlip span{font-size:18px}.recipeFlip strong{font-size:25px}.recipeFlip small{color:currentColor;opacity:.78}.recipeBuilder{gap:20px;display:grid}.recipeCardsInput{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.recipeInput{background:linear-gradient(#f9fff2,#fffdf8);border:2px solid #bdd8ab;border-radius:20px;grid-template-rows:auto auto 1fr auto;gap:10px;min-height:300px;padding:26px 22px 18px;display:grid}.recipeInput.blue{background:linear-gradient(#f2f9ff,#fffdf8);border-color:#a9d1f4}.recipeInput.orange{background:linear-gradient(#fff6e4,#fffdf8);border-color:#f3c77f}.recipeInput.purple{background:linear-gradient(#f5efff,#fffdf8);border-color:#cdbcf2}.recipeInput strong{color:var(--ink);font-size:28px}.recipeInput span{color:#4b5b47;font-size:18px}.recipeInput textarea{resize:none;background:#ffffffb8;border:2px dashed #c8d9b6;border-radius:16px;width:100%;min-height:130px;padding:18px;font-size:18px}.recipeInput small{color:#586851}.recipeSummary{background:#fffdf4d1;border:2px dashed #9bc687;border-radius:20px;margin:4px 0 10px 118px;padding:28px 32px;position:relative}.recipeSummary p{color:var(--ink);text-align:center;margin:0;font-size:22px;font-weight:800}.ribbon{color:#fff;background:linear-gradient(90deg,#20824d,#53a85e);border-radius:6px 6px 24px;padding:12px 34px;font-size:23px;font-weight:950;position:absolute;top:-18px;left:-76px;box-shadow:0 5px #0c5f373d}.centerActions{justify-content:center;align-items:center;gap:34px;display:flex}.generatePanel{grid-template-rows:auto auto auto auto;align-content:start;gap:12px;display:grid}.promptPaper{color:#27352b;background:#fffdf7;border:1px dashed #a7c691;border-radius:14px;min-height:150px;padding:22px;font-size:20px;line-height:1.75}.promptPaper.compact{min-height:auto;margin:16px 0;font-size:16px}.confirmPanel .promptPaper.compact,.generatePanel .promptPaper{font-size:20px}.generateFields{flex-direction:column;gap:8px;display:flex}.generateFields .inlineInput{margin:2px 0}.extractedRecipePaper{background:radial-gradient(circle at 92% 12%,#f6c84f3d,#0000 24%),linear-gradient(145deg,#f8fdebfa,#fffaebfa);border:2px solid #85b15f8c;border-radius:22px;align-content:center;min-height:218px;padding:24px 26px 22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #ffffff7a,0 12px 26px #375e3217}.extractedRecipePaper:after{content:"✦";color:#e2a92a38;font-size:76px;line-height:1;position:absolute;bottom:8px;right:18px;transform:rotate(12deg)}.extractedRecipePaper>span{z-index:1;color:#277c49;background:#eaf6dc;border-radius:999px;justify-self:start;align-items:center;gap:7px;padding:6px 11px;font-size:14px;font-weight:900;display:inline-flex;position:relative}.extractedRecipePaper p{z-index:1;color:#24452f;overflow-wrap:anywhere;margin:16px 0 12px;font-size:clamp(17px,1.25vw,21px);font-weight:750;line-height:1.75;position:relative}.extractedRecipePaper small{z-index:1;color:#71806d;font-size:13px;position:relative}.tipRows{background:#fffaf0;border:1px solid #eadfc7;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:8px;padding:9px;display:grid}.tip{border-right:1px solid #eadfc7;grid-template-columns:34px 1fr;align-items:center;column-gap:8px;padding:5px 7px;display:grid}.tip:last-child{border-right:0}.tip span{width:32px;height:32px;color:var(--green);background:#eff8e7;border-radius:50%;grid-row:span 2;place-items:center;display:grid}.tip strong{color:var(--ink);font-size:15px}.tip small{color:#596553;font-size:12px;line-height:1.25}.resultArea h2,.imagePreview h2,.finalPreview h2,.showcaseWall h2{justify-content:center;align-items:center;gap:10px;display:flex}.paintingFrame{justify-content:center;align-items:center;min-height:360px;margin-top:16px;display:flex;position:relative}.painting{object-fit:cover;border:1px solid #eadfc7;border-radius:18px;width:100%;max-height:440px;box-shadow:0 18px 40px #363d2f26}.waitingMovie,.emptyPainting,.emptyArtwork{color:var(--green-2);text-align:center;background:#fffaf0;border:2px dashed #d8dfc5;border-radius:20px;align-content:center;place-items:center;gap:14px;display:grid}.waitingMovie,.emptyPainting{width:88%;min-height:330px;padding:18px}.waitingMovie video{object-fit:cover;border-radius:12px;width:100%;height:330px}.waitingMovie strong,.emptyPainting strong{font-size:22px;font-weight:950}.emptyPainting svg,.emptyArtwork svg{color:#8cb45d;width:56px;height:56px}.progressBar{grid-template-columns:1fr 58px;align-items:center;gap:14px;margin:16px 18px;display:grid}.progressBar:before{content:"";background:#f6f7ed;border:1px solid #d4dec8;border-radius:999px;grid-area:1/1;height:22px}.progressBar span{background:linear-gradient(90deg,#1a9454,#a8d843);border-radius:999px;grid-area:1/1;height:16px;margin-left:4px}.progressBar b{color:var(--green-2);font-size:22px}.hintLine{color:#4d6846;background:#f7f5e9;border-radius:12px;margin-top:10px;padding:13px 18px;font-size:18px}.imageResultActions{justify-content:center;margin:14px 0 4px;display:flex}.imageResultActions .paperButton{min-height:48px;font-size:18px}.savedImageShelf{background:#fbf8ea;border:2px solid #d9e5c6;border-radius:16px;margin-top:16px;padding:14px}.savedImageHeading{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:12px;display:flex}.savedImageHeading strong{color:var(--ink);font-size:20px}.savedImageHeading span,.savedImageEmpty{color:#61705b;margin:0;font-size:14px}.savedImageGrid{scrollbar-color:#a8c98d transparent;grid-auto-columns:112px;grid-auto-flow:column;justify-content:start;gap:12px;padding:3px 3px 8px;display:grid;overflow-x:auto}.savedImageTile,.uploadTile{min-height:108px;color:var(--green-2);text-align:center;background:#fffdf7;border:2px solid #d8dfc5;border-radius:14px;align-content:center;justify-items:center;gap:6px;padding:7px;font-size:13px;font-weight:900;display:grid;position:relative}.savedImageTile{cursor:default}.savedImageTile.selected{border-color:var(--green);background:#f0f9e9;box-shadow:0 0 0 3px #1f8e4f24}.savedImageShelf .savedImageTile img{object-fit:cover;width:94px;height:72px;box-shadow:none;border-radius:9px}.savedImageBtn{cursor:pointer;background:0 0;border:none;padding:0;line-height:0;display:block}.uploadTile{cursor:pointer;background:#fff8e6;border-style:dashed}.uploadTile svg{color:var(--green)}.uploadTile strong{font-size:15px}.uploadTile span{color:#77816f;font-size:11px}.uploadTile input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.uploadTile.disabled{cursor:not-allowed;opacity:.55}.uploadTile:focus-within{outline-offset:3px;outline:4px solid #f6c84f70}.moodButtons{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.moodButtons button,.tagGrid button{color:#9a6413;background:#fff6e4;border:2px solid #efd49d;border-radius:16px;min-height:78px;font-size:18px;font-weight:950}.moodButtons button:first-child,.tagGrid button.selected{color:#9a6413;background:#fff6e4;border-color:#efd49d}.moodButtons button{justify-items:center;gap:4px;display:grid}.moodButtons button svg{width:30px;height:30px}.moodButtons button span{color:#5d6957;font-size:14px;font-weight:700}.moodButtons button.selected,.tagGrid button.selected{border-color:var(--green);color:var(--green-2);background:#ecf9e8;box-shadow:inset 0 0 0 3px #2294521f}.inlineInput{background:#fffef9;border:1px solid #eadfc7;border-radius:13px;grid-template-columns:145px 1fr 36px;align-items:center;gap:12px;min-height:58px;margin:12px 0;padding:8px 14px;display:grid}.inlineInput span{color:var(--ink);font-size:19px;font-weight:900}input,textarea,select{color:#26352b;background:0 0;border:0;outline:none}.inlineInput input{font-size:18px}.inlineTextarea{align-items:start;min-height:92px}.inlineTextarea span{padding-top:10px}.inlineTextarea textarea{resize:vertical;min-height:72px;padding:8px 0;font-size:19px;line-height:1.55}.inlineInput svg{color:#333}.savedLine{color:var(--green-2);align-items:center;gap:10px;font-size:18px;font-weight:800;display:inline-flex}.imagePreview img,.finalPreview img{object-fit:cover;border:1px solid #eadfc7;border-radius:18px;width:100%;max-height:520px;box-shadow:0 15px 34px #30392a24}.imagePreviewBtn,.paintingBtn,.wideImageBtn{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block}.imagePreviewBtn img,.paintingBtn img,.wideImageBtn img{width:100%;display:block}.paintingBtn{width:100%;max-height:440px}.paintingBtn img{object-fit:cover;border:1px solid #eadfc7;border-radius:18px;max-height:440px;box-shadow:0 18px 40px #363d2f26}.wideImageBtn img{border-radius:18px}.styleLayout{grid-template-columns:1fr;gap:20px;display:grid}.styleGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.styleCard{text-align:left;background:#fffdf7;border:2px solid #eadfc7;border-radius:18px;grid-template-columns:1fr;align-items:center;gap:10px;min-height:180px;padding:14px;display:grid;position:relative}.styleCard.selected{border-color:var(--green);box-shadow:0 0 0 4px #1c8f521a}.styleCard img{object-fit:cover;cursor:pointer;background:#f5f0e4;border-radius:13px;width:100%;height:158px}.styleCard strong{color:var(--green-2);margin-bottom:8px;font-size:20px;display:block}.styleCard p{margin-bottom:10px;font-size:15px;line-height:1.35}.stylePreview{border:2px solid var(--line);background:#fffaf0;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:10px 16px;display:grid}.stylePreview>div{align-items:center;gap:12px;display:flex}.stylePreview small{color:#61705b;font-weight:800}.stylePreview p{margin:0}.stylePreview strong{color:var(--green-2);font-size:26px}.stylePreview .magicButton.huge{width:auto;min-width:0;font-size:23px}.improveSplit{align-items:stretch}.improveSplit>*{height:100%}.improvePanel{flex-direction:column;display:flex}.improvePanel .inlineInput{margin:8px 0}.improveActions{grid-template-columns:1fr auto;gap:12px;margin-top:auto;padding-top:12px;display:grid}.improveActions .magicButton,.improveActions .paperButton{min-height:54px;margin:0}.stepUnlockHint{color:#63705d;text-align:center;margin:10px 0 0;font-size:14px}.improveSplit .imagePreview{flex-direction:column;display:flex}.improveSplit .imagePreview>img{max-height:300px}.improveSplit .savedImageShelf{margin-top:auto}.styleNo{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;font-weight:950;display:grid;position:absolute;top:15px;left:15px}.styleCheck{background:var(--green);color:#fff;border-radius:50%;width:36px;height:36px;padding:7px;position:absolute;top:16px;right:16px}.swatches{gap:8px;display:flex}.swatches i{border-radius:5px;width:20px;height:20px}.confirmPanel .magicButton{width:100%;margin-top:16px}.miniCompare{grid-template-columns:1fr 50px 1fr;align-items:center;gap:16px;margin-bottom:24px;display:grid}.smallImage{justify-items:center;gap:8px;display:grid}.smallImage span{color:var(--green-2);background:#eff8e7;border:1px solid #c8dcac;border-radius:999px;padding:5px 28px;font-weight:900}.smallImage:nth-child(3) span{color:#a96b11;background:#fff1c6}.smallImage img{object-fit:cover;border:1px solid #eadfc7;border-radius:14px;width:260px;height:180px}.finalPreview{text-align:center;align-content:start;gap:18px;display:grid}.finalPreview img{max-height:500px}.finalPreview strong{color:#2a3029;justify-content:center;align-items:center;gap:18px;font-size:31px;display:inline-flex}.finalPreview p{color:#4c5a45;max-width:760px;margin:0 auto;font-size:20px}.finalPreview strong svg{color:#f3bd18;fill:#f3bd18}.shareThumb{object-fit:cover;border:2px solid var(--green);border-radius:16px;width:100%;height:170px;margin-bottom:20px}.shareIntro{margin-bottom:12px;font-size:17px}.tagGrid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.showcaseWall{grid-template-columns:1fr 300px;gap:18px;display:grid}.showcaseWall h2{grid-column:1/-1;justify-content:flex-start}.wallFeatured{border:2px solid var(--green);box-shadow:var(--shadow);background:#fffdf8;border-radius:16px;gap:12px;padding:16px;display:grid}.wallFeatured img{object-fit:cover;border-radius:12px;width:100%;height:300px}.wallFeatured strong{color:#2b3028;text-align:center;font-size:25px}.wallFeatured span{background:var(--green);color:#fff;border-radius:999px;justify-self:center;padding:8px 22px;font-weight:900}.wallFeatured p{border-top:1px dashed #e7d7b8;margin-bottom:0;padding-top:10px;font-size:18px;line-height:1.55}.wallCertificate{background:#fffaf0;border:2px dashed #e0d9bd;border-radius:18px;align-content:center;gap:14px;padding:20px;display:grid}.wallCertificate h3{margin:0;font-size:24px}.wallCertificate p{margin:0;font-size:17px}.wallSlots{background:#fbf8ea;border:2px dashed #cfd8b8;border-radius:16px;grid-column:1/-1;grid-template-columns:auto auto 1fr;align-items:center;gap:16px;padding:16px 18px;display:grid}.wallSlots h3{margin:0;font-size:22px}.wallSlots button{min-height:46px;color:var(--green-2);background:#f0f9e9;border:1px solid #b9d4a1;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-weight:900;display:inline-flex}.wallSlots span{color:#53604c;font-size:16px}.shareForm.infoPanel,.showcaseWall{padding:18px}.shareForm h2,.showcaseWall h2{margin-bottom:12px}.shareForm .inlineInput{min-height:64px;margin:8px 0}.shareForm .magicButton.huge{min-height:58px;font-size:23px}.shareForm .tagGrid button{min-height:62px}.upgradeStudio{grid-template-columns:minmax(420px,.86fr) minmax(540px,1.14fr);gap:24px;display:grid}.upgradeLeft{gap:20px;display:grid}.upgradeLeft .imagePreview img{max-height:220px}.readonlyRecipe{background:#fffef9;border:1px solid #eadfc7;border-radius:13px;grid-template-columns:88px 1fr;align-items:center;gap:12px;margin:10px 0;padding:13px 16px;display:grid}.readonlyRecipe strong{color:var(--green-2);font-size:19px}.readonlyRecipe span{color:#3f5143;font-size:18px;line-height:1.45}.confirmPanel .magicButton{margin-top:16px}.upgradeResult{align-self:start}.upgradeCard{border:2px solid var(--line);background:#fffef8f0;border-radius:20px;grid-template-columns:minmax(0,1fr);gap:18px;padding:20px;display:grid}.upgradeCard>h2{text-align:center;color:var(--green-2);grid-column:1/-1;font-size:28px}.versionComparison{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(300px,.72fr);align-items:start;gap:18px;width:min(100%,1540px);margin:0 auto;display:grid}.versionGroup{background:#fffdf7;border:2px solid #d8e2c9;border-radius:18px;min-width:0;padding:16px}.firstVersionGroup{background:linear-gradient(160deg,#f6fbed,#fffdf7)}.upgradedVersionGroup{background:linear-gradient(160deg,#fff9e9,#fffdf7);border-color:#ead7a8}.artworkColumn,.cardFields{min-width:0}.artworkColumn h3{text-align:center;color:var(--green-2);font-size:24px}.artPrompt{background:#f7f3e7;border-radius:14px;margin-top:14px;padding:14px}.artPrompt strong{color:var(--green-2)}.artPrompt p{word-break:break-word;min-height:72px;margin:7px 0 0;line-height:1.55}.cardFields{background:linear-gradient(160deg,#f5faec,#fffdf7);border:2px solid #d8e2c9;border-radius:18px;flex-direction:column;gap:10px;min-height:100%;padding:18px;display:flex}.cardFields:before{content:"完善我的作品卡";color:var(--green-2);font-size:21px;font-weight:950}.cardFields .inlineInput{grid-template-columns:105px 1fr 28px}.saveHint{color:#9b651a;text-align:center;margin-top:10px;display:block}.zoomableImage{background:#f8f4e8;border:2px solid #e5d9bd;border-radius:17px;width:100%;height:250px;min-height:0;padding:0;position:relative;overflow:hidden}.zoomableImage img{object-fit:cover;width:100%;height:100%;display:block}.zoomableImage .zoomBackdrop{display:none}.zoomableImage .zoomArtwork{z-index:1;position:relative}.zoomableImage>svg{color:#fff;background:#095834e0;border-radius:50%;width:40px;height:40px;padding:8px;position:absolute;bottom:12px;right:12px}.portfolioPage{grid-template-columns:1.08fr 1fr 1.08fr;gap:8px;padding:0;display:grid}.portfolioCard{background:#fffdf7;border:2px solid #d8e2c9;border-radius:22px;min-width:0;padding:14px 18px;box-shadow:0 12px 30px #2f493317}.portfolioCard h2{color:var(--green-2);justify-content:center;align-items:center;gap:7px;margin-bottom:10px;font-size:23px;display:flex}.progressCard{background:linear-gradient(160deg,#f6fbed,#fffdf7)}.formulaCard{background:linear-gradient(160deg,#fffaf0,#fffdf7);border-color:#ead7a8}.favoriteCard{background:linear-gradient(160deg,#f2f8ff,#fffdf7);border-color:#cbdceb}.progressImages{grid-template-columns:1fr 34px 1fr;align-items:center;gap:8px;display:grid}.progressCard p,.favoriteCard p{background:#ffffffc7;border-radius:12px;align-items:flex-start;gap:8px;padding:11px;line-height:1.5;display:flex}.progressCard p svg{color:var(--green);flex:none}.progressStory,.favoriteStory{gap:8px;display:grid}.favoriteStory blockquote{color:#244b32;background:#f4f8ec;border-radius:14px;margin:0;padding:14px 16px;font-size:17px;font-weight:800;line-height:1.65}.favoriteStory p strong{color:var(--green-2);flex:none}.favoriteStory p span{overflow-wrap:anywhere;min-width:0}.knowledgeIntro{color:#596553;text-align:center;margin-bottom:4px}.knowledgeFormula{justify-items:center;gap:12px;margin:16px 0 12px;display:grid}.knowledgeFormula>div{justify-content:center;gap:14px;display:flex}.knowledgeBlank{text-align:center;gap:6px;width:104px;display:grid}.knowledgeBlank span{color:#766b55;font-size:12px;font-weight:800}.knowledgeBlank input{aspect-ratio:1;text-align:center;background:#fffdf7;border:2px solid #9fc77f;border-radius:8px;width:100%;padding:8px;font-size:18px;font-weight:950;box-shadow:0 3px #2f493314}.selectSavedButton{background:var(--green);color:#fff;border:0;border-radius:8px;width:100%;min-height:34px;font-weight:800}.knowledgeHint{color:#8b641f;background:#fff4d8;border-radius:10px;padding:10px;font-size:13px;line-height:1.45}.portfolioActions{justify-content:center;gap:8px;margin-top:12px;display:flex}.portfolioActions .magicButton,.portfolioActions .paperButton{min-width:90px;min-height:38px;padding:0 12px;font-size:15px}.portfolioCard>.paperButton{min-height:36px;margin:12px auto 0;padding:0 12px;font-size:15px;display:flex}.growthSummary{background:linear-gradient(90deg,#f3fae9,#fffdf7);border:2px solid #d6e4c6;border-radius:20px;grid-column:1/-1;min-height:85px;padding:14px 22px}.growthPath{color:var(--green-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.growthPath strong{align-items:center;gap:7px;font-size:20px;display:inline-flex}.growthPath span{background:#fff;border-radius:999px;padding:6px 10px;font-weight:800}.growthPath i{color:#a9b69b;margin-left:10px;font-style:normal}.growthSummary>p{color:#40553f;background:#fff;border:1px solid #dce5ce;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin:8px 0 0;padding:10px;display:flex}.growthSummary svg{color:#f17c89;fill:#f7a8b1}.pageExport{grid-column:1/-1;justify-content:center;padding:8px;display:flex}.pageExport .magicButton{max-width:480px}.lightbox{z-index:1000;background:#081c12e0;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.lightbox>button{color:#fff;background:#0a663d;border:2px solid #fff;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:fixed;top:24px;right:28px}.lightbox>img{object-fit:contain;border:6px solid #fff;border-radius:18px;max-width:min(92vw,1400px);max-height:88vh;box-shadow:0 22px 70px #00000080}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:4px solid #f6c84f70}@media (width<=1280px){body{min-width:0}.classroom{width:100vw}.courseBrand{min-width:380px}.courseBrand strong{font-size:24px}.progressDots{gap:7px}.stepDot{width:34px;height:34px;font-size:15px}.stepDot.active{width:46px;height:46px}.styleLayout{grid-template-columns:1fr}.recipeCardsInput{grid-template-columns:repeat(2,1fr)}.split,.split.wideRight,.upgradeStudio,.upgradeCard,.portfolioPage{grid-template-columns:1fr}.upgradeCard>h2,.pageExport{grid-column:1}}@media (width<=1540px){.courseHeader,.courseFooter{gap:14px;padding-left:20px;padding-right:20px}.courseBrand{flex-basis:410px;min-width:320px}.courseBrand strong{font-size:25px}.courseBrand span{font-size:15px}.progressDots{gap:7px}.stepDot{width:36px;height:36px;font-size:16px}.stepDot.active{width:48px;height:48px}.profilePill,.starPill{padding-inline:12px}}@media (width<=1280px){.courseHeader,.courseFooter{gap:10px;padding-left:14px;padding-right:14px}.courseBrand{flex-basis:340px;min-width:260px}.courseBrand strong{font-size:22px}.courseBrand span{font-size:13px}.profilePill strong,.starPill{font-size:14px}}html,body,#app{width:100%;min-width:0;min-height:100%}body{min-block-size:100svh}.classroom{grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,1760px);min-width:0;height:100dvh;min-height:100svh}.courseHeader{grid-template-columns:minmax(230px,auto) minmax(260px,1fr) auto auto;align-items:center;display:grid}.courseHeader>*,.courseFooter>*,.lesson>*,.split>*,.guessLayout>*,.upgradeStudio>*,.upgradeCard>*,.upgradedVersionGroup>*,.portfolioPage>*{min-width:0}.courseBrand{min-width:0;max-width:430px}.courseBrand>div,.courseFooter strong{min-width:0}.progressDots{scrollbar-width:thin;scrollbar-color:#a8c98d transparent;overscroll-behavior-inline:contain;justify-content:flex-start;width:100%;min-width:0;padding:12px 7px 8px;scroll-padding-inline:12px;overflow:auto hidden}.stepDot{flex:none;min-width:34px;min-height:34px}.courseFooter{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.courseFooter strong{overflow-wrap:anywhere;justify-content:center;justify-self:center}.footerSpacer{width:auto;min-width:142px}.courseStage{scrollbar-gutter:stable;width:100%;min-width:0;padding-bottom:28px;scroll-padding-block:16px 28px}.lesson{overflow-wrap:anywhere;width:min(100%,1680px);min-width:0;margin-inline:auto;container-type:inline-size}.backgroundPicker{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.exampleCards{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.missionIcons{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.flipCards{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.recipeCardsInput{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.styleGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.tipRows,.moodButtons{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.tagGrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.split,.split.wideRight,.improveSplit,.guessLayout,.upgradeStudio{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.upgradeCard{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.upgradedVersionGroup,.portfolioPage{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.inviteLayout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.mascotAvatar.large{height:clamp(320px,48vh,480px)}.showcaseWall{grid-template-columns:minmax(0,1fr) minmax(240px,300px)}.wallSlots{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),auto))}.knowledgeFormula>div,.centerActions,.portfolioActions,.improveActions,.imageResultActions{flex-wrap:wrap}.magicButton,.paperButton,.navButton{max-width:100%}.magicButton.huge{min-width:min(360px,100%)}.inlineInput input,.inlineInput textarea,.promptPaper,.artPrompt p,.readonlyRecipe span{overflow-wrap:anywhere;word-break:break-word;min-width:0}.wideImage,.styleCard img,.shareThumb,.wallFeatured img,.zoomableImage,.smallImage img,.paintingBtn img,.imagePreview img,.finalPreview img{max-width:100%}.wideImage,.wallFeatured img,.shareThumb,.styleCard img,.zoomableImage{aspect-ratio:4/3;object-fit:cover;height:auto}.waitingMovie,.emptyPainting{width:100%}.waitingMovie video{aspect-ratio:16/9;height:auto;max-height:min(54vh,440px)}.lightbox{padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left))}.lightbox>button{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right))}.lightbox>img{max-width:min(92vw,1400px);max-height:calc(100dvh - 36px)}@container (width<=620px){.inlineInput,.cardFields .inlineInput,.readonlyRecipe{grid-template-columns:1fr}.inlineInput svg{display:none}.inlineTextarea span{padding-top:0}.formulaLine,.stylePreview,.miniCompare,.progressImages{grid-template-columns:1fr}.formulaLine{flex-wrap:wrap}}@media (width<=1180px){.courseHeader{grid-template-columns:minmax(0,1fr) auto auto}.progressDots{grid-area:2/1/auto/-1}.courseBrand{max-width:none}.inviteLayout,.showcaseWall{grid-template-columns:1fr}.showcaseWall h2,.wallSlots{grid-column:1}.paperInvite{margin-inline:22px}.mascotHero{transform:none}}@media (width<=1023px){.courseHeader{grid-template-columns:minmax(0,1fr) auto}.profilePill{display:none}.progressDots{grid-column:1/-1}.lesson{padding:16px}.paperInvite{margin-inline:12px;padding:42px 34px 34px}.speech,.mascotHero .speech{width:min(100%,520px);min-width:0;max-width:none;margin:0 auto 14px;position:static}.mascotAvatar.large{width:min(320px,76vw);height:auto;max-height:420px}.stylePreview{grid-template-columns:1fr auto}.stylePreview>div,.upgradeCard>h2,.growthSummary,.pageExport{grid-column:1/-1}}@media (width<=767px){.classroom{border-inline:0}.courseHeader{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 10px 4px}.courseBrand{gap:8px}.courseBrand>svg{width:30px;height:30px}.courseBrand strong{font-size:17px;line-height:1.2}.courseBrand span,.starPill svg{display:none}.starPill{justify-content:center;min-width:52px;height:44px;padding-inline:10px;font-size:13px}.progressDots{grid-column:1/-1;width:calc(100% + 20px);margin-inline:-10px;padding:12px 14px 9px}.stepDot,.stepDot.active{width:44px;min-width:44px;height:44px;min-height:44px}.crown{font-size:18px;top:-17px}.courseStage{scrollbar-gutter:auto;padding:8px 8px 12px}.backgroundPicker{justify-content:center;width:100%;margin:0 0 8px;position:relative;top:auto}.backgroundPicker button{min-height:44px}.lesson{border-radius:18px;min-height:auto;padding:14px 12px 18px}.lessonTitle{gap:10px}.lessonTitle>svg{width:36px;height:36px}h1{font-size:26px;line-height:1.2}h2{font-size:23px}h3{font-size:19px}p{font-size:16px}.courseFooter{padding:8px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.courseFooter strong{gap:4px;font-size:14px;line-height:1.25}.courseFooter strong svg{display:none}.navButton{gap:2px;width:auto;min-width:44px;height:44px;min-height:44px;padding-inline:10px;font-size:0}.navButton svg{width:24px;height:24px}.footerSpacer{min-width:44px}.exampleCards,.recipeCardsInput,.styleGrid,.split,.split.wideRight,.improveSplit,.guessLayout,.upgradeStudio,.upgradeCard,.upgradedVersionGroup,.portfolioPage{grid-template-columns:1fr}.exampleCards{gap:16px;margin-top:28px}.flipCards{grid-template-columns:1fr}.missionIcons{grid-template-columns:1fr;gap:14px;margin-block:26px}.mission{text-align:left;border-bottom:1px dashed #dbbd78;border-right:0;grid-template-columns:64px 1fr;place-items:center start;padding-bottom:12px}.mission:last-child{border-bottom:0}.mission div{grid-row:span 2;width:58px;height:58px}.paperInvite{min-height:auto;box-shadow:8px 9px 0 #6f95493d, var(--shadow);margin:8px 6px 18px;padding:50px 18px 26px}.paperInvite h2{font-size:29px}.paperInvite p{font-size:17px}.envelope{width:94px;height:62px;font-size:32px;top:-18px;left:12px}.mascotHero{display:none}.magicButton,.paperButton{min-height:48px;padding-inline:18px;font-size:17px}.magicButton.huge{width:100%;min-width:0;min-height:54px;font-size:20px}.centerActions,.improveActions,.portfolioActions{grid-template-columns:1fr;gap:12px;display:grid}.centerActions>*,.improveActions>*,.portfolioActions>*{width:100%}.inlineInput,.cardFields .inlineInput,.readonlyRecipe{grid-template-columns:1fr;gap:6px}.inlineInput{min-height:0;padding:12px}.inlineInput input,.inlineInput textarea{width:100%;min-height:44px;padding:8px 0;font-size:16px}.inlineInput svg{display:none}.recipeInput{min-height:0;padding:20px 16px}.recipeInput textarea{min-height:112px;font-size:16px}.recipeSummary{margin-left:0;padding:58px 16px 20px}.ribbon{padding:8px 18px;font-size:18px;top:10px;left:12px}.formulaLine{flex-wrap:wrap;gap:8px;min-height:0;padding:14px;font-size:21px}.tipRows,.moodButtons,.tagGrid{grid-template-columns:1fr}.tip{border-bottom:1px solid #eadfc7;border-right:0}.tip:last-child{border-bottom:0}.infoPanel,.imageWorkbench,.resultArea,.imagePreview,.finalPreview,.showcaseWall,.versionGroup,.portfolioCard{padding:14px}.paintingFrame,.waitingMovie,.emptyPainting{min-height:260px}.savedImageHeading,.stylePreview{align-items:stretch}.stylePreview,.miniCompare,.progressImages{grid-template-columns:1fr}.stylePreview>div{grid-column:auto}.stylePreview .magicButton.huge{width:100%}.smallImage img{aspect-ratio:4/3;width:100%;height:auto}.cardFields{padding:18px 0 0}.knowledgeFormula>div{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.knowledgeBlank{width:100%}.growthPath{align-items:stretch}.growthPath strong,.growthPath span,.growthPath i{text-align:center;width:100%;margin:0}.growthSummary>p{border-radius:14px;align-items:flex-start}.wallSlots{grid-template-columns:1fr}.wallSlots button{justify-content:center}.toast{left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));width:auto;min-width:0;padding:14px 16px;position:fixed}.courseStage:before,.courseStage:after{display:none}.lightbox{padding:10px}.lightbox>button{width:44px;height:44px}.lightbox>img{border-width:3px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}}@media (width<=379px){.courseBrand strong{font-size:15px}.starPill{min-width:46px;padding-inline:6px}.courseFooter strong{font-size:12px}.knowledgeFormula>div{grid-template-columns:1fr}}@media (height<=560px) and (orientation:landscape){.courseHeader{padding-block:4px 0}.progressDots{padding-block:8px 5px}.stepDot,.stepDot.active{width:40px;min-width:40px;height:40px;min-height:40px}.courseStage{padding-block:6px}.lesson{padding-block:10px}.courseFooter{padding-block:5px}.navButton{height:42px;min-height:42px}}@media (height<=1180px) and (width>=768px){.courseHeader{padding-block:6px}.courseBrand span{display:none}.profilePill,.starPill{height:44px}.mascotAvatar:not(.large){width:36px;height:36px}.progressDots{padding-block:8px 6px}.stepDot,.stepDot.active{width:40px;min-width:40px;height:40px;min-height:40px}.courseStage{padding-top:6px;padding-bottom:22px}.backgroundPicker{margin-bottom:6px}.lesson{padding:12px 18px 20px}.lessonTitle{margin-bottom:8px}.lessonTitle>svg{width:38px;height:38px}.lessonTitle h1{margin-bottom:5px;font-size:30px}.lessonTitle p{margin-bottom:0;font-size:16px;line-height:1.45}.paperInvite{min-height:0;padding:28px 36px 24px}.paperInvite h2{margin-bottom:16px;font-size:34px}.paperInvite p{margin-bottom:0;font-size:18px;line-height:1.5}.missionIcons{gap:18px;margin:22px 0 18px}.mission div{width:72px;height:72px}.mission{gap:7px}.mission strong{font-size:18px}.mission span{font-size:14px}.paperInvite>.magicButton{min-height:56px;font-size:22px}.mascotAvatar.large{height:clamp(280px,45vh,370px)}.mascotHero .speech{top:18px}.courseFooter{padding-block:7px}.courseFooter strong{font-size:20px}.navButton{height:48px;min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.classroom[data-step="1"]{--home-ink:#103c27;--home-green:#16824a;--home-green-deep:#0d6339;--home-leaf:#8cc449;--home-gold:#f3bf32;--home-cream:#fff9e9;--home-surface:#fffcefd6;--home-border:#fff8d8d1;--home-shadow:0 24px 60px #1c421f2e;background:#eaf4d9}.classroom[data-step="1"] .courseHeader,.classroom[data-step="1"] .courseFooter{-webkit-backdrop-filter:blur(18px)saturate(1.06);backdrop-filter:blur(18px)saturate(1.06);background:#fffbeee0;border-color:#81975b47;box-shadow:0 8px 28px #1e3f221f}.classroom[data-step="1"] .courseHeader{padding-block:10px}.classroom[data-step="1"] .courseBrand svg{filter:drop-shadow(0 3px 8px #f2be2b3d)}.classroom[data-step="1"] .profilePill,.classroom[data-step="1"] .starPill{background:#f8fce8c7;border-color:#99af6c6b;box-shadow:inset 0 1px #ffffffe0,0 8px 22px #2d522b14}.classroom[data-step="1"] .starPill{background:#fff7dad1;border-color:#e2b33a75}.classroom[data-step="1"] .progressDots{scrollbar-width:none}.classroom[data-step="1"] .progressDots::-webkit-scrollbar{display:none}.classroom[data-step="1"] .stepDot{color:#68745e;background:#fffcf0c7;border-color:#74974f61;box-shadow:inset 0 1px #ffffffe6}.classroom[data-step="1"] .stepDot.active{color:#fffef7;background:linear-gradient(#2a9d59,#11713f);border-color:#f2c84b;box-shadow:inset 0 2px #ffffff47,0 5px #0c542e47,0 0 0 6px #f6c84f33,0 0 24px #f6c84f57}.classroom[data-step="1"] .courseStage{isolation:isolate;background-image:linear-gradient(90deg,#fff9e53d,#fff9e500 55%),url(/design-assets/home/forest-studio-bg.jpg);background-position:50%;background-size:cover;padding:0}.classroom[data-step="1"][data-theme=stars] .courseStage{background-image:radial-gradient(circle at 72% 22%,#ffe1722e,#0000 28%),linear-gradient(90deg,#fff9e533,#fff9e500 55%),url(/design-assets/home/forest-studio-bg.jpg)}.classroom[data-step="1"][data-theme=rainbow] .courseStage{background-image:linear-gradient(118deg,#ffe5b121,#0000 34%,#b8dc8d1f),linear-gradient(90deg,#fff9e533,#fff9e500 55%),url(/design-assets/home/forest-studio-bg.jpg)}.classroom[data-step="1"] .courseStage:before,.classroom[data-step="1"] .courseStage:after{display:none}.classroom[data-step="1"] .backgroundPicker{z-index:15;-webkit-backdrop-filter:blur(14px)saturate(1.08);backdrop-filter:blur(14px)saturate(1.08);background:#fffceec2;border:1px solid #fffae2b8;border-radius:15px;margin:0;position:absolute;top:14px;right:18px;box-shadow:0 12px 34px #1f41201f}.classroom[data-step="1"] .backgroundPicker button{background:#ebf4dcbd}.classroom[data-step="1"] .backgroundPicker button.active{background:var(--home-green);box-shadow:inset 0 1px #ffffff40,0 5px 12px #10693b33}.homeHero{z-index:1;grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);align-items:stretch;width:100%;min-height:100%;padding:clamp(54px,7vh,78px) clamp(28px,4.8vw,84px) clamp(34px,4vh,52px);display:grid;position:relative;overflow:hidden}.homeHero:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(90deg,#fffae8f0 0%,#fffae8d6 31%,#fffae857 54%,#0000 70%),linear-gradient(#fff9e514,#0000 64%,#0c3b222e);position:absolute;inset:0}.homeHero:after{content:"";z-index:4;pointer-events:none;filter:blur(10px);opacity:.7;background:radial-gradient(at 12% 90%,#2d6f2eb8,#0000 54%),radial-gradient(at 82% 100%,#1f5c2aa8,#0000 58%);height:94px;position:absolute;bottom:-28px;left:0;right:0}.homeAtmosphere,.homeAtmosphere>span{pointer-events:none;position:absolute}.homeAtmosphere{z-index:-1;inset:0;overflow:hidden}.sunRay{opacity:.34;filter:blur(24px);background:linear-gradient(#fff3b2b8,#0000 76%);width:22%;height:92%;top:-18%;left:22%;transform:rotate(13deg)}.floatingLeaf{color:#6a9f3c;opacity:.58;filter:drop-shadow(0 5px 8px #18461e29);font-size:22px;animation:9s ease-in-out infinite alternate leafDrift}.leafOne{top:18%;left:44%;rotate:25deg}.leafTwo{animation-delay:-3s;top:58%;left:53%;rotate:-20deg}.leafThree{animation-delay:-6s;top:30%;right:7%;rotate:42deg}.magicParticle{color:#ffd85d;text-shadow:0 0 13px #ffd85dc7;animation:5.8s ease-in-out infinite alternate particleFloat}.particleOne{font-size:24px;top:34%;left:56%}.particleTwo{font-size:17px;animation-delay:-2s;top:18%;right:10%}.particleThree{font-size:20px;animation-delay:-4s;bottom:18%;right:34%}.heroCopy{z-index:3;flex-direction:column;align-self:center;align-items:flex-start;width:min(100%,780px);animation:.62s cubic-bezier(.16,1,.3,1) both homeFadeUp;display:flex;position:relative}.heroCopy h1{max-width:720px;color:var(--home-ink);letter-spacing:-.035em;text-wrap:balance;text-shadow:0 3px #ffffff75,0 14px 35px #1e4c231f;margin:0;font-size:clamp(44px,4.2vw,64px);line-height:1.08;position:relative}.heroCopy h1 strong{color:#0b542f;margin-top:5px;font-size:1.08em;display:inline-block;position:relative}.heroCopy h1 strong:after{content:"";background:linear-gradient(90deg,#edb827,#f7d765 70%,#0000);border-radius:999px;height:6px;position:absolute;bottom:-11px;left:2%;right:2%;transform:rotate(-.6deg);box-shadow:0 5px 12px #dba31f2e}.titleSpark{color:var(--home-gold);text-shadow:0 0 18px #f3bf328a;font-size:27px;animation:2.8s ease-in-out infinite sparklePulse;position:absolute;top:1px;left:-34px}.heroCopy>p{color:#36503b;text-shadow:0 1px #ffffffb8;max-width:580px;margin:36px 0 24px;font-size:clamp(18px,1.45vw,24px);font-weight:650;line-height:1.65}.homeCta{isolation:isolate;background:linear-gradient(#35a963,#118047);border:1px solid #ffec9abd;border-radius:21px;min-width:min(100%,350px);min-height:68px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;animation:.6s cubic-bezier(.16,1,.3,1) 80ms both homeFadeUp;position:relative;overflow:hidden;box-shadow:inset 0 3px #ffffff3d,0 7px #0a6137,0 18px 34px #0a603545,0 0 30px #81c75033}.homeCta:before{content:"";z-index:-1;filter:blur(3px);background:#ffffff57;width:28%;animation:4.8s ease-in-out 1.2s infinite ctaSheen;position:absolute;inset:-40% auto -40% -36%;transform:skew(-20deg)}.homeCta:hover:not(:disabled){transform:translateY(-3px)scale(1.012);box-shadow:inset 0 3px #ffffff4d,0 9px #0a6137,0 24px 42px #0a603552,0 0 34px #81c7504d}.homeCta:active:not(:disabled){transform:translateY(4px)scale(.995);box-shadow:inset 0 2px #ffffff38,0 3px #0a6137,0 10px 20px #0a603538}.homeCta .ctaArrow{transition:transform .2s cubic-bezier(.16,1,.3,1)}.homeCta:hover .ctaArrow{transform:translate(4px)}.missionCards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;margin-top:clamp(28px,4vh,44px);display:grid}.missionCard{border:1px solid var(--home-border);background:var(--home-surface);border-radius:22px;grid-template-columns:54px minmax(0,1fr);align-content:center;align-items:center;gap:13px;min-width:0;min-height:142px;padding:18px 16px;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .22s;animation:.5s cubic-bezier(.16,1,.3,1) both cardReveal;display:grid;position:relative;overflow:hidden;transform:translateY(0);box-shadow:inset 0 1px #ffffffe6,0 13px 30px #254c2521}.missionCard:nth-child(2){animation-delay:70ms}.missionCard:nth-child(3){animation-delay:.14s}.missionCard:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 18%,#ffffffbf,#0000 42%);position:absolute;inset:0}.missionCard>i{background:var(--card-accent,var(--home-green));height:3px;box-shadow:0 0 16px var(--card-glow,#18824a57);opacity:.6;border-radius:999px 999px 0 0;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s;position:absolute;bottom:0;left:18px;right:18px;transform:scaleX(.28)}.missionCard:hover{border-color:#f9d366cc;transform:translateY(-7px);box-shadow:inset 0 1px #fffffff2,0 22px 40px #1e492233}.missionCard:hover>i{opacity:1;transform:scaleX(1)}.missionIcon{z-index:1;color:#16824a;background:#edf7d8;border:1px solid #4b8b403d;border-radius:17px;place-items:center;width:54px;height:54px;transition:transform .24s cubic-bezier(.16,1,.3,1);display:grid;position:relative;box-shadow:inset 0 1px #ffffffd1,0 8px 18px #35612a1a}.missionCard:hover .missionIcon{transform:rotate(-6deg)scale(1.06)}.missionCard.gold{--card-accent:#e6a91f;--card-glow:#e6a91f57;background:#fff7dcdb}.missionCard.gold .missionIcon{color:#bf7d12;background:#fff0ba;border-color:#dba22042}.missionCard.magic{--card-accent:#8a67b9;--card-glow:#8a67b940;background:#fffaebdb}.missionCard.magic .missionIcon{color:#7753aa;background:#f1eaff;border-color:#8562b033}.missionCard>div:last-of-type{z-index:1;min-width:0;position:relative}.missionCard strong,.missionCard span{display:block}.missionCard strong{color:var(--home-ink);font-size:clamp(16px,1.15vw,20px);line-height:1.3}.missionCard span{color:#5f6e59;margin-top:7px;font-size:14px;font-weight:700;line-height:1.4}.characterStage{z-index:2;align-self:end;min-width:0;height:100%;min-height:560px;position:relative}.characterStage .speech{z-index:7;color:#23432d;background:#fffcf0ed;border:2px solid #c09b4494;border-radius:30px 30px 30px 10px;width:min(360px,78%);max-width:none;padding:18px 24px 19px;animation:4.6s ease-in-out infinite bubbleFloat;position:absolute;top:10%;right:1%;box-shadow:0 18px 42px #2a472329,inset 0 1px #fffffff2}.characterStage .speech:after{content:"";background:#fffcef;border-bottom:2px solid #c09b4494;border-right:2px solid #c09b4494;width:28px;height:28px;position:absolute;bottom:-17px;left:36px;transform:skewY(-26deg)rotate(34deg)}.characterStage .speech strong,.characterStage .speech span{z-index:1;display:block;position:relative}.characterStage .speech strong{font-size:clamp(17px,1.2vw,21px)}.characterStage .speech span{color:#506250;margin-top:4px;font-size:clamp(14px,.96vw,17px);font-weight:700}.mascotGround{z-index:4;justify-content:center;align-items:flex-end;width:min(100%,610px);height:calc(100% - 72px);display:flex;position:absolute;bottom:-30px;right:2%}.characterStage .mascotAvatar.large{z-index:3;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 26px #1f4e214d);transform-origin:52% 88%;width:min(90%,500px);height:min(64vh,610px);max-height:100%;animation:4.2s ease-in-out infinite mascotBreathe;position:relative}.groundGlow{z-index:2;filter:blur(9px);background:radial-gradient(#d5f66985,#26622a3d 48%,#0000 72%);border-radius:50%;height:58px;position:absolute;bottom:2%;left:13%;right:10%}.paintMagic,.paintMagic>span{pointer-events:none;position:absolute}.paintMagic{z-index:6;inset:0}.paintDot{border-radius:50% 50% 44% 56%;width:14px;height:14px;animation:4.5s ease-in-out infinite alternate paintFloat;box-shadow:0 0 17px}.paintDotOne{color:#f3bd2d;background:currentColor;top:39%;left:21%}.paintDotTwo{color:#6fb946;background:currentColor;animation-delay:-1.5s;top:51%;left:13%}.paintDotThree{color:#9a75bd;background:currentColor;animation-delay:-3s;top:26%;left:30%}.paintStar{color:#ffd85d;text-shadow:0 0 18px #ffd85dd6;font-size:28px;animation:2.6s ease-in-out infinite sparklePulse;top:18%;left:26%}.classroom[data-step="1"] .courseFooter{min-height:66px}.classroom[data-step="1"] .courseFooter strong{color:var(--home-ink)}.classroom[data-step="1"] .navButton{background:#fffae8bf;border-color:#81975b57;box-shadow:0 6px 18px #1e412014}.classroom[data-step="1"] .navButton.next{color:#fff;background:linear-gradient(#35a963,#14824a);border-color:#ffe8918a}@keyframes homeFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes mascotBreathe{0%,to{transform:translateY(0)rotate(-.3deg)scale(1)}50%{transform:translateY(-8px)rotate(.3deg)scale(1.008)}}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes particleFloat{0%{opacity:.42;transform:translateY(8px)scale(.9)}to{opacity:1;transform:translate(5px,-12px)scale(1.08)}}@keyframes paintFloat{0%{opacity:.46;transform:translateY(9px)rotate(-8deg)}to{opacity:1;transform:translate(7px,-13px)rotate(8deg)}}@keyframes leafDrift{0%{transform:translate(-5px,-8px)rotate(-12deg)}to{transform:translate(12px,18px)rotate(18deg)}}@keyframes sparklePulse{0%,to{opacity:.62;transform:scale(.88)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(12deg)}}@keyframes ctaSheen{0%,58%{opacity:0;left:-36%}66%{opacity:1}82%,to{opacity:0;left:118%}}@media (width<=1380px){.homeHero{grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);padding-inline:clamp(28px,3.4vw,54px)}.heroCopy h1{font-size:clamp(43px,4vw,56px)}.missionCard{grid-template-columns:48px minmax(0,1fr);gap:10px;min-height:132px;padding:15px 13px}.missionIcon{border-radius:15px;width:48px;height:48px}.characterStage .speech{width:min(330px,78%);right:0}}@media (width<=1180px){.homeHero{grid-template-columns:minmax(0,1.06fr) minmax(310px,.94fr);min-height:650px;padding-top:62px}.heroCopy>p{margin-top:30px}.missionCards{grid-template-columns:repeat(2,minmax(0,1fr))}.missionCard:last-child{grid-column:1/-1;min-height:100px}.characterStage{min-height:500px}.characterStage .speech{top:10%}.characterStage .mascotAvatar.large{width:min(98%,440px)}}@media (width<=1023px){.classroom[data-step="1"] .courseStage{background-position:60%}.homeHero{grid-template-columns:1fr;min-height:auto;padding:82px 28px 36px}.homeHero:before{background:linear-gradient(#fffae8f0 0%,#fffae8c7 55%,#fffae838 82%,#0000)}.heroCopy{width:min(100%,760px);margin-inline:auto}.heroCopy h1{font-size:clamp(42px,7vw,58px)}.heroCopy>p{max-width:660px}.missionCards{grid-template-columns:repeat(3,minmax(0,1fr))}.missionCard:last-child{grid-column:auto;min-height:132px}.characterStage{width:min(100%,620px);min-height:480px;margin:6px auto 0}.characterStage .speech{width:min(330px,60%);margin:0;position:absolute;top:5%;right:0}.mascotGround{width:76%;bottom:-34px;right:12%}}@media (width<=767px){.classroom[data-step="1"] .courseHeader,.classroom[data-step="1"] .courseFooter{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.classroom[data-step="1"] .backgroundPicker{width:calc(100% - 16px);margin:8px;position:relative;top:auto;right:auto}.homeHero{padding:32px 16px 28px}.titleSpark{margin-right:6px;font-size:20px;display:inline-block;position:static}.heroCopy h1{letter-spacing:-.025em;font-size:clamp(36px,11vw,46px)}.heroCopy h1 strong:after{height:4px;bottom:-8px}.heroCopy>p{margin:27px 0 20px;font-size:17px;line-height:1.55}.homeCta{border-radius:18px;width:100%;min-height:58px;font-size:20px}.missionCards{grid-template-columns:1fr;gap:11px;margin-top:26px}.missionCard,.missionCard:last-child{border-radius:18px;grid-column:auto;grid-template-columns:52px 1fr;min-height:92px;padding:13px 15px}.missionCard strong{font-size:18px}.characterStage{min-height:380px;margin-top:14px}.characterStage .speech{width:min(310px,78%);padding:14px 17px;top:3%;right:0}.mascotGround{width:82%;right:9%}.characterStage .mascotAvatar.large{width:min(90%,350px);height:350px}.paintDot,.leafThree,.particleThree{display:none}}@media (height<=1180px) and (width>=768px){.homeHero{min-height:590px;padding-top:42px;padding-bottom:24px}.heroCopy h1{font-size:clamp(40px,3.7vw,52px)}.heroCopy>p{margin:27px 0 18px;font-size:18px}.homeCta{min-height:58px;font-size:22px}.missionCards{margin-top:24px}.missionCard{min-height:108px;padding-block:12px}.characterStage{min-height:460px}.characterStage .mascotAvatar.large{height:min(56vh,460px)}.classroom[data-step="1"] .courseFooter{min-height:58px}}.classroom:not([data-step="1"]){background:#e9f2df}.classroom:not([data-step="1"]) .courseHeader,.classroom:not([data-step="1"]) .courseFooter{-webkit-backdrop-filter:blur(18px)saturate(1.05);backdrop-filter:blur(18px)saturate(1.05);background:#fffbeee6;border-color:#81975b47;box-shadow:0 8px 28px #1e3f221c}.classroom:not([data-step="1"]) .courseBrand svg{filter:drop-shadow(0 3px 8px #f2be2b33)}.classroom:not([data-step="1"]) .profilePill,.classroom:not([data-step="1"]) .starPill{background:#f8fce8d1;border-color:#99af6c66;box-shadow:inset 0 1px #ffffffe6,0 7px 20px #2d522b12}.classroom:not([data-step="1"]) .starPill{background:#fff7dadb;border-color:#e2b33a70}.classroom:not([data-step="1"]) .progressDots{scrollbar-width:none}.classroom:not([data-step="1"]) .progressDots::-webkit-scrollbar{display:none}.classroom:not([data-step="1"]) .stepDot{color:#68745e;background:#fffcf0d1;border-color:#74974f66}.classroom:not([data-step="1"]) .stepDot.done{color:#176b3f;background:#e8f7d9e6;border-color:#5491487a}.classroom:not([data-step="1"]) .stepDot.active{color:#fffef7;background:linear-gradient(#2a9d59,#11713f);border-color:#f2c84b;box-shadow:inset 0 2px #ffffff47,0 5px #0c542e42,0 0 0 6px #f6c84f2e,0 0 22px #f6c84f47}.classroom:not([data-step="1"]) .courseStage{background-image:linear-gradient(#f8f7e8e6,#f0f6e1d1),url(/design-assets/home/forest-studio-bg.jpg);background-position:50%;background-size:cover;background-attachment:local}.classroom:not([data-step="1"])[data-theme=stars] .courseStage{background-image:radial-gradient(circle at 80% 12%,#ffdd632e,#0000 27%),linear-gradient(#f8f7e8e6,#f0f6e1d1),url(/design-assets/home/forest-studio-bg.jpg)}.classroom:not([data-step="1"])[data-theme=rainbow] .courseStage{background-image:linear-gradient(118deg,#ffe4b31f,#0000 38%,#b8dc8d21),linear-gradient(#f8f7e8e6,#f0f6e1d1),url(/design-assets/home/forest-studio-bg.jpg)}.classroom:not([data-step="1"]) .backgroundPicker{-webkit-backdrop-filter:blur(13px)saturate(1.06);backdrop-filter:blur(13px)saturate(1.06);background:#fffceed6;border:1px solid #fffae2cc;border-radius:15px;box-shadow:0 10px 28px #1f41201a}.classroom:not([data-step="1"]) .backgroundPicker button{background:#ebf4dcd1;transition:color .18s,background-color .18s,transform .18s cubic-bezier(.16,1,.3,1)}.classroom:not([data-step="1"]) .backgroundPicker button:hover:not(.active){background:#ddefcaf5;transform:translateY(-1px)}.classroom:not([data-step="1"]) .backgroundPicker button.active{background:#16824a;box-shadow:inset 0 1px #ffffff3d,0 5px 12px #10693b2e}.classroom:not([data-step="1"]) .lesson{background:radial-gradient(circle at 16% 0,#ffe7932e,#0000 28%),linear-gradient(#fffef7f0,#fffaebe0);border:1px solid #e5dabbe0;border-radius:28px;box-shadow:inset 0 1px #fffffff5,0 24px 64px #2a4c2626}.classroom:not([data-step="1"]) .lessonTitle{align-items:center;margin-bottom:18px}.classroom:not([data-step="1"]) .lessonTitle>svg{background:#eef8dceb;border:1px solid #83a95b52;border-radius:17px;width:52px;height:52px;padding:10px;box-shadow:inset 0 1px #ffffffeb,0 9px 20px #2d522b1a}.classroom:not([data-step="1"]) .lessonTitle h1{color:#103c27;letter-spacing:-.018em;text-shadow:0 1px #ffffffc2;margin-bottom:7px}.classroom:not([data-step="1"]) .lessonTitle p{color:#566451;max-width:70ch;margin-bottom:0;line-height:1.55}.classroom:not([data-step="1"]) .speech{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf4f0;border-color:#97b87094;box-shadow:0 14px 34px #284b261f}.classroom:not([data-step="1"]) .lesson>.speech{width:fit-content;max-width:min(100%,460px);margin:-4px 0 18px auto;position:relative;top:auto;right:auto}.classroom:not([data-step="1"]) .infoPanel,.classroom:not([data-step="1"]) .imageWorkbench,.classroom:not([data-step="1"]) .resultArea,.classroom:not([data-step="1"]) .imagePreview,.classroom:not([data-step="1"]) .finalPreview,.classroom:not([data-step="1"]) .showcaseWall,.classroom:not([data-step="1"]) .upgradeCard,.classroom:not([data-step="1"]) .portfolioCard,.classroom:not([data-step="1"]) .versionGroup{background:#fffdf4e0;border-color:#b8cd9db8;box-shadow:inset 0 1px #ffffffeb,0 15px 36px #2d4d281a}.classroom:not([data-step="1"]) .recipeSummary,.classroom:not([data-step="1"]) .stylePreview,.classroom:not([data-step="1"]) .savedImageShelf,.classroom:not([data-step="1"]) .growthSummary,.classroom:not([data-step="1"]) .promptPaper,.classroom:not([data-step="1"]) .inlineInput,.classroom:not([data-step="1"]) .tipRows{background:#fffcefd6;border-color:#c2d3a8c2;box-shadow:inset 0 1px #ffffffe0}.classroom:not([data-step="1"]) .recipeFlip{background:linear-gradient(135deg,#3f9f61,#a8d56d);border-color:#5b904b80;box-shadow:inset 0 1px #ffffff57,0 12px 24px #385b2c21}.classroom:not([data-step="1"]) .recipeFlip.blue{background:linear-gradient(135deg,#568eaa,#9bc7d6);border-color:#4f89a475}.classroom:not([data-step="1"]) .recipeFlip.orange{background:linear-gradient(135deg,#cf8738,#efc875);border-color:#c17e2b75}.classroom:not([data-step="1"]) .recipeFlip.purple{background:linear-gradient(135deg,#77649c,#b9a8d3);border-color:#72589770}.classroom:not([data-step="1"]) .recipeFlip.open{color:#0f6b3d;background:#fffceff5;border-color:#c2d3a8c2}.classroom:not([data-step="1"]) .exampleCard{background:#fffdf5f0;border-color:#cad3b0d1;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .22s;box-shadow:0 15px 34px #2b4c271c}.classroom:not([data-step="1"]) .styleCard,.classroom:not([data-step="1"]) .savedImageTile,.classroom:not([data-step="1"]) .uploadTile,.classroom:not([data-step="1"]) .recipeFlip,.classroom:not([data-step="1"]) .moodButtons button,.classroom:not([data-step="1"]) .tagGrid button{transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .22s,background-color .22s}.classroom:not([data-step="1"]) .exampleCard:hover,.classroom:not([data-step="1"]) .styleCard:hover,.classroom:not([data-step="1"]) .savedImageTile:hover,.classroom:not([data-step="1"]) .uploadTile:hover:not(.disabled){border-color:#73a352b8;transform:translateY(-4px);box-shadow:0 22px 40px #254b2329}.classroom:not([data-step="1"]) .exampleCard:active,.classroom:not([data-step="1"]) .styleCard:active,.classroom:not([data-step="1"]) .savedImageTile:active,.classroom:not([data-step="1"]) .uploadTile:active:not(.disabled){transform:translateY(-1px)scale(.99)}.exampleGallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);width:min(100%,1580px);margin:4px auto 0;display:grid}.exampleGalleryCard{text-align:left;background:#f6f1df;border:2px solid #b1c690c2;border-radius:22px;min-width:0;padding:0;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 14px 32px #2b4c2721}.exampleGalleryCard:hover{border-color:#73aa57;transform:translateY(-4px);box-shadow:0 20px 38px #2650282e}.exampleGalleryCard.selected{border-color:#16824a;box-shadow:0 0 0 5px #6fae4a29,0 20px 40px #1d64372e}.exampleGalleryCard img{object-fit:cover;width:100%;height:clamp(280px,43vh,480px);transition:transform .3s cubic-bezier(.16,1,.3,1)}.exampleGalleryCard:hover img{transform:scale(1.018)}.exampleGalleryCaption{color:#fffef7;background:linear-gradient(#08251600,#082516e6);align-content:end;gap:3px;min-height:78px;padding:24px 18px 14px;display:grid;position:absolute;inset:auto 0 0}.exampleGalleryCaption small{color:#ffffffc7;font-size:12px;font-weight:800}.exampleGalleryCaption strong{padding-right:92px;font-size:clamp(18px,1.6vw,25px);line-height:1.2}.exampleGalleryStatus{color:#fffef7;background:#0c522db8;border:1px solid #ffffff6b;border-radius:999px;align-items:center;gap:5px;min-height:34px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;bottom:13px;right:12px}.exampleGalleryCard.selected .exampleGalleryStatus{background:#16824a}.exampleGalleryActions{justify-content:center;align-items:center;gap:22px;width:min(100%,1580px);min-height:66px;margin:16px auto 0;display:flex}.exampleGalleryActions p{color:#456047;align-items:center;gap:7px;min-width:0;margin:0;font-size:16px;display:inline-flex}.exampleGalleryActions p svg{color:#e66f7d;fill:#f6a4ae}.exampleGalleryActions p strong{color:var(--green-2)}.exampleConfirm{white-space:nowrap;width:auto;min-width:290px}.exampleEyebrow{color:#176b3f;background:#eef7df;border-radius:999px;align-items:center;min-height:30px;padding:0 11px;font-size:13px;font-weight:900;display:inline-flex}.reverseGuessLayout{grid-template-columns:minmax(340px,.72fr) minmax(560px,1.28fr);align-items:stretch}.reverseGuessLayout .secretPanel{gap:12px;min-height:0}.reverseGuessLayout .secretContent{align-content:start;gap:4px;display:grid}.reverseGuessLayout .secretContent p{margin-bottom:2px}.reverseGuessLayout .formulaLine{gap:clamp(8px,1.2vw,20px);margin:12px 0;font-size:clamp(20px,2vw,28px)}.reverseGuessLayout .legendRow{padding-block:10px}.reverseGuessLayout .secretDone{margin-top:auto}.reverseGuessLayout .wideImage{aspect-ratio:16/9;height:clamp(280px,38vh,410px)}.reverseGuessLayout .flipCards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.reverseGuessLayout .recipeFlip{min-height:124px;padding:12px 9px}.reverseGuessLayout .recipeFlip strong{overflow-wrap:anywhere;font-size:clamp(17px,1.45vw,23px)}.flipGuide{color:#61705b;margin:12px 0 0;font-size:14px;line-height:1.5}.courseActionDock{justify-content:center;align-items:center;gap:12px;display:flex}.primaryCourseAction,.secondaryCourseAction,.pageCourseAction{border-radius:15px;min-height:52px;margin:0;padding:0 24px;font-size:18px;line-height:1.2}.primaryCourseAction{min-width:220px}.secondaryCourseAction{min-width:148px}.generatePanel>.primaryCourseAction,.confirmPanel>.primaryCourseAction,.stylePreview>.primaryCourseAction,.cardFields>.primaryCourseAction{width:100%;margin-top:auto}.imageResultActions.compactCourseActions{margin-block:12px 6px}.compactCourseActions{justify-content:center;align-items:center;gap:10px;display:flex}.compactCourseAction{border-radius:13px;min-width:96px;min-height:44px;padding-inline:15px;font-size:15px}.pageCourseAction{min-width:min(300px,100%);min-height:58px;font-size:20px}.improveActions.courseActionDock{grid-template-columns:none;margin-top:auto;padding-top:14px;display:flex}.improveActions.courseActionDock .primaryCourseAction{flex:260px}.improveActions.courseActionDock .secondaryCourseAction{flex:0 180px}.recipeBuilder>.centerActions{z-index:14;width:min(100%,640px);max-width:calc(100% - 20px);margin:2px auto 0;position:sticky;bottom:8px}.recipeActionDock{background:#fffceff5;border:1px solid #c6d3a9cc;border-radius:18px;flex-wrap:nowrap;min-height:72px;padding:8px 10px 11px;box-shadow:0 10px 24px #2a4c2621}.recipeActionDock .primaryCourseAction{flex:360px;min-width:0}.recipeActionDock .secondaryCourseAction{flex:0 0 168px;min-width:0}.courseActionDock button:disabled,.compactCourseActions button:disabled{opacity:.62}@media (width<=1100px){.reverseGuessLayout{grid-template-columns:1fr}.exampleGallery{grid-template-columns:repeat(2,minmax(0,1fr))}.exampleGalleryCard:last-child{grid-column:1/-1;justify-self:center;width:min(50%,520px)}.reverseGuessLayout .flipCards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.exampleGallery{grid-template-columns:1fr}.exampleGalleryCard:last-child{grid-column:auto;width:100%}.exampleGalleryCard img{aspect-ratio:16/10;height:auto}.exampleGalleryActions{flex-direction:column;align-items:stretch;gap:10px}.exampleGalleryActions p{justify-content:center}.exampleConfirm{width:100%;min-width:0}.reverseGuessLayout .flipCards{grid-template-columns:1fr}.courseActionDock{grid-template-columns:1fr;width:100%;display:grid}.courseActionDock .primaryCourseAction,.courseActionDock .secondaryCourseAction{width:100%;min-width:0}.recipeBuilder>.centerActions{width:100%;max-width:100%;position:static;bottom:4px}.recipeActionDock{min-height:auto;padding:8px}}.classroom:not([data-step="1"]) .magicButton,.classroom:not([data-step="1"]) .paperButton,.classroom:not([data-step="1"]) .navButton{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,filter .2s}.classroom:not([data-step="1"]) .magicButton{background:linear-gradient(#31a760,#118047);border:1px solid #ffec9a80;box-shadow:inset 0 3px #ffffff38,0 7px #0c6037,0 15px 28px #0e693a33}.classroom:not([data-step="1"]) .magicButton:hover:not(:disabled){filter:saturate(1.04);transform:translateY(-3px);box-shadow:inset 0 3px #ffffff42,0 9px #0c6037,0 22px 36px #0e693a40}.classroom:not([data-step="1"]) .magicButton:active:not(:disabled){transform:translateY(4px);box-shadow:inset 0 2px #ffffff38,0 3px #0c6037,0 10px 20px #0e693a2e}.classroom:not([data-step="1"]) .paperButton{background:linear-gradient(#fff9e8,#ffe8a9);box-shadow:inset 0 2px #ffffffb8,0 6px #c58e2629,0 12px 24px #7e5b1614}.classroom:not([data-step="1"]) .paperButton:hover:not(:disabled){filter:saturate(1.04);transform:translateY(-2px)}.classroom:not([data-step="1"]) .courseFooter strong{color:#103c27}.classroom:not([data-step="1"]) .navButton.prev{background:#fffae8d1;border-color:#cab57a80;box-shadow:0 6px 18px #1e412012}.classroom:not([data-step="1"]) .navButton.next{background:linear-gradient(#35a963,#14824a);border:1px solid #ffe8917a;box-shadow:0 7px #0d653a,0 14px 24px #0e693a2b}@media (width<=767px){.classroom:not([data-step="1"]) .courseHeader,.classroom:not([data-step="1"]) .courseFooter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.classroom:not([data-step="1"]) .lesson{border-radius:20px}.classroom:not([data-step="1"]) .lessonTitle>svg{border-radius:14px;width:44px;height:44px;padding:8px}}@media (height<=1180px) and (width>=768px){.exampleGalleryCard img{height:clamp(190px,31vh,280px)}.exampleGalleryCaption{min-height:66px;padding:18px 14px 10px}.exampleGalleryCaption strong{font-size:18px}.exampleGalleryStatus{min-height:30px;bottom:9px;right:9px}.exampleGalleryActions{min-height:54px;margin-top:9px}.exampleConfirm{min-height:52px;font-size:18px}.classroom[data-step="2"] .lesson>.speech{margin-bottom:10px;padding:10px 18px;font-size:15px;line-height:1.4}.reverseGuessLayout .infoPanel,.reverseGuessLayout .imageWorkbench{padding:15px 18px}.reverseGuessLayout .secretPanel{gap:6px}.reverseGuessLayout .secretPanel h2{margin-bottom:2px;font-size:23px}.reverseGuessLayout .secretContent p{display:none}.reverseGuessLayout .formulaLine{min-height:50px;margin:5px 0;font-size:20px}.reverseGuessLayout .legendRow{grid-template-columns:68px 1fr;gap:9px;padding:7px 8px}.reverseGuessLayout .legendRow span{padding:6px 8px}.reverseGuessLayout .legendRow strong{font-size:14px}.reverseGuessLayout .secretDone{min-height:52px;margin-top:6px;font-size:18px}.reverseGuessLayout .imageWorkbench h3{margin-bottom:8px}.reverseGuessLayout .wideImage{height:clamp(190px,31vh,230px)}.reverseGuessLayout .flipGuide{margin-top:7px;font-size:12px}.reverseGuessLayout .flipCards{gap:8px;margin-top:7px}.reverseGuessLayout .recipeFlip{gap:4px;min-height:92px;padding:8px 6px}.reverseGuessLayout .recipeFlip span,.reverseGuessLayout .recipeFlip small{font-size:12px}.reverseGuessLayout .recipeFlip strong{font-size:17px}.classroom[data-step="4"] .lesson>.speech{margin-bottom:8px;padding:8px 16px;font-size:14px;line-height:1.35}.classroom[data-step="4"] .recipeBuilder{gap:10px}.classroom[data-step="4"] .recipeCardsInput{gap:14px}.classroom[data-step="4"] .recipeInput{gap:7px;min-height:225px;padding:16px 16px 12px}.classroom[data-step="4"] .recipeInput strong{font-size:23px}.classroom[data-step="4"] .recipeInput span{font-size:15px}.classroom[data-step="4"] .recipeInput textarea{min-height:82px;padding:12px;font-size:16px}.classroom[data-step="4"] .recipeSummary{margin-top:0;margin-bottom:0;padding-block:16px}.classroom[data-step="4"] .recipeSummary p{font-size:18px}.classroom[data-step="4"] .ribbon{padding:9px 26px;font-size:19px;top:-12px}.recipeBuilder>.centerActions{position:static;bottom:auto}}.portfolioExportHeader,.posterBrand{display:none}.portfolioPage{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:14px;width:100%;display:grid}.portfolioPage .progressCard{grid-column:span 5}.portfolioPage .formulaCard{grid-column:span 3}.portfolioPage .favoriteCard{grid-column:span 4}.portfolioPage .growthSummary,.portfolioPage .pageExport{grid-column:1/-1}.portfolioCard{border-color:#bed0a2db;border-radius:20px;height:100%;padding:16px;box-shadow:0 12px 28px #2f493314}.portfolioCard h2{justify-content:flex-start;margin:0 0 12px;font-size:21px}.progressImages .zoomableImage{height:156px}.favoriteCard .zoomableImage{height:226px}.progressCard p,.favoriteCard p{margin:8px 0 0;padding:9px 10px;font-size:14px;line-height:1.4}.knowledgeFormula{gap:9px;margin:12px 0 8px}.knowledgeFormula>div{gap:8px}.knowledgeBlank{width:min(82px,29%)}.knowledgeBlank input{aspect-ratio:auto;min-height:70px;font-size:15px}.growthSummary{min-height:0;padding:11px 18px}.growthPath strong{font-size:17px}.growthPath span{padding:5px 8px;font-size:13px}.growthSummary>p{margin-top:7px;padding:7px 10px;font-size:14px}.pageExport{padding:4px 8px 8px}.portfolioPage.isExporting{background:radial-gradient(circle at 92% 8%,#f6c84f33,#0000 24%),linear-gradient(145deg,#f7fbea,#fffaf0 62%,#f4f8e9);border:1px solid #d7e2c5;border-radius:28px;gap:20px;width:1440px;padding:42px}.portfolioPage.isExporting .portfolioExportHeader{color:#fffdf5;background:#176b3f;border-radius:20px;grid-column:1/-1;grid-template-columns:auto 1fr;align-items:center;gap:6px 18px;padding:20px 24px;display:grid}.portfolioExportHeader span{grid-row:span 2;align-items:center;gap:8px;font-weight:900;display:inline-flex}.portfolioExportHeader span svg{color:#f6c84f;fill:#f6c84f}.portfolioExportHeader strong{font-size:28px}.portfolioExportHeader small{color:#ffffffc7;font-size:14px}.portfolioPage.isExporting .portfolioCard{box-shadow:0 14px 34px #264a2a1a}.portfolioPage.isExporting .growthSummary{background:#f1f8e7}.portfolioPage.isExporting .growthPath{flex-wrap:nowrap}.portfolioPage.isExporting .growthPath span{white-space:nowrap}.isExporting .zoomableImage>svg{display:none}.isExporting .zoomableImage img{object-fit:contain}.isExporting .zoomBackdrop{object-fit:cover;filter:blur(24px)saturate(.9);opacity:.48;width:116%;height:116%;display:block;position:absolute;inset:-8%;transform:scale(1.08)}.isExporting .zoomArtwork{z-index:1;object-fit:contain;filter:drop-shadow(0 14px 22px #14362333);background:0 0;position:relative}.posterTechFooter{display:none}.portfolioCard.isExporting{color:#eafff7;background:radial-gradient(circle at 89% 7%,#1bdfc52e,#0000 29%),radial-gradient(circle at 5% 94%,#9eec4924,#0000 27%),linear-gradient(145deg,#071b18,#092d2b 56%,#071f27);border:1px solid #75ffda6b;border-radius:36px;width:1080px;height:auto;min-height:0;padding:34px 42px 36px;overflow:hidden;box-shadow:0 32px 90px #001a1b7a,inset 0 0 0 1px #ffffff09}.portfolioCard.isExporting:before{content:"";pointer-events:none;background-image:linear-gradient(#5bffd706 1px,#0000 1px),linear-gradient(90deg,#5bffd706 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b8,#0000 78%);mask-image:linear-gradient(#000000b8,#0000 78%)}.portfolioCard.isExporting>*{z-index:1;position:relative}.portfolioCard.isExporting>.posterBrand{border-bottom:1px solid #64ffda38;align-items:center;gap:14px;margin-bottom:24px;padding:12px 14px 18px 12px;display:flex}.portfolioCard.isExporting>.posterBrand img{object-fit:contain;background:#fafff0f5;border:1px solid #bdffae80;border-radius:18px;flex:none;width:60px;height:60px;padding:5px;box-shadow:0 0 28px #68ffb22e}.portfolioCard.isExporting>.posterBrand span{gap:3px;display:grid}.portfolioCard.isExporting>.posterBrand strong{color:#effff8;letter-spacing:.035em;font-size:27px}.portfolioCard.isExporting>.posterBrand small{color:#c8efe0ad;letter-spacing:.08em;font-size:14px;font-weight:800}.portfolioCard.isExporting>.posterBrand:after{content:"✦ 青禾创作档案";color:#aaf3c6;letter-spacing:.06em;background:#28ad7b1f;border:1px solid #87ffcc40;border-radius:999px;margin-left:auto;padding:8px 14px;font-size:14px;font-weight:900}.portfolioCard.isExporting h2{color:#f1fff8;letter-spacing:-.02em;text-shadow:0 0 24px #50ffbc33;margin-bottom:22px;font-size:42px;line-height:1.15}.portfolioCard.isExporting h2 svg{color:#68f0ae;filter:drop-shadow(0 0 9px #53ffc461)}.portfolioCard.isExporting p{color:#d9eee5;font-size:19px}.portfolioCard.isExporting .zoomableImage{isolation:isolate;background:#041613;border:1px solid #5effd59e;position:relative;overflow:hidden;box-shadow:0 0 0 7px #51ffbe0e,0 22px 54px #000d1080,inset 0 0 42px #24dcbe14}.portfolioCard.isExporting .zoomableImage:before{content:"";z-index:2;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#65ffdd14,#0000 12% 88%,#79ffb917),linear-gradient(90deg,#5fffd60d 1px,#0000 1px) 0 0/42px 42px,linear-gradient(#5fffd60a 1px,#0000 1px) 0 0/42px 42px;position:absolute;inset:0}.portfolioCard.isExporting .zoomableImage:after{content:"AI VISUAL · QH-2026";z-index:3;color:#a9ffe0;letter-spacing:.13em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#031818b8;border:1px solid #84ffd770;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:900;position:absolute;bottom:14px;right:16px}.portfolioCard.isExporting .zoomableImage img{object-fit:contain;background:0 0}.portfolioCard.isExporting .zoomableImage .zoomBackdrop{opacity:.3;filter:blur(30px)saturate(1.1)brightness(.72)}.portfolioCard.isExporting .zoomableImage .zoomArtwork{filter:drop-shadow(0 18px 30px #000a0c57);background:0 0}.portfolioCard.isExporting .posterTechFooter{color:#c4ecdf9e;letter-spacing:.12em;border-top:1px solid #5effd333;align-items:center;gap:18px;margin-top:24px;padding:16px 2px 0;font-size:12px;font-weight:900;display:flex}.portfolioCard.isExporting .posterTechFooter span{color:#a8f8d4;align-items:center;gap:8px;display:inline-flex}.portfolioCard.isExporting .posterTechFooter i{background:#8dff8a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #77ffc2}.portfolioCard.isExporting .posterTechFooter strong{color:#e2fff2;letter-spacing:.16em;font-size:12px}.portfolioCard.isExporting .posterTechFooter small{color:#bce1d67a;margin-left:auto;font-size:11px}.progressCard.isExporting .progressImages{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:18px}.progressCard.isExporting .progressImages>svg{color:#74f0b1;filter:drop-shadow(0 0 10px #57ffc773);width:38px;height:38px}.progressCard.isExporting .zoomableImage{aspect-ratio:1;border-radius:24px;height:auto;min-height:460px}.progressCard.isExporting .progressStory{gap:10px;margin-top:22px}.progressCard.isExporting .progressStory p{background:linear-gradient(90deg,#2a7a602e,#05222080);border:1px solid #63eebf2b;border-radius:14px;margin:0;padding:14px 17px}.progressCard.isExporting .progressStory svg{color:#72f4b5}.favoriteCard.isExporting{width:1080px}.favoriteCard.isExporting .zoomableImage{aspect-ratio:4/3;border-radius:28px;height:auto;min-height:720px}.favoriteCard.isExporting .favoriteStory{gap:12px;margin-top:22px}.favoriteCard.isExporting .favoriteStory p{background:#062622b3;border:1px solid #5cf0ba2b;margin:0;padding:14px 18px}.favoriteCard.isExporting .favoriteByline{border-radius:14px;align-items:center}.favoriteCard.isExporting .favoriteByline strong{color:#94f6ba;letter-spacing:.08em;background:#54de891f;border:1px solid #73ffc140;border-radius:999px;padding:5px 10px;font-size:14px}.favoriteCard.isExporting .favoriteByline span{color:#effff8;font-size:20px;font-weight:900}.favoriteCard.isExporting .favoriteStory blockquote{color:#f8f1cf;background:linear-gradient(135deg,#d69f301f,#072a26ad);border:1px solid #ecc25261;border-radius:20px;margin:0;padding:22px 28px 22px 56px;font-size:24px;font-weight:900;line-height:1.55;position:relative;box-shadow:inset 3px 0 #e6ba52}.favoriteCard.isExporting .favoriteStory blockquote:before{content:"“";color:#f2c75c;text-shadow:0 0 20px #f2c75c38;font-family:Georgia,serif;font-size:58px;line-height:1;position:absolute;top:2px;left:18px}.favoriteCard.isExporting .favoriteIntroduction{border-radius:14px;gap:7px;display:grid}.favoriteCard.isExporting .favoriteIntroduction strong{color:#8cf4b8;letter-spacing:.08em;font-size:14px}.favoriteCard.isExporting .favoriteIntroduction span{color:#d8eee5;font-size:18px;line-height:1.65}.formulaCard.isExporting{width:1080px;padding-bottom:38px}.formulaCard.isExporting .knowledgeIntro{color:#bcd7cc;max-width:36em;margin:0 auto 24px;font-size:20px;line-height:1.65}.formulaCard.isExporting .knowledgeFormula{background:linear-gradient(145deg,#10493e85,#041c1cb3);border:1px solid #5fffcc47;border-radius:26px;gap:18px;margin-block:28px 20px;padding:34px 24px;box-shadow:inset 0 0 40px #25ddb20e}.formulaCard.isExporting .knowledgeFormula>div{gap:18px}.formulaCard.isExporting .knowledgeBlank{width:146px}.formulaCard.isExporting .knowledgeBlank span{color:#8ceeba;letter-spacing:.08em;font-size:14px}.formulaCard.isExporting .knowledgeBlank input{color:#edfff6;background:#021d1bbd;border:1px solid #68ffcc66;border-radius:16px;min-height:116px;font-size:20px;box-shadow:inset 0 0 22px #23c7a30f}.formulaCard.isExporting .knowledgeBlank input::placeholder{color:#b6ddcf70}@media (width<=1280px){.portfolioPage{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolioPage .progressCard,.portfolioPage .favoriteCard{grid-column:span 1}.portfolioPage .formulaCard,.portfolioPage .growthSummary,.portfolioPage .pageExport{grid-column:1/-1}}@media (width<=760px){.portfolioPage{grid-template-columns:1fr}.portfolioPage .progressCard,.portfolioPage .formulaCard,.portfolioPage .favoriteCard,.portfolioPage .growthSummary,.portfolioPage .pageExport{grid-column:1}}@media (height<=1180px) and (width>=768px){.classroom[data-step="5"] .lesson,.classroom[data-step="8"] .lesson,.classroom[data-step="10"] .lesson{padding:10px 16px 16px}.classroom[data-step="5"] .lessonTitle,.classroom[data-step="8"] .lessonTitle,.classroom[data-step="10"] .lessonTitle{margin-bottom:6px}.classroom[data-step="5"] .lessonTitle h1,.classroom[data-step="8"] .lessonTitle h1,.classroom[data-step="10"] .lessonTitle h1{margin-bottom:2px;font-size:26px}.classroom[data-step="5"] .lessonTitle p,.classroom[data-step="8"] .lessonTitle p,.classroom[data-step="10"] .lessonTitle p{font-size:14px;line-height:1.35}.classroom[data-step="5"] .split{grid-template-columns:minmax(360px,.9fr) minmax(460px,1.1fr);gap:14px}.classroom[data-step="5"] .infoPanel,.classroom[data-step="5"] .resultArea{padding:12px 14px}.classroom[data-step="5"] .generatePanel{gap:7px}.classroom[data-step="5"] .generatePanel h2,.classroom[data-step="5"] .resultArea h2{margin:0;font-size:20px}.classroom[data-step="5"] .resultArea>p{margin:4px 0;font-size:13px}.classroom[data-step="5"] .extractedRecipePaper{min-height:176px;padding:18px 20px 16px}.classroom[data-step="5"] .extractedRecipePaper p{margin:11px 0 8px;font-size:16px;line-height:1.6}.classroom[data-step="5"] .tipRows{padding:5px}.classroom[data-step="5"] .tip{padding:3px 5px}.classroom[data-step="5"] .tip small{display:none}.classroom[data-step="5"] .generatePanel>.primaryCourseAction{min-height:48px}.classroom[data-step="5"] .paintingFrame{min-height:230px;margin-top:5px}.classroom[data-step="5"] .painting,.classroom[data-step="5"] .paintingBtn,.classroom[data-step="5"] .paintingBtn img{max-height:260px}.classroom[data-step="5"] .waitingMovie,.classroom[data-step="5"] .emptyPainting{min-height:230px}.classroom[data-step="5"] .waitingMovie video{height:205px}.classroom[data-step="5"] .hintLine{margin-top:5px;padding:7px 10px;font-size:13px}.classroom[data-step="5"] .savedImageShelf{margin-top:7px;padding:8px}.classroom[data-step="5"] .savedImageHeading{margin-bottom:5px}.classroom[data-step="8"] .upgradeStudio{grid-template-columns:minmax(360px,.88fr) minmax(460px,1.12fr);gap:14px}.classroom[data-step="8"] .upgradeLeft{grid-template-columns:minmax(140px,.72fr) minmax(220px,1.28fr);gap:12px}.classroom[data-step="8"] .imagePreview,.classroom[data-step="8"] .confirmPanel,.classroom[data-step="8"] .upgradeResult{padding:12px}.classroom[data-step="8"] .upgradeLeft .imagePreview img{max-height:190px}.classroom[data-step="8"] .imagePreview h2,.classroom[data-step="8"] .confirmPanel h2,.classroom[data-step="8"] .upgradeResult h2{margin:0 0 7px;font-size:19px}.classroom[data-step="8"] .readonlyRecipe{grid-template-columns:54px 1fr;gap:7px;margin:5px 0;padding:8px 10px}.classroom[data-step="8"] .readonlyRecipe strong,.classroom[data-step="8"] .readonlyRecipe span{font-size:14px}.classroom[data-step="8"] .confirmPanel .magicButton{min-height:48px;margin-top:7px}.classroom[data-step="8"] .upgradeResult>p{margin:4px 0;font-size:13px}.classroom[data-step="8"] .paintingFrame{min-height:245px;margin-top:5px}.classroom[data-step="8"] .painting,.classroom[data-step="8"] .paintingBtn,.classroom[data-step="8"] .paintingBtn img{max-height:270px}.classroom[data-step="8"] .waitingMovie,.classroom[data-step="8"] .emptyPainting{min-height:235px}.classroom[data-step="8"] .savedImageShelf{margin-top:7px;padding:8px}.classroom[data-step="10"] .portfolioPage{grid-template-columns:repeat(12,minmax(0,1fr));gap:9px}.classroom[data-step="10"] .progressCard{grid-column:span 5}.classroom[data-step="10"] .formulaCard{grid-column:span 3}.classroom[data-step="10"] .favoriteCard{grid-column:span 4}.classroom[data-step="10"] .growthSummary,.classroom[data-step="10"] .pageExport{grid-column:1/-1}.classroom[data-step="10"] .portfolioCard{padding:10px 12px}.classroom[data-step="10"] .portfolioCard h2{margin-bottom:7px;font-size:18px}.classroom[data-step="10"] .progressImages .zoomableImage{height:116px}.classroom[data-step="10"] .favoriteCard .zoomableImage{height:158px}.classroom[data-step="10"] .progressCard p,.classroom[data-step="10"] .favoriteCard p{margin-top:5px;padding:6px 8px;font-size:12px}.classroom[data-step="10"] .knowledgeIntro{margin:0;font-size:12px}.classroom[data-step="10"] .knowledgeFormula{gap:5px;margin:7px 0 5px}.classroom[data-step="10"] .knowledgeBlank{gap:3px}.classroom[data-step="10"] .knowledgeBlank input{min-height:52px;padding:5px;font-size:13px}.classroom[data-step="10"] .portfolioActions{margin-top:6px}.classroom[data-step="10"] .growthSummary{padding:7px 12px}.classroom[data-step="10"] .growthPath span{padding:3px 6px;font-size:11px}.classroom[data-step="10"] .growthSummary>p{display:none}.classroom[data-step="10"] .pageCourseAction{min-height:48px}}@media (width<=1280px) and (height<=820px) and (width>=768px){.classroom[data-step="5"] .paintingFrame{min-height:166px}.classroom[data-step="5"] .painting,.classroom[data-step="5"] .paintingBtn,.classroom[data-step="5"] .paintingBtn img{max-height:176px}.classroom[data-step="5"] .progressBar{gap:8px;margin:7px 10px}.classroom[data-step="5"] .progressBar:before{height:16px}.classroom[data-step="5"] .progressBar span{height:10px}.classroom[data-step="5"] .progressBar b{font-size:16px}.classroom[data-step="5"] .imageResultActions.compactCourseActions{margin:4px 0}.classroom[data-step="5"] .imageResultActions .paperButton{min-height:38px;font-size:14px}.classroom[data-step="5"] .hintLine{margin-top:3px;padding:5px 8px;font-size:11px}.classroom[data-step="5"] .savedImageShelf{margin-top:5px;padding:6px}.classroom[data-step="5"] .savedImageHeading{margin-bottom:3px}.classroom[data-step="5"] .savedImageHeading strong{font-size:15px}.classroom[data-step="5"] .savedImageHeading span{font-size:11px}.classroom[data-step="5"] .savedImageGrid{grid-auto-columns:78px;gap:7px;padding-bottom:2px}.classroom[data-step="5"] .savedImageTile{min-height:68px;padding:4px;font-size:10px}.classroom[data-step="5"] .savedImageShelf .savedImageTile img{width:66px;height:44px}.classroom[data-step="8"] .paintingFrame{min-height:166px}.classroom[data-step="8"] .painting,.classroom[data-step="8"] .paintingBtn,.classroom[data-step="8"] .paintingBtn img{max-height:176px}.classroom[data-step="8"] .progressBar{gap:8px;margin:7px 10px}.classroom[data-step="8"] .progressBar:before{height:16px}.classroom[data-step="8"] .progressBar span{height:10px}.classroom[data-step="8"] .progressBar b{font-size:16px}.classroom[data-step="8"] .imageResultActions.compactCourseActions{margin:4px 0}.classroom[data-step="8"] .imageResultActions .paperButton{min-height:38px;font-size:14px}.classroom[data-step="8"] .savedImageShelf{margin-top:5px;padding:6px}.classroom[data-step="8"] .savedImageHeading{margin-bottom:3px}.classroom[data-step="8"] .savedImageHeading strong{font-size:15px}.classroom[data-step="8"] .savedImageHeading span{font-size:11px}.classroom[data-step="8"] .savedImageGrid{grid-auto-columns:78px;gap:7px;padding-bottom:2px}.classroom[data-step="8"] .savedImageTile{min-height:68px;padding:4px;font-size:10px}.classroom[data-step="8"] .savedImageShelf .savedImageTile img{width:66px;height:44px}}.classroom[data-step="5"] .split,.classroom[data-step="8"] .upgradeStudio{align-items:start}.classroom[data-step="5"] .generatePanel,.classroom[data-step="5"] .resultArea,.classroom[data-step="8"] .upgradeLeft,.classroom[data-step="8"] .upgradeResult{align-self:start;height:auto}.classroom[data-step="6"] .improveSplit{align-items:start}.classroom[data-step="6"] .improveSplit>*{align-self:start;height:auto}.classroom[data-step="6"] .improveSplit .savedImageShelf{margin-top:12px}.classroom[data-step="6"] .improvePanel{gap:8px}.classroom[data-step="6"] .improvePanel .inlineInput{margin:2px 0}.classroom[data-step="6"] .improveActions{margin-top:4px}.classroom[data-step="7"] .lesson{padding-top:10px}.classroom[data-step="7"] .lessonTitle{margin-bottom:7px}.classroom[data-step="7"] .styleLayout,.classroom[data-step="7"] .styleGrid{align-content:start;gap:10px}.classroom[data-step="7"] .styleCard{gap:7px;min-height:0;padding:10px}.classroom[data-step="7"] .styleCard img{aspect-ratio:auto;object-fit:cover;height:clamp(100px,16vh,150px)}.classroom[data-step="7"] .styleCard strong{margin-bottom:4px;font-size:18px}.classroom[data-step="7"] .styleCard p{margin-bottom:5px;font-size:13px}.classroom[data-step="7"] .stylePreview{padding-block:8px}.classroom[data-step="9"] .upgradeCard{grid-template-columns:minmax(0,1fr);align-content:start}.classroom[data-step="9"] .versionComparison{width:min(100%,1540px)}.classroom[data-step="9"] .upgradedVersionGroup{display:block}.classroom[data-step="9"] .cardFields{padding:16px}.classroom[data-step="9"] .cardFields .inlineInput{grid-template-columns:86px minmax(0,1fr) 22px;margin:0}.classroom[data-step="9"] .cardFields .inlineTextarea textarea{min-height:92px}@media (width<=1120px){.classroom[data-step="9"] .versionComparison{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom[data-step="9"] .cardFields{grid-column:1/-1;min-height:0}}@media (width<=767px){.classroom[data-step="9"] .versionComparison{grid-template-columns:1fr}.classroom[data-step="9"] .cardFields{grid-column:auto}}