@import"https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";.authLayout{max-width:1220px;margin:42px auto;display:grid;grid-template-columns:1.2fr 1fr;gap:35px;padding:0 30px;align-items:center}.authArt{min-height:580px;background:linear-gradient(#fbfff1b5,#fcf9e715),url(/assets/garden.png) center/cover;border:5px solid #fffdf3;border-radius:28px;padding:40px 35px;box-shadow:0 5px #e6e6d4;position:relative;overflow:hidden}.authArt h1{font-size:42px;margin-top:23px;color:#496c4c}.authArt>p{font-size:12px;color:#73896a}.authPlants{position:absolute;bottom:70px;left:15px;right:15px;display:flex;align-items:end;justify-content:center}.authPlants .studentAvatar{width:160px;flex:1}.authPlants .studentAvatar:nth-child(2){transform:translateY(-25px)}.authCaption{position:absolute;bottom:32px;left:0;right:0;text-align:center;color:#527b56;font-family:Gowun Dodum,sans-serif;font-size:20px}.authCard{background:#fffdf6;border:1px solid #e5e5cf;border-radius:23px;padding:35px;box-shadow:0 5px #eeecdc}.authCard h2{font-size:29px;margin-bottom:10px}.authCard>p{font-size:11px;margin-bottom:25px}.authCard form{display:grid;gap:17px}.authCard form label,.contentForm label,.adminColumns form label{font-size:12px;display:grid;gap:7px;color:#7b886a}.authCard input,.contentForm input,.contentForm select,.contentForm textarea,.adminColumns form input,.adminColumns select,.playPanel textarea{font:inherit;width:100%;min-width:0;border:1px solid #dce2cd;padding:12px;border-radius:10px;background:#fff;color:#526047}.authCard small{display:block;font-size:9px;color:#a4ad91;line-height:1.9}.authLinks{display:flex;flex-wrap:wrap;gap:5px;margin:20px 0}.authLinks button{font-size:10px;background:none;border:0;padding:6px;min-height:36px;color:#93a17a}.authCard .goldButton{width:100%}.studentShell{max-width:1440px;margin:auto}.studentNav{display:flex;justify-content:center;gap:15px;border-bottom:1px solid #e6e9d8;padding:15px;background:#fffef6;position:sticky;top:0;z-index:10}.studentNav button{background:transparent;border:0;font-size:11px;min-width:90px;color:#97a682;padding:10px;gap:8px}.studentNav .active{background:#eef3e0;color:#6b8653}.studentMain{padding:32px 40px}.balances{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;font-size:12px}.balances>*{padding:7px 11px;border:1px solid #e2e6d4;background:#fffdf1;border-radius:9px}.balances b{background:#e7efd9;color:#6e8d51}.classLabel{display:inline-block;border-radius:7px;padding:3px 8px;background:#ebefdf;color:#7c8e64;font-size:11px;white-space:nowrap}.classLabel.sangeun{background:#fae3e8;color:#a67282}.classLabel.haeseul{background:#fbefbf;color:#ac9049}.classLabel.seungwoo{background:#deeff6;color:#6d97ab}.serverGarden .gardenCopy{padding:40px}.serverGarden{height:450px}.ownCharacter{position:absolute;left:52%;bottom:50px;width:260px}.ownCharacter .speech{font-size:10px}.studentAvatar{position:relative;isolation:isolate;width:200px;aspect-ratio:1;flex-shrink:0}.studentAvatar>svg{width:100%;height:100%;display:block}.skinLayer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.skinLayer.back{z-index:-1}.skinLayer.outfit{z-index:1}.skinLayer.head{z-index:3}.skinLayer.face,.skinLayer.hand{z-index:4}.ownCharacter .studentAvatar{width:260px;animation:bob 4s ease-in-out infinite}.npcCard{position:absolute;right:22px;bottom:30px;padding:12px 13px;background:#ffffefdb;border:1px solid white;border-radius:18px;text-align:center;display:grid;justify-items:center;font-size:10px;box-shadow:0 3px #ced9b7}.npcCard .character{width:75px}.npcCard small{font-size:8px;color:#a1ac8c}.serverCards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.serverCards>section,.serverPanel{background:#fffdf6;border:1px solid #e3e6d3;border-radius:20px;padding:25px;box-shadow:0 3px #ececde;margin-bottom:20px;min-width:0}.serverCards svg{color:#9caf80}.serverCards h3{font-family:Gowun Dodum,sans-serif;font-size:22px;margin:12px 0 8px}.serverCards p{font-size:11px}.serverPanel h2{font-size:27px;margin-bottom:10px}.serverPanel>p{font-size:12px}.learningEntry{border-top:1px solid #e8ebdc;padding-top:20px;margin-top:20px}.learningEntry h3{font-family:Gowun Dodum,sans-serif;font-size:24px}.learningEntry article{white-space:pre-wrap;background:#f5f5e6;border:1px solid #e9e7d2;border-radius:14px;padding:22px;color:#83926f;line-height:2;font-size:15px}.stageButtons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.stageButtons button{font-size:12px;padding:13px 8px;flex-wrap:wrap}.stageButtons button>span{border-radius:50%;background:#edf1dc;padding:2px 8px;color:#8c9f71}.playPanel{max-width:800px;margin:auto}.playPrompt{font-family:Gowun Dodum,sans-serif;font-size:23px;line-height:1.9;color:#6e8058}.playPanel blockquote{margin:20px 0;background:#f1f3df;padding:20px;font-size:16px;border-left:4px solid #c2d39e;border-radius:8px;white-space:pre-wrap}.playPanel label{font-size:12px;color:#8f9e77}.playPanel textarea{display:block;margin:10px 0;min-height:130px;resize:vertical}.answerSubmit{margin-top:25px;float:none;display:flex;margin-left:auto}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.avatarGrowth{display:flex;gap:30px;align-items:center}.avatarGrowth>div:last-child{max-width:650px}.avatarGrowth p{font-size:12px;line-height:1.9}.avatarGrowth button{font-size:11px;margin:5px}.missionRow{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5e8d8;padding:17px 0;font-size:12px}.missionRow h3{font-size:15px;margin-bottom:3px}.missionRow p{font-size:11px;margin-bottom:0}.missionRow button{font-size:11px;flex-shrink:0}.itemGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.itemCard{text-align:center}.itemCard>img{width:140px;height:140px;object-fit:contain;max-width:100%}.itemCard h3{font-family:Gowun Dodum,sans-serif;font-size:23px}.rankRow{display:grid;grid-template-columns:80px 120px 1fr;gap:25px;align-items:center;border:1px solid #e4e8d6;border-radius:17px;padding:20px;margin:15px 0;background:#fcfcf3}.rankRow>div:first-child{text-align:center;display:grid;gap:7px;justify-items:center}.rankRow>div:first-child>strong{font-size:30px;color:#91a773}.rankRow .studentAvatar{width:120px}.rankRow h3{font-weight:400;font-family:Gowun Dodum,sans-serif;font-size:22px;margin:0}.rankRow h3.emphasized{font-weight:700}.rankRow p{font-size:12px;margin:3px 0}.rankRow>div:last-child>b{color:#94a879;font-size:12px}.rank1{background:linear-gradient(120deg,#fff9dc,#fffdf4);border-color:#e9d9a2;box-shadow:0 0 22px #e9ce7822}.rank2{background:linear-gradient(120deg,#eff3f4,#fffdf4);border-color:#cfdadd;box-shadow:0 0 22px #abc2ca22}.rank3{background:linear-gradient(120deg,#f6e9d9,#fffdf4);border-color:#e7ccb0;box-shadow:0 0 22px #dcb79522}.historyDetail{border-bottom:1px solid #e5e8d7;padding:18px 0;font-size:12px}.historyDetail summary{cursor:pointer;line-height:1.8}.historyDetail p{white-space:pre-wrap}.serverFooter{max-width:1360px;margin:25px auto;padding:20px 25px}.serverFooter a{margin-left:auto;font-size:10px;color:#8da276}.serverNotice{background:#edf4de;border-bottom:1px solid #d9e4c3;padding:15px 25px;color:#7b965f;font-size:12px}.adminMain{max-width:1250px;margin:30px auto;padding:0 25px}.adminTabs{display:flex;gap:8px;margin:25px 0;flex-wrap:wrap}.adminTabs button{font-size:11px}.adminColumns{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;align-items:start}.adminColumns form{display:grid;gap:17px}.adminStudent{border-bottom:1px solid #e7e9da;padding:20px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.adminStudent>div{margin-right:auto}.adminStudent p{margin:3px 0;font-size:11px}.adminStudent button{font-size:10px;padding:10px 13px}.rosterEntry{width:100%;justify-content:space-between;background:none;border:0;border-bottom:1px solid #e4e7d5;border-radius:0;padding:15px 3px;font-size:12px;text-align:left}.rosterEntry>span{font-size:10px;color:#a6af95}.contentForm textarea{min-height:110px;resize:vertical}.contentForm .inline{display:flex;flex-direction:row;align-items:center;font-size:11px;gap:10px}.contentForm .inline input{width:18px;height:18px}.rewardInputs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.formHint{font-size:10px!important;color:#9aa98a}.reviewEntry{border-bottom:1px solid #e6e9d9;padding:20px 0}.reviewEntry button{margin:5px}.authCard input:focus-visible,.playPanel textarea:focus-visible,.adminMain input:focus-visible,.adminMain textarea:focus-visible,.adminMain select:focus-visible{outline:3px solid #b5ca98;outline-offset:2px}@media(max-width:760px){.authLayout{margin:20px auto;display:flex;flex-direction:column;padding:0 16px;gap:20px}.authArt{min-height:255px;width:100%;padding:25px;border-width:3px;border-radius:20px;background-position:center 65%}.authArt h1{font-size:28px;margin:14px 0 7px;line-height:1.5}.authArt>p{font-size:10px;max-width:160px}.authArt .creamTag{font-size:7px}.authPlants{bottom:14px;left:auto;right:0;width:48%;gap:0}.authPlants .studentAvatar{width:85px;min-width:0}.authPlants .studentAvatar:nth-child(1){display:none}.authPlants .studentAvatar:nth-child(2){transform:translateY(-8px)}.authCaption{font-size:8px;left:25px;right:auto;bottom:20px}.authCard{width:100%;padding:25px 22px;border-radius:18px}.authCard h2{font-size:26px}.authCard>p{font-size:10px;margin-bottom:22px}.authCard form{gap:16px}.authCard form input{min-height:48px;font-size:16px}.authCard label{font-size:11px}.authLinks{gap:4px}.authLinks button{font-size:10px;padding:6px}.topbar .demoBadge{font-size:7px;white-space:nowrap;padding:4px 6px}.studentNav{gap:3px;padding:9px 5px;justify-content:space-between}.studentNav button{flex:1;min-width:0;flex-direction:column;gap:3px;font-size:8px;padding:7px 4px;min-height:48px}.studentNav button svg{width:18px}.studentMain{padding:23px 15px}.studentMain .intro{align-items:flex-start;gap:8px}.studentMain h1{font-size:23px}.balances{max-width:100px;gap:4px;font-size:9px}.balances>*{padding:3px 6px;border-radius:6px}.balances b{width:100%;text-align:center}.classLabel{font-size:9px;padding:3px 6px}.studentMain .intro p{font-size:9px}.serverGarden{height:535px}.serverGarden .gardenCopy{padding:25px 20px}.serverGarden .gardenCopy h2{font-size:34px}.serverGarden .gardenCopy p{font-size:11px;max-width:200px}.serverGarden .goldButton{font-size:12px}.ownCharacter{left:8%;bottom:20px;width:190px}.ownCharacter .studentAvatar{width:190px}.ownCharacter .speech{font-size:8px;max-width:180px;padding:8px}.npcCard{right:12px;bottom:25px;padding:8px;font-size:8px;border-radius:13px}.npcCard .character{width:55px}.npcCard small{font-size:7px}.serverCards{grid-template-columns:1fr;gap:0;margin-top:22px}.serverCards>section{padding:22px}.serverCards h3{font-size:21px}.serverCards p{font-size:11px}.serverPanel{border-radius:17px;padding:21px 17px}.serverPanel h2{font-size:25px}.serverPanel>p{font-size:11px}.learningEntry article{font-size:14px;padding:18px}.stageButtons{grid-template-columns:1fr 1fr;gap:8px}.stageButtons button{font-size:11px;min-height:54px}.playPrompt{font-size:22px}.playPanel .options button{font-size:13px;min-height:55px}.playPanel textarea{font-size:16px}.playPanel blockquote{font-size:14px;padding:15px}.avatarGrowth{gap:12px;flex-direction:column;align-items:center;text-align:center}.avatarGrowth .studentAvatar{width:180px}.avatarGrowth h3{font-size:20px}.avatarGrowth p{font-size:11px}.missionRow{font-size:11px;gap:8px;flex-wrap:wrap}.missionRow button{font-size:10px;padding:10px}.itemGrid{grid-template-columns:1fr 1fr;gap:10px}.itemCard{padding:15px 10px}.itemCard>img{width:100px;height:100px}.itemCard h3{font-size:19px}.itemCard p{font-size:10px}.itemCard button{font-size:11px;padding:10px 14px}.rankRow{grid-template-columns:58px 85px 1fr;gap:10px;padding:15px 10px}.rankRow>div:first-child>strong{font-size:25px}.rankRow .studentAvatar{width:85px}.rankRow .classLabel{font-size:9px;padding:3px 5px}.rankRow h3{font-size:18px;word-break:break-all}.rankRow p{font-size:10px}.rankRow>div:last-child>b{font-size:11px}.serverFooter{margin:10px 15px;padding:20px 0;gap:8px}.serverFooter a{font-size:9px}.serverFooter small{font-size:7px}.adminMain{padding:0 15px;margin:25px auto}.adminMain h1{font-size:24px}.adminMain .intro{display:block}.adminMain .intro .creamTag{margin-top:15px}.adminTabs{gap:6px}.adminTabs button{font-size:9px;padding:10px;min-height:43px}.adminColumns{grid-template-columns:1fr;gap:0}.adminMain input,.adminMain textarea,.adminMain select{font-size:16px!important}.adminStudent{gap:7px;padding:16px 0}.adminStudent>div{width:100%}.adminStudent button{padding:9px 11px;font-size:10px}.contentForm label{font-size:12px}.authLayout .studentAvatar{aspect-ratio:1}.serverNotice{font-size:10px;padding:12px 16px}}.mockScore{display:block;font-size:58px;color:#8ca373}.mockScore small{font-size:18px;color:#a0ac8b}.mockExam .score{text-align:center;background:#f3f5e5}.mockExam .playPanel>.creamTag{margin:22px 0 12px}.mockExam .playPrompt{font-size:24px;line-height:1.9}@media(max-width:760px){.studentNav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.studentNav button{width:100%;font-size:9px;min-height:48px}.mockExam .playPrompt{font-size:21px}.mockScore{font-size:48px}}.questionPages{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:25px;color:#8fa174;font-size:12px}.questionPages button{font-size:11px}.bossArena{display:flex;gap:35px;align-items:center;justify-content:center;border:2px solid #edf1d9;border-radius:25px;background:linear-gradient(#eff4dcdd,#fff8e5de),url(/assets/garden.png) center/cover;padding:25px;margin-bottom:25px;box-shadow:0 4px #e1e7ce}.bossArt{width:270px;flex-shrink:0;animation:bob 5s ease-in-out infinite}.bossArt svg{display:block;width:100%}.bossStatus{width:400px;max-width:100%}.bossStatus h3{font-family:Gowun Dodum,sans-serif;font-size:27px;margin:14px 0}.bossStatus p{font-size:11px;line-height:1.9;color:#8a9a70}.bossStatus progress{height:14px}.bossHp{display:block;text-align:center;font-size:17px;color:#859e61;margin-top:7px}.bossNumbers{display:flex;gap:12px;margin:16px 0}.bossNumbers>span{font-size:10px;background:#ffffffb0;border:1px solid #e1e8cf;padding:9px 13px;border-radius:10px}.bossNumbers b{display:block;font-size:18px;color:#8b9f63}.bossQuiz{max-width:800px;margin:0 auto 25px}.bossQuiz>h3{font-size:23px;font-family:Gowun Dodum,sans-serif}.bossConfig{display:grid;gap:16px;max-width:650px;margin:auto auto 25px}.bossConfig label{display:grid;gap:8px;font-size:12px}.bossConfig input{min-height:44px;padding:10px;border:1px solid #dde4cd;border-radius:8px;font:inherit;width:100%}.bossConfig p,.bossConfig small{font-size:11px;color:#94a17e}.worldBoss h3>svg{vertical-align:middle}.studentNav{gap:6px}.studentNav button{min-width:65px}@media(max-width:760px){.bossArena{flex-direction:column;gap:5px;padding:18px}.bossArt{width:190px}.bossStatus h3{font-size:24px;text-align:center}.bossStatus>.creamTag{display:flex;justify-content:center}.bossStatus button{font-size:10px}.bossNumbers{justify-content:center}.bossStatus p{text-align:center;font-size:10px}.bossQuiz{padding:20px 15px}.bossQuiz h3{font-size:21px}.bossConfig input{font-size:16px}.questionPages button{font-size:9px;padding:10px}.questionPages{font-size:10px}.studentNav{gap:0;padding:7px 3px}.studentNav button{min-width:0;font-size:7px;padding:6px 2px}.studentNav button svg{width:17px}}.sourceGroup{margin:12px 0;border:1px solid #e2e7d2;border-radius:14px;padding:0 16px;background:#fffef8}.sourceGroup>summary{cursor:pointer;padding:17px 0;font-family:Gowun Dodum,sans-serif;font-size:18px;color:#6e8359}.sourceGroup>summary>span{float:right;font-family:Noto Sans KR,sans-serif;font-size:10px;padding:3px 8px;background:#edf2df;border-radius:8px}.sourceGroup .learningEntry{margin:0;padding:20px 0}.sourceStudy>summary{cursor:pointer;font-size:11px;color:#95a77c;margin-bottom:13px}.questionSearch{display:flex;gap:10px;align-items:center;background:#fffdf5;border:1px solid #e1e5d2;border-radius:12px;padding:7px 14px;margin-bottom:22px;color:#9eac87}.questionSearch input{font:inherit;border:0;min-height:44px;width:100%;background:transparent;min-width:0;color:#526c49}.questionSearch input:focus-visible{outline:2px solid #a7bf8c;border-radius:5px}@media(max-width:760px){.sourceGroup{padding:0 12px}.sourceGroup>summary{font-size:16px}.sourceGroup>summary>span{font-size:8px}.questionSearch input{font-size:16px}.sourceGroup .learningEntry h3{font-size:20px}}.nicknameForm{display:grid;gap:18px;max-width:420px}.nicknameForm label{display:grid;gap:8px;font-size:12px;color:#7b886a}.nicknameForm input{font:inherit;width:100%;min-height:48px;border:1px solid #dce2cd;padding:12px;border-radius:10px;background:#fff;color:#526047}.nicknameForm input:focus-visible{outline:3px solid #b5ca98;outline-offset:2px}@media(max-width:760px){.nicknameForm input{font-size:16px}}.authCard form select{font:inherit;width:100%;min-width:0;min-height:48px;border:1px solid #dce2cd;padding:12px;border-radius:10px;background:#fff;color:#526047}.authCard form select:focus-visible{outline:3px solid #b5ca98;outline-offset:2px}@media(max-width:760px){.authCard form select{font-size:16px}}.entryActions .demoBadge{display:none}.entryLink{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;border:1px solid #dfe5d1;border-radius:11px;background:#fffdf5;text-decoration:none;color:#748964;font-size:12px;font-weight:600;white-space:nowrap}.entryLink.signupEntry{background:#f8dfa0;border-color:#ecd28c;color:#877040;box-shadow:0 2px #e0c37d}.entryLink:focus-visible{outline:3px solid #507f6b;outline-offset:3px}#account{scroll-margin-top:20px}@media(max-width:760px){.entryActions{gap:6px}.entryLink{font-size:10px;padding:8px 9px;min-height:44px;border-radius:9px}.entryActions .iconButton{padding:5px}.topbar:has(.entryActions){gap:6px;padding-left:14px;padding-right:14px}.topbar:has(.entryActions) .logo{gap:7px}.topbar:has(.entryActions) .logo small{font-size:5px;letter-spacing:1px}}.authNpcs{position:absolute;left:18px;right:18px;bottom:88px;display:flex;align-items:flex-end;gap:4px}.authNpc{flex:1;min-width:0;display:grid;justify-items:center}.authNpc .character{width:100%;max-width:210px}.authNpc strong{font-family:Gowun Dodum,sans-serif;font-size:17px;background:#fff8e3ec;border:2px solid #fff9e8;border-radius:12px;padding:5px 18px;box-shadow:0 3px #cdbb8d;color:#6e8058}.authNpc:nth-child(1) strong{background:#f8c4cd;color:#976a77}.authNpc:nth-child(2) strong{background:#ffe19a;color:#9b7d43}.authNpc:nth-child(3) strong{background:#b4dce8;color:#5d8594}.authArt .authCaption{display:none}.originalGardenLink{position:absolute;bottom:22px;left:50%;transform:translate(-50%);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 20px;border:2px solid #fff7df;background:#fff9e8ed;border-radius:13px;box-shadow:0 3px #b8bb90;font-size:12px;color:#637c50;font-weight:600;text-decoration:none}.originalGardenLink:focus-visible{outline:3px solid #507f6b;outline-offset:4px}@media(max-width:760px){.authArt{min-height:415px}.authNpcs{left:8px;right:8px;bottom:86px;gap:0}.authNpc .character{max-width:150px}.authNpc strong{font-size:12px;padding:4px 10px;border-radius:9px}.originalGardenLink{bottom:20px;font-size:11px;padding:8px 17px}.authArt h1{font-size:28px}.authArt>p{max-width:none}}:root{font-family:Noto Sans KR,sans-serif;color:#465645;background:#faf9f1;font-synthesis:none;line-height:1.7;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,summary:focus-visible,label:focus-within{outline:3px solid #507f6b;outline-offset:5px}button{min-height:44px;border:1px solid #e1e5d7;background:#fffdf5;border-radius:12px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600}button:hover:not(:disabled){filter:brightness(.97)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Gowun Dodum,sans-serif}h1{font-size:32px;line-height:1.4;margin-bottom:9px;letter-spacing:-1px}h2{font-size:30px;line-height:1.5}h3{font-size:18px;letter-spacing:-.5px}p{color:#7e8878}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 40px;border-bottom:1px solid #e7e8da;background:#fffef8}.logo{border:0;background:none;padding:0;gap:12px;text-align:left;font-size:26px;letter-spacing:-1px;color:#486149}.logoMark{background:#f3d47c;width:46px;height:48px;border-radius:16px 16px 20px 9px;display:grid;place-items:center;box-shadow:inset 0 -3px #dcb969}.logo small{display:block;font-size:8px;font-weight:500;letter-spacing:2px;color:#98a18e;margin-top:-4px}.headerCenter{color:#9ba28e;font-size:11px;letter-spacing:.4px}.topActions{display:flex;align-items:center;gap:15px}.iconButton{border:0;background:transparent;padding:10px}.demoBadge{font-size:10px;background:#f0f2e7;border:1px solid #e1e6d5;padding:5px 11px;border-radius:20px;color:#8c977b;display:flex;align-items:center;gap:7px}.demoBadge>span,.liveDot{width:6px;height:6px;border-radius:50%;background:#89ac76;display:inline-block}.layout{display:flex}.sideRail{width:115px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:28px 14px;gap:12px;border-right:1px solid #e7e8da;min-height:calc(100vh - 92px);background:#fffef8}.railLabel{font-size:9px;letter-spacing:1.5px;color:#a4ab96;margin-bottom:5px}.sideRail>button{width:83px;min-height:77px;border:0;background:none;padding:13px 8px;flex-direction:column;gap:7px;font-size:10px;font-weight:500;color:#9aab8f}.sideRail>button.active{background:#eef1df;color:#657b4e;border:1px solid #e2e7cc;box-shadow:0 3px #e2e6cf}.railBottom{margin-top:auto;font-size:8px;text-align:center;color:#a8b19a;padding-top:50px;display:grid;justify-items:center;gap:8px}main{max-width:1600px;width:calc(100% - 115px);padding:35px 40px 0;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:9px;color:#a6ae91;letter-spacing:2.2px;font-weight:600;display:block;margin-bottom:9px}.intro p{font-size:12px;margin:0;color:#9ba28e}.note{font-family:Gowun Dodum,sans-serif;font-size:14px;color:#a4ac94}.selectionScene,.gardenScene{background:url(/assets/garden.png) center 56%/cover no-repeat;position:relative;border-radius:27px;overflow:hidden;border:5px solid #fffdf4;box-shadow:0 5px #e6e4d1,0 15px 40px #80956e12;isolation:isolate}.selectionScene{height:620px;display:flex;flex-direction:column;align-items:center}.selectionScene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#fbfff2c9,transparent 58%,#3f6e4533);z-index:-1}.sceneHeading{text-align:center;padding:35px 20px 0}.sceneHeading>span{font-size:11px;letter-spacing:2px;color:#7c9272}.sceneHeading h2{font-size:37px;margin:10px 0 5px;color:#466644;text-shadow:0 2px white}.sceneHeading p{font-size:12px;color:#718968}.classChoices{display:flex;align-items:flex-end;justify-content:center;gap:38px;margin-top:auto;padding-bottom:70px;width:100%}.classChoice{position:relative;border:0;background:none;display:flex;flex-direction:column;padding:0;transition:transform .2s;gap:0;max-width:27%;width:230px}.classChoice:hover:not(:disabled){transform:translateY(-10px);filter:none}.character{display:block;width:230px;aspect-ratio:1;background-image:url(/assets/characters.png);background-size:300% 100%;background-repeat:no-repeat;filter:drop-shadow(0 9px 5px #3f5b3b20);flex-shrink:0}.classSign{width:200px;max-width:100%;position:relative;margin-top:-2px;display:block;background:#ffb5ba;color:#704b4f;border:3px solid #ffe2ce;border-radius:16px;box-shadow:0 5px #b2785b,0 9px 10px #334c4926;transform:rotate(-3deg);padding:8px 22px 10px}.classSign strong{font-family:Gowun Dodum,sans-serif;font-size:25px;letter-spacing:1px}.classSign small{display:flex;justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:500}.yellow .classSign{background:#ffda78;color:#8f733d;transform:rotate(2deg)}.green .classSign{background:#9ccbd0;color:#436a6f;transform:rotate(-2deg)}.sceneCaption{position:absolute;bottom:14px;color:#f9fff2;font-size:9px;background:#496a4770;border-radius:20px;padding:4px 14px}.titleLeaf{color:#8fae70;vertical-align:middle;margin-left:5px}.classSwitch{background:#fff;border:1px solid #e5e8dc;border-radius:14px;padding:5px 12px 5px 5px;font-size:12px;gap:8px;box-shadow:0 2px #e8ebde}.classSwitch .small{width:48px}.classSwitch>span:not(.character){text-align:left}.classSwitch small{display:block;font-size:9px;color:#a0a78f}.gardenScene{height:500px;background-position:center 59%}.gardenScene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f9f8dcf5 0%,#f9f8dcbf 30%,transparent 63%);z-index:-1}.gardenCopy{padding:43px 42px}.creamTag{font-size:10px;background:#fff9e4;border:1px solid #e4d8a3;color:#9e8c57;border-radius:20px;padding:5px 13px;display:inline-flex;align-items:center;gap:5px}.gardenCopy h2{font-size:44px;line-height:1.45;letter-spacing:-1px;color:#426449;margin:20px 0 13px}.gardenCopy p{font-size:13px;color:#849375;line-height:1.95;margin-bottom:24px}.goldButton{background:linear-gradient(#ffe6a0,#f4ca66);border:2px solid #fff5c9;box-shadow:0 4px #cba04b,0 5px 10px #a8884820;color:#705b31;border-radius:15px;font-size:15px;padding:15px 24px;min-height:56px;text-shadow:0 1px #fff9de}.gardenCopy>small{display:block;font-size:9px;color:#9aab81;margin-top:14px}.gameCharacter{position:absolute;bottom:66px;left:51%;transform:translate(-20%);z-index:1}.gameCharacter .character{width:280px;animation:bob 4s ease-in-out infinite}.speech{background:#fffdf2;border:1px solid #e8e6cc;border-radius:20px;padding:10px 17px;color:#7d8b68;font-size:11px;box-shadow:0 4px #e4e5c9;position:relative;text-align:center}.gameCharacter .speech{margin:auto auto 8px;width:max-content}.speech:after{content:"";width:12px;height:12px;position:absolute;background:#fffdf2;bottom:-7px;left:50%;transform:rotate(45deg);border-right:1px solid #e8e6cc;border-bottom:1px solid #e8e6cc}.gardenPlant{position:absolute;right:25px;bottom:64px;display:grid;justify-items:center;gap:0;background:#ffffefed;border:2px solid #fffcef;box-shadow:0 5px #becb96;border-radius:22px;padding:15px 9px 13px;transform:rotate(3deg)}.gardenPlant>span{font-size:9px;color:#8ea276}.gardenPlant .plant{width:110px;height:110px}.gardenPlant strong{font-family:Gowun Dodum,sans-serif;font-size:17px;display:flex;align-items:center;gap:8px;color:#6d895c}.sceneBottom{position:absolute;bottom:0;left:0;right:0;background:#fffef0ed;padding:12px 25px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#8e9f7b}.sceneBottom .liveDot{margin-right:5px}.belowGarden{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:28px}.storybookPreview,.growthPreview{border:1px solid #e4e7d6;border-radius:18px;padding:24px 27px;background:#fffef7;box-shadow:0 3px #ececdf}.chapter{font-family:Georgia,serif;letter-spacing:2px;color:#b2a475;font-size:11px}.chapter>span{font-family:Noto Sans KR,sans-serif;letter-spacing:0;font-size:8px;border-radius:5px;background:#f2efe0;padding:3px 6px;margin-left:10px}.storybookPreview>div{display:flex;align-items:center;gap:22px;margin-top:15px}.bookTile{height:90px;width:80px;flex-shrink:0;background:#eaf0d7;border:1px solid #d6dfbc;border-radius:11px 5px 5px 11px;box-shadow:4px 3px #d3dcbc;display:grid;place-items:center;color:#8aa06d;transform:rotate(-6deg);position:relative}.bookTile>svg+svg{position:absolute;right:8px;bottom:8px;color:#bcaa6b}.storybookPreview h3,.growthPreview h3{font-family:Gowun Dodum,sans-serif;margin-bottom:6px;font-size:21px}.storybookPreview p,.growthPreview p{font-size:10px;color:#a0a58e;margin-bottom:9px}.textButton{padding:0;min-height:36px;font-size:10px;border:0;background:none;color:#91a375;gap:9px}.growthPreview .eyebrow{font-size:8px;margin-bottom:7px}.growthPreview{background:#f0f2e5}.miniStages{display:flex;justify-content:space-between;margin-top:16px;position:relative}.miniStages:before{content:"";position:absolute;left:10px;right:10px;top:10px;height:1px;background:#d8dfc6}.miniStages>span{position:relative;display:grid;justify-items:center;gap:5px;color:#afb7a1}.miniStages i{font-style:normal;border:2px solid #e0e6d4;background:#f0f2e5;border-radius:50%;height:23px;width:23px;display:grid;place-items:center;font-size:8px}.miniStages .reached i{background:#8ca47a;border-color:#8ca47a;color:#fff}.miniStages small{font-size:8px}.growthPreview .testRule{font-size:8px;margin-top:10px;margin-bottom:0;color:#9ea88c}.plant{width:170px;height:170px;display:block}footer{display:flex;gap:18px;align-items:center;border-top:1px solid #e6e8d9;padding:22px 0;margin-top:35px;color:#a5ae96;font-size:10px}footer>span{display:flex;align-items:center;gap:6px}footer small{font-size:8px}footer small:last-child{margin-left:auto;letter-spacing:1px}.primary{background:#78956b;color:#fffef5;border:1px solid #65875c;box-shadow:0 3px #59734f;border-radius:12px}.storyTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#a4aa90;font-size:10px}.openBook{display:grid;grid-template-columns:1fr 1fr;border-radius:10px 30px 25px 15px;border:1px solid #e4d6b0;border-bottom:9px solid #c2a77a;background:#fffbed;box-shadow:0 10px #e9dfc4,0 18px 40px #74644812;min-height:450px;overflow:hidden}.illustratedPage{position:relative;background:linear-gradient(#eff5d8b0,#fffae5a6),url(/assets/garden.png) center/cover;border-right:2px solid #d6c59c;padding:30px;box-shadow:inset -13px 0 20px #a7946a1c;overflow:hidden}.illustratedPage .character{width:260px;position:absolute;bottom:65px;left:10%}.storyPlant{position:absolute;right:20px;bottom:60px;transform:rotate(4deg)}.storyPlant .plant{width:190px;height:190px}.artCaption{position:absolute;bottom:27px;left:0;right:0;text-align:center;font-family:Gowun Dodum,sans-serif;color:#7f8f69;font-size:15px}.openBook article{padding:50px 35px;box-shadow:inset 12px 0 20px #a7946a0d;display:flex;flex-direction:column}.openBook article h2{font-size:30px;color:#6d7955;margin:23px 0}.openBook article p{font-family:Gowun Dodum,sans-serif;line-height:2.1;font-size:17px;color:#8e9479}.pageNav{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:20px}.pageNav button{font-size:11px;padding:11px 16px;min-height:43px}.hint{font-size:10px;text-align:center;color:#a2ab91;margin:30px 0}.sectionHeading{text-align:center;margin:28px 0 30px}.sectionHeading h2{margin-bottom:8px;font-size:34px}.sectionHeading p{font-size:12px;color:#a0a88f}.quizLayout{display:grid;grid-template-columns:260px 1fr;gap:35px;align-items:center;max-width:1000px;margin:0 auto}.quizCompanion .character{width:260px}.quizCompanion .speech{margin:15px auto;max-width:230px}.quizCompanion .speech:after{top:-7px;bottom:auto;transform:rotate(225deg)}.quizCard{border:1px solid #e6dfc3;border-radius:23px;background:#fffdf4;padding:30px 35px;box-shadow:0 6px #e7e5d3}.quizMeta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:17px;color:#81946a}.quizMeta small{font-size:12px;color:#b8bda6}.quizMeta .creamTag{font-size:8px}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border:0;border-radius:10px;overflow:hidden;background:#ebeedf}progress::-webkit-progress-bar{background:#ebeedf}progress::-webkit-progress-value{background:#b1c38f;border-radius:10px}.quizCard h3{font-family:Gowun Dodum,sans-serif;font-size:24px;margin:27px 0 22px}.options{display:grid;gap:10px}.options button{justify-content:flex-start;font-size:13px;text-align:left;padding:13px 16px;font-weight:400;border:1px solid #e7e9d9;background:#fffef8}.options button>span{background:#f2f3e7;border-radius:7px;width:26px;height:26px;display:grid;place-items:center;font-size:10px;flex-shrink:0}.options .chosen{border:2px solid #91aa76;background:#f1f6e6}.options .correct{border-color:#8aaa6f;background:#eef5e3}.options button>svg{margin-left:auto}.quizActions{display:flex;justify-content:flex-end;margin-top:25px}.feedback{margin-top:20px;padding:18px 21px;background:#fff1dc;border:1px solid #ead6aa;border-radius:12px;font-size:12px}.feedback.right{background:#eff5e4;border-color:#d8e3bf}.feedback p{margin:7px 0 0;line-height:1.9}.resultScreen{text-align:center;max-width:1000px;margin:auto}.resultScreen>h2{font-size:38px;margin:15px 0 8px}.resultScreen>p{font-size:12px;color:#9da58b}.resultHero{display:flex;justify-content:center;align-items:center;gap:20px;border:1px solid #e5e6cc;border-radius:25px;background:linear-gradient(120deg,#f3f5e2,#fff4d8);margin:30px 0;padding:25px 20px}.resultHero .character{width:210px}.resultHero>div{text-align:left}.resultHero>div>span{font-size:10px;color:#a8ad87}.resultHero h3{font-family:Gowun Dodum,sans-serif;font-size:47px;color:#819b63;margin:10px 0}.resultHero h3 small{font-size:14px;color:#a3ab8c}.resultHero p{font-size:10px}.resultHero .goldButton{font-size:12px}.answersTitle{text-align:left;font-family:Gowun Dodum,sans-serif;font-size:21px}.answerList{text-align:left;display:grid;gap:10px}.answerList details{border:1px solid #e4e7d8;border-radius:12px;background:#fff;padding:17px 20px}.answerList summary{cursor:pointer;display:flex;align-items:center;gap:13px;font-size:12px}.answerList summary>svg{margin-left:auto;flex-shrink:0}.answerList summary>span{font-size:9px;white-space:nowrap;border-radius:5px;padding:3px 8px}.answerRight{background:#eef3e4;color:#799966}.answerWrong{background:#fff0dc;color:#b19565}.answerList details p{font-size:12px;padding-left:64px;margin-top:17px}.retry{margin-top:25px;font-size:12px}.growthShowcase{background:linear-gradient(#f0f4df,#f9f6e6);border:1px solid #dfe7ce;border-radius:25px;padding:30px 40px;display:flex;align-items:center;justify-content:center;gap:30px}.growthShowcase .character{width:230px}.growthShowcase>div:nth-child(2){display:grid;justify-items:center}.growthShowcase .plant{height:210px;width:210px}.growthMessage h3{font-family:Gowun Dodum,sans-serif;font-size:24px}.growthMessage p{font-size:12px;color:#96a281}.growthMessage button{font-size:12px}.growthSteps{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:25px}.growthSteps>div{border:1px solid #e6e8da;background:#fffdf6;border-radius:17px;display:grid;justify-items:center;padding:17px 5px;opacity:.55}.growthSteps .now{background:#f3f5df;border:2px solid #b6c699;opacity:1;box-shadow:0 4px #d6dfbf}.growthSteps .done{opacity:1}.growthSteps .plant{width:110px;height:110px}.growthSteps strong{font-family:Gowun Dodum,sans-serif;font-size:18px}.growthSteps span{font-size:9px;color:#a5ae93;margin-top:5px}.empty{text-align:center;border:1px dashed #dce3cd;border-radius:20px;padding:60px;color:#a7b68d;background:#f9faf1}.empty h3{font-family:Gowun Dodum,sans-serif;font-size:22px;margin-top:18px}.historyRow{width:100%;padding:20px;gap:17px;justify-content:flex-start;margin-bottom:12px;text-align:left;background:#fffef8;border:1px solid #e5e8d8}.historyRow>span:nth-child(2){flex:1}.historyRow strong{display:block;font-family:Gowun Dodum,sans-serif;font-size:18px}.historyRow small{display:block;color:#a5ad92;font-size:10px;font-weight:400;margin-top:4px}.historyRow>b{color:#8ba071;font-size:14px}.historyIcon{background:#eef1df;padding:13px;border-radius:12px;color:#a2b483}.settingsDialog{border:1px solid #dddcc5;border-radius:22px;padding:27px;max-width:550px;width:calc(100% - 30px);background:#fffef7;color:#55634b;box-shadow:0 20px 100px #304b3c44}.settingsDialog::backdrop{background:#34493666;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialogTitle{display:flex;justify-content:space-between;gap:15px;align-items:center}.dialogTitle h2{font-size:24px;margin:0}.settingsDialog p{font-size:12px;color:#99a18b}.settingsDialog small{font-size:10px;color:#a9af9b;display:block}.settingsActions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.settingsActions button,.uploadButton{font-size:11px;display:flex;align-items:center;gap:9px;border:1px solid #dfe4d1;border-radius:12px;background:#fffdf5;padding:12px 18px;cursor:pointer}.uploadButton input{width:100%;max-width:180px;font-size:9px}.uploadButton{flex-wrap:wrap}.resetArea{border-top:1px solid #e5e7d7;padding-top:20px}.resetArea h3{font-size:15px;margin-bottom:6px}.danger{font-size:11px;color:#ad7864;background:#fff6eb}.error{padding:13px 30px;background:#fff0da;border-bottom:1px solid #e4cda5;font-size:12px;display:flex;justify-content:space-between;gap:15px}.error button{font-size:10px;padding:5px 10px;flex-shrink:0}@keyframes bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:1500px){main{padding:40px 55px 0}.gardenScene{height:560px}.gardenCopy{padding:50px}.gardenCopy h2{font-size:50px}.gameCharacter .character{width:320px}.gardenPlant{right:45px;bottom:80px}}@media(max-width:1100px){.headerCenter{display:none}main{padding:27px 25px 0}.sideRail{width:95px;padding:25px 8px}.sideRail>button{width:75px}main{width:calc(100% - 95px)}.gardenCopy{padding:35px 25px}.gardenCopy h2{font-size:37px}.gameCharacter{left:52%;bottom:75px}.gameCharacter .character{width:225px}.gardenPlant{right:15px;bottom:60px}.gardenPlant .plant{width:85px;height:85px}.gardenPlant>span{font-size:8px}.gardenScene{height:460px}.speech{font-size:9px;padding:8px 12px}.belowGarden{gap:15px}.storybookPreview,.growthPreview{padding:20px}.storybookPreview>div{gap:14px}.storybookPreview h3,.growthPreview h3{font-size:18px}.bookTile{width:60px;height:80px}.classChoices{gap:15px}.classChoice .character{width:210px}.selectionScene{height:560px}.openBook article{padding:30px 24px}.illustratedPage .character{width:210px;left:0}.storyPlant{right:-20px}.quizLayout{grid-template-columns:185px 1fr;gap:20px}.quizCompanion .character{width:185px}.quizCard{padding:25px}.growthShowcase{padding:25px 20px;gap:10px}.growthShowcase .character{width:170px}.growthShowcase .plant{width:170px;height:170px}.growthMessage h3{font-size:20px}.growthMessage button{font-size:10px;padding:10px}.resultHero .character{width:170px}.resultHero>.plant{width:135px;height:135px}}@media(max-width:700px){.topbar{height:77px;padding:0 18px;gap:10px}.logo{font-size:23px;gap:9px}.logoMark{width:38px;height:42px;border-radius:13px}.logo small{font-size:6px;letter-spacing:1.7px}.topActions{gap:4px}.demoBadge{font-size:8px;padding:4px 8px}.iconButton{padding:8px}.layout{display:block}.sideRail{position:sticky;top:0;z-index:10;flex-direction:row;width:100%;min-height:0;padding:9px 12px;gap:6px;justify-content:space-around;background:#fffef8ed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:0;border-bottom:1px solid #e7e8da}.sideRail>button{width:auto;min-height:42px;flex:1;flex-direction:row;gap:5px;font-size:9px;padding:9px 5px;border-radius:9px}.sideRail>button svg{width:16px}.railLabel,.railBottom{display:none}main{padding:25px 16px 0;width:100%}.intro{gap:10px;align-items:flex-start;margin-bottom:20px}.eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:9px}h1{font-size:25px;margin-bottom:9px}.intro p{font-size:10px;max-width:240px}.note{display:none}.classSwitch{padding:5px;gap:4px;flex-shrink:0;min-height:50px;font-size:10px;border-radius:10px}.classSwitch .small{display:none}.classSwitch small{font-size:8px}.classSwitch>svg{width:12px}.titleLeaf{display:none}.selectionScene{height:610px;border-width:3px;border-radius:20px;background-position:56% center}.sceneHeading{padding:28px 14px 0}.sceneHeading>span{font-size:8px;letter-spacing:1px}.sceneHeading h2{font-size:27px;margin-top:13px}.sceneHeading p{font-size:10px}.classChoices{flex-wrap:wrap;justify-content:center;gap:17px 13px;padding:0 15px 40px;margin-top:20px}.classChoice{width:43%;max-width:none}.classChoice .character{width:135px;margin-bottom:-4px}.classSign{width:130px;border-radius:12px;border-width:2px;padding:5px 12px 8px}.classSign strong{font-size:20px}.classSign small{font-size:8px;gap:3px}.classSign svg{width:11px}.sceneCaption{font-size:7px;bottom:10px;padding:3px 10px}.gardenScene{height:590px;border-width:3px;border-radius:20px;background-position:56% center}.gardenScene:before{background:linear-gradient(135deg,#f9f8dcf5 5%,#f9f8dca6 35%,transparent 75%)}.gardenCopy{padding:27px 23px}.gardenCopy h2{font-size:37px;line-height:1.4;margin:17px 0 12px}.gardenCopy p{font-size:11px;line-height:1.9;margin-bottom:20px}.goldButton{font-size:12px;min-height:48px;padding:12px 19px;border-radius:12px}.goldButton svg{width:17px}.gardenCopy>small{font-size:8px;margin-top:11px}.creamTag{font-size:8px;padding:4px 10px}.gameCharacter{left:37%;bottom:48px;transform:translate(-40%)}.gameCharacter .character{width:210px}.gameCharacter .speech{font-size:8px;margin-bottom:0;padding:7px 10px}.gardenPlant{right:15px;bottom:70px;border-radius:15px;padding:9px 3px;transform:rotate(4deg)}.gardenPlant .plant{width:88px;height:88px}.gardenPlant strong{font-size:14px}.gardenPlant>span{font-size:7px}.sceneBottom{padding:9px 12px;font-size:7px;gap:8px}.sceneBottom>span:last-child{font-size:6px}.belowGarden{grid-template-columns:1fr;margin-top:22px;gap:15px}.storybookPreview,.growthPreview{padding:21px;border-radius:16px}.storybookPreview>div{gap:22px}.storybookPreview h3,.growthPreview h3{font-size:21px}.bookTile{width:72px;height:85px}.growthPreview .miniStages{margin-top:19px}.miniStages small{font-size:9px}.growthPreview .testRule{font-size:8px}.chapter{font-size:9px}.chapter>span{font-size:7px}footer{margin-top:28px;padding:20px 0;flex-wrap:wrap;gap:9px 12px;font-size:9px}footer small{font-size:7px}footer small:last-child{margin-left:0}.openBook{display:flex;flex-direction:column;border-radius:15px 15px 20px 12px}.illustratedPage{height:215px;border-right:0;border-bottom:1px solid #e4d6b0;padding:20px}.illustratedPage .character{width:175px;left:12%;bottom:27px}.storyPlant{right:12%;bottom:32px}.storyPlant .plant{width:130px;height:130px}.artCaption{font-size:10px;bottom:10px}.openBook article{padding:28px 24px}.openBook article h2{font-size:26px;margin:15px 0}.openBook article p{font-size:16px;line-height:2}.pageNav{margin-top:15px;padding-top:10px}.pageNav button{font-size:10px;padding:9px 12px}.storyTop{font-size:8px}.storyTop button{font-size:9px}.hint{font-size:9px;line-height:1.9;margin:25px 10px}.sectionHeading{margin:18px 0 24px}.sectionHeading h2{font-size:28px}.sectionHeading p{font-size:10px}.quizLayout{display:flex;flex-direction:column;gap:15px}.quizCompanion{display:flex;align-items:center;justify-content:center;gap:10px}.quizCompanion .character{width:95px}.quizCompanion .speech{font-size:10px;max-width:210px}.quizCompanion .speech:after{left:-7px;top:40%;transform:rotate(135deg)}.quizCard{padding:23px 20px;width:100%;border-radius:18px}.quizMeta{font-size:15px}.quizCard h3{font-size:23px;line-height:1.7;margin:23px 0 19px}.options button{font-size:12px;padding:12px 13px;gap:11px}.quizActions button{font-size:12px;padding:12px 16px}.quizActions{margin-top:23px}.feedback{padding:15px;font-size:11px}.resultScreen>h2{font-size:30px}.resultScreen>p{font-size:10px}.resultHero{padding:22px 15px;gap:5px;flex-wrap:wrap;border-radius:19px}.resultHero .character{width:115px}.resultHero>.plant{display:none}.resultHero>div>span{font-size:9px}.resultHero h3{font-size:39px}.resultHero h3 small{font-size:11px}.resultHero p{font-size:8px}.resultHero .goldButton{padding:9px 12px;font-size:10px}.answerList details{padding:15px 12px}.answerList summary{font-size:11px;gap:9px}.answerList summary>span{font-size:8px;padding:3px 5px}.answerList details p{padding-left:0;font-size:11px}.growthShowcase{flex-wrap:wrap;padding:25px 15px}.growthShowcase .character{width:135px}.growthShowcase .plant{width:145px;height:145px}.growthMessage{text-align:center;width:100%;margin-top:10px}.growthMessage h3{font-size:24px;margin-bottom:9px}.growthMessage p{font-size:11px}.growthMessage button{font-size:12px}.growthSteps{gap:6px;margin-top:20px}.growthSteps>div{padding:13px 2px;border-radius:10px}.growthSteps .plant{width:52px;height:65px}.growthSteps strong{font-size:14px}.growthSteps span{font-size:6px}.historyRow{padding:15px 12px;gap:9px}.historyIcon{padding:8px}.historyIcon svg{width:18px}.historyRow strong{font-size:16px}.historyRow small{font-size:8px}.historyRow>b{font-size:12px}.empty{padding:40px 20px}.settingsDialog{padding:22px}.error{font-size:10px;padding:10px 16px}.settingsActions{gap:8px}}