.grade-home-card{margin-top:22px;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#fff,#fff6df)}
.grade-home-card h2{margin:5px 0}.grade-home-card p{color:var(--muted);margin:7px 0 0}.grade-buttons{display:flex;gap:8px;flex-wrap:wrap}.grade-buttons button{width:54px;height:54px;border:1px solid var(--line);background:#fff;border-radius:16px;font-weight:900;cursor:pointer}.grade-buttons button.active{background:var(--coral);color:#fff;border-color:var(--coral);box-shadow:0 8px 18px #ff806944}
.textbook-card{padding:26px;margin-bottom:20px}.textbook-title{display:flex;justify-content:space-between;align-items:center}.textbook-title h2{margin:5px 0 15px}.verified-badge{font-size:12px;font-weight:800;background:var(--mint2);color:#28765a;padding:8px 12px;border-radius:99px}.book-table{display:grid;gap:8px}.book-row{display:grid;grid-template-columns:100px 1.2fr 1fr 1.3fr;align-items:center;gap:12px;padding:12px 14px;border:1px solid #eee5d9;border-radius:14px;background:#fff}.book-row strong{color:#344}.book-row small{color:var(--muted)}.book-row select{width:100%;border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff}.book-note{font-size:12px;color:var(--muted);margin:13px 2px 0}.book-unavailable{opacity:.55}.edition-chip{display:inline-block;padding:6px 9px;border-radius:9px;background:#fff0e9;color:#c9533d;font-size:12px;font-weight:800}
@media(max-width:700px){.grade-home-card{display:block}.grade-buttons{margin-top:18px}.book-row{grid-template-columns:70px 1fr}.book-row>*:nth-child(3),.book-row>*:nth-child(4){grid-column:2}.verified-badge{display:none}}
.task-class-btn{border:0;background:#e7f6ef;color:#26795d;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:800;white-space:nowrap}.lesson-dialog{width:min(680px,92vw);max-height:88vh}.mini-classroom{padding:28px}.mini-head{display:flex;justify-content:space-between;align-items:flex-start}.mini-head h2{margin:6px 0 18px}.circle-close{width:38px;height:38px;border:0;border-radius:50%;font-size:24px;background:#f3eee7;cursor:pointer}.teacher-box{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:18px;border-radius:18px;background:#eaf7f1}.teacher-avatar{font-size:40px}.teacher-box p{line-height:1.8;margin:6px 0 12px}.example-box{padding:17px 19px;margin:13px 0;border-radius:17px;background:#fff4d7}.example-box p{margin:7px 0;line-height:1.7}.quiz-box{padding:20px;border:1px solid var(--line);border-radius:18px}.quiz-box h3{font-size:23px}.mini-options{display:flex;gap:9px;flex-wrap:wrap}.mini-options button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 16px;cursor:pointer}.mini-options button:hover{border-color:var(--coral);color:#d9553e}#miniFeedback{font-weight:800;min-height:24px}.task{grid-template-columns:auto 1fr auto auto}
@media(max-width:600px){.task{grid-template-columns:auto 1fr auto}.task-class-btn{grid-column:2/4}.mini-classroom{padding:20px}}
.pet-portrait>img{position:relative;width:58%;height:74%;object-fit:contain;margin:-9%;z-index:2;cursor:pointer;transform-origin:center 58%;mix-blend-mode:multiply;background:transparent;filter:drop-shadow(0 14px 10px rgba(47,64,54,.18));animation:float 3s ease-in-out infinite;transition:filter .2s}.pet-portrait>img:first-of-type:last-of-type{width:100%;height:100%;margin:0}.pet-portrait>img:hover{filter:drop-shadow(0 17px 12px rgba(47,64,54,.24))}.pet-portrait>img.blinking{animation:petBlink .42s ease-in-out}.pet-portrait{width:320px;height:320px;right:40px;bottom:42px}@keyframes petBlink{0%,100%{transform:scaleY(1)}42%,58%{transform:scaleY(.18) translateY(42%)}65%{transform:scaleY(1.04)}}.pet-egg{position:relative;z-index:3;width:42%;height:58%;margin:-5%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;filter:drop-shadow(0 14px 10px rgba(47,64,54,.16));animation:eggFloat 2.8s ease-in-out infinite}.pet-egg:first-of-type:last-of-type{width:72%;height:82%;margin:0}.painted-egg{position:relative;display:block;width:clamp(72px,65%,118px);aspect-ratio:.78;border:4px solid #8f6f72;border-radius:52% 52% 45% 45%/60% 60% 40% 40%;overflow:hidden;background:radial-gradient(circle at 28% 25%,#fff 0 6%,transparent 7%),radial-gradient(circle at 68% 34%,#f79aae 0 8%,transparent 9%),radial-gradient(circle at 35% 68%,#f8c760 0 7%,transparent 8%),linear-gradient(145deg,#fff9df,#ffd9e6 56%,#f7a9c0);box-shadow:inset 8px 6px 0 rgba(255,255,255,.42),inset -8px -7px 0 rgba(155,84,110,.12),0 12px 0 rgba(109,72,70,.08)}.egg-color-2 .painted-egg{border-color:#5e8d7d;background:radial-gradient(circle at 28% 26%,#fff 0 6%,transparent 7%),radial-gradient(circle at 70% 31%,#f7d45f 0 8%,transparent 9%),radial-gradient(circle at 36% 67%,#78c7a5 0 7%,transparent 8%),linear-gradient(145deg,#fffbe0,#ccefdc 56%,#87cfb5)}.egg-color-3 .painted-egg{border-color:#7e6b9d;background:radial-gradient(circle at 29% 25%,#fff 0 6%,transparent 7%),radial-gradient(circle at 68% 34%,#a989d8 0 8%,transparent 9%),radial-gradient(circle at 35% 69%,#f3a8c7 0 7%,transparent 8%),linear-gradient(145deg,#fff7dc,#e5dcff 56%,#bda8eb)}.painted-egg:before,.painted-egg:after{content:"";position:absolute;left:-12%;width:124%;height:15%;border-radius:50%;background:rgba(255,255,255,.64);transform:rotate(-7deg)}.painted-egg:before{top:42%}.painted-egg:after{top:60%;height:7%;background:rgba(117,86,110,.18)}.painted-egg em{position:absolute;left:50%;top:18%;transform:translateX(-50%) rotate(-8deg);font-style:normal;font-size:clamp(18px,3vw,30px);color:#fff;text-shadow:0 2px 0 rgba(114,75,93,.25)}.egg-speckles,.egg-stripes{position:absolute;inset:0}.egg-speckles:before,.egg-speckles:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#fff3;box-shadow:22px 12px 0 #fff5,44px -3px 0 #fff5,31px 42px 0 rgba(121,83,94,.15),-4px 55px 0 rgba(121,83,94,.12)}.egg-speckles:before{left:18%;top:28%}.egg-speckles:after{right:16%;bottom:20%}.pet-egg b{position:relative;margin-top:10px;background:#fff9;border:1px solid #ead8bd;border-radius:99px;padding:5px 12px;color:#8c6740;box-shadow:0 4px 12px rgba(83,57,40,.08)}.pet-egg.wiggle{animation:eggWiggle .55s ease-in-out}@keyframes eggFloat{50%{transform:translateY(-7px)}}@keyframes eggWiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}}.pet-card img{mix-blend-mode:multiply}.pet-card.selected:after{content:'已选择';display:block;margin-top:5px;color:#d9553e;font-size:11px;font-weight:900}.class-video-box{min-height:300px;border:2px dashed #dacdbd;border-radius:20px;background:#fbfaf6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--muted)}.class-video-box>span{font-size:46px}.class-video-box h3{color:var(--ink);margin:8px 0}.class-video-box p{margin:0 0 18px}.class-video-box video{width:100%;max-height:430px;border-radius:17px;background:#111}.quiz-box.locked{opacity:.45;pointer-events:none;margin-top:14px}.quiz-box:not(.locked){margin-top:14px;border-color:var(--mint);box-shadow:0 8px 24px #86ceb126}
@media(max-width:600px){.pet-portrait{width:285px;height:285px;right:50%;bottom:76px}}
.danger-btn{color:#b55d56;border-color:#efd5d1}.no-pet{position:relative;z-index:3;width:170px;height:170px;border:2px dashed #cfbfa9;border-radius:50%;background:#fff8;color:#9b8165;font-size:46px;cursor:pointer}.no-pet small{display:block;font-size:13px;font-weight:800}.pet-portrait>img:hover{animation:none!important}#farewellTitle{position:fixed;left:50%;top:50%;z-index:100;transform:translate(-50%,-42%) scale(.9);opacity:0;pointer-events:none;background:#fffaf1;border:2px solid #f0d8bd;border-radius:26px;padding:27px 38px;text-align:center;box-shadow:0 26px 90px #47352548;transition:.28s}#farewellTitle span{font-size:38px}#farewellTitle h2{font-family:KaiTi,serif;margin:9px 0 0;color:#76543c;white-space:nowrap}#farewellTitle.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cute-status{position:relative;overflow:visible;background:#fffdf8;border:2px solid #f3d9d0;box-shadow:0 12px 0 #f8e6df,0 20px 40px rgba(121,84,65,.10)}.cute-status:before{content:"";position:absolute;inset:7px;border:1px dashed #efc8bc;border-radius:21px;pointer-events:none}.cute-status h2{font-family:KaiTi,STKaiti,serif;color:#704f49;font-size:25px}.bow{position:absolute;font-size:31px;z-index:3;filter:drop-shadow(0 3px 2px #b8786d33)}.bow-left{left:-12px;top:-17px;transform:rotate(-12deg)}.sparkle{position:absolute;right:17px;top:-11px;color:#e9b953;font-size:27px}.pet-sticker{background:#fff1f2;color:#bd606c;border:1px solid #efc7ce;transform:rotate(2deg);box-shadow:2px 3px 0 #f4dce0}.flower-progress{background:#fff8e7;border-radius:18px;padding:13px;margin:22px 0 16px}.flower-progress .progress{background:#f2e3ca;height:13px;border:2px solid #fff}.flower-progress .progress i{background:repeating-linear-gradient(45deg,#f3b1a9 0 8px,#ffd5a6 8px 16px)}.stat-grid .doodle-card{border:0;box-shadow:2px 3px 0 rgba(121,84,65,.10);transform:rotate(-.6deg)}.stat-grid .doodle-card:nth-child(even){transform:rotate(.7deg)}.doodle-card.peach{background:#fff0e6}.doodle-card.pink{background:#fff0f5}.doodle-card.yellow{background:#fff7d8}.doodle-card.mint{background:#eaf8ef}.doodle-card small{font-size:11px;color:#806d67}.cute-status .home-upgrade{position:relative;background:#fbe8ec;color:#a75567;border:1px dashed #dc9fae;font-family:KaiTi,serif;font-size:15px}.cute-status .home-upgrade:hover{transform:translateY(-2px);background:#ffeef2}
.pet-portrait{perspective:900px;transform-style:preserve-3d}.pet-portrait:after{content:"";position:absolute;left:15%;right:15%;bottom:4%;height:13%;border-radius:50%;background:radial-gradient(ellipse,rgba(76,54,37,.28),rgba(76,54,37,.08) 48%,transparent 72%);filter:blur(6px);transform:rotateX(68deg);z-index:1}.pet-portrait>img{transform-style:preserve-3d;will-change:transform,filter}.pet-portrait>img:hover{transform:translateZ(25px) rotateX(-3deg) rotateY(4deg) scale(1.035);filter:drop-shadow(-7px 19px 12px rgba(55,42,31,.27)) drop-shadow(3px -3px 2px rgba(255,255,255,.55))}.pet-glow{background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.98),rgba(255,246,210,.62) 38%,rgba(139,207,179,.22) 62%,transparent 74%);filter:blur(1px);transform:translateZ(-20px)}.pet-egg{transform-style:preserve-3d;text-shadow:0 -3px 1px rgba(255,255,255,.7),0 13px 10px rgba(87,62,38,.2)}
.pet-charms{display:flex;align-items:flex-start;justify-content:space-around;gap:7px;padding:9px 2px 13px}.stat-grid.pet-charms .charm{position:relative;display:flex;flex-direction:column;align-items:center;width:68px;padding:0;background:transparent;border:0;box-shadow:none;transform:none}.charm-icon{display:grid!important;place-items:center;width:58px;height:58px;margin:0!important;border-radius:46% 54% 50% 48%;font-size:28px!important;border:2px solid #fff;box-shadow:0 5px 0 rgba(115,76,56,.11),inset 0 2px 7px rgba(255,255,255,.9);transform:rotate(-3deg)}.charm:nth-child(even) .charm-icon{transform:rotate(4deg)}.charm.peach .charm-icon{background:#ffdccc}.charm.pink .charm-icon{background:#ffdce8}.charm.yellow .charm-icon{background:#ffedab}.charm.mint .charm-icon{background:#cef0dc}.stat-grid.pet-charms .charm b{font-family:KaiTi,STKaiti,serif;font-size:15px;margin-top:9px;max-width:76px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-grid.pet-charms .charm small{margin:2px 0 0;color:#a18478;font-size:10px}.charm:after{content:"";position:absolute;top:4px;right:5px;width:8px;height:8px;border-radius:50%;background:#fff9;box-shadow:-4px 5px 0 -2px #fff8}@media(max-width:420px){.pet-charms{gap:2px}.stat-grid.pet-charms .charm{width:60px}.charm-icon{width:51px;height:51px;font-size:24px!important}}
body.has-custom-background{background-image:linear-gradient(rgba(255,252,245,.76),rgba(248,250,244,.82)),var(--chosen-bg);background-size:cover;background-position:center top;background-attachment:fixed}.has-custom-background .topbar{background:rgba(255,255,255,.86)}.has-custom-background main>.view{padding:18px;border-radius:34px;background:rgba(255,252,246,.38);backdrop-filter:blur(2px)}.background-dialog{width:min(820px,92vw);max-height:88vh}.background-picker-panel{padding:27px}.background-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;max-height:58vh;overflow:auto;padding:5px}.background-choice{position:relative;border:3px solid transparent;background:#fff;border-radius:17px;padding:5px;cursor:pointer;box-shadow:0 5px 14px #4e42321b;transition:.2s}.background-choice:hover{transform:translateY(-3px)}.background-choice.selected{border-color:var(--coral);box-shadow:0 0 0 3px #ff80692b}.background-choice img{display:block;width:100%;height:145px;object-fit:cover;border-radius:11px}.background-choice span{position:absolute;right:10px;bottom:10px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#795f52;font-size:11px;font-weight:900}.clear-background{display:block;margin:18px auto 0}@media(max-width:650px){.background-gallery{grid-template-columns:repeat(3,1fr)}.background-choice img{height:115px}.bg-picker-btn{display:block!important;padding:8px}}
.classroom-grade-card{position:relative;margin:0 0 22px;border:2px solid #f2cfc5;box-shadow:0 8px 0 #f8e3dc,0 16px 35px rgba(102,73,57,.08)}.classroom-grade-card:before{content:"先选这里";position:absolute;right:22px;top:-12px;background:#ff8069;color:#fff;border-radius:99px;padding:5px 11px;font-size:11px;font-weight:900;transform:rotate(3deg)}
.pet-actions button{display:inline-flex;align-items:center;gap:8px}.btn-icon{position:relative;display:inline-block;flex:0 0 auto;width:22px;height:19px}.bowl-icon:before{content:"";position:absolute;left:1px;right:1px;top:5px;height:10px;border:2px solid currentColor;border-top-width:3px;border-radius:3px 3px 11px 11px;transform:rotate(-2deg)}.bowl-icon:after{content:"";position:absolute;left:5px;right:5px;bottom:0;height:2px;border-radius:4px;background:currentColor;box-shadow:3px -12px 0 -1px currentColor}.toy-icon{width:20px;height:20px;border:2px solid #d16d66;border-radius:50%;background:linear-gradient(135deg,#ffd36d 0 43%,#fff4cb 44% 55%,#ef8b83 56%);transform:rotate(-9deg);box-shadow:1px 2px 0 #c17b7044}.toy-icon:after{content:"";position:absolute;width:5px;height:5px;right:-5px;top:-4px;border:2px solid #65a98b;border-left:0;border-bottom:0;border-radius:50%;transform:rotate(20deg)}
.today-card,.diary-card{position:relative;overflow:visible;border:2px solid #8b6c58;box-shadow:7px 9px 0 rgba(139,108,88,.14),0 18px 35px rgba(84,61,46,.08)}.today-card{background:#fff9df;transform:rotate(-.15deg)}.diary-card{background:#fff3f6;transform:rotate(.2deg)}.today-card:before,.diary-card:before{content:"";position:absolute;left:50%;top:-11px;width:88px;height:22px;background:rgba(255,201,119,.68);transform:translateX(-50%) rotate(-2deg);clip-path:polygon(3% 10%,97% 0,94% 90%,7% 100%);z-index:3}.diary-card:before{background:rgba(177,221,203,.75);transform:translateX(-50%) rotate(3deg)}.today-card:after{content:"★";position:absolute;right:20px;top:-18px;color:#f3b44f;font-size:31px;transform:rotate(12deg);text-shadow:2px 3px 0 #fff}.diary-card:after{content:"✎";position:absolute;right:17px;top:-20px;color:#d98194;font-size:34px;transform:rotate(-13deg);text-shadow:2px 3px 0 #fff}.today-card .section-title h2,.diary-card .section-title h2{font-family:KaiTi,STKaiti,serif;font-size:29px;color:#684b3e}.today-card .eyebrow,.diary-card .eyebrow{letter-spacing:.06em;color:#a46c58}.today-card .circle-btn{border:2px solid #7d5e4c;background:#ff9b7c;box-shadow:3px 4px 0 #d77a62;transition:.15s}.today-card .circle-btn:active{transform:translate(3px,4px);box-shadow:none}.today-card .task-list{gap:12px}.today-card .task{position:relative;border:1.5px solid #b99b7b;border-radius:8px 17px 10px 15px;background:#fffdf3;box-shadow:3px 4px 0 rgba(148,111,78,.10);transform:rotate(-.18deg)}.today-card .task:nth-child(even){background:#f2fbf5;transform:rotate(.24deg)}.today-card .task:nth-child(3n){background:#fff1f3}.today-card .task:before{content:"";position:absolute;left:-5px;top:50%;width:10px;height:10px;border-radius:50%;background:#f2d6aa;box-shadow:0 -18px 0 #f2d6aa,0 18px 0 #f2d6aa;transform:translateY(-50%)}.today-card .task input{appearance:none;width:23px;height:23px;border:2px solid #b67d69;border-radius:8px;background:#fff;display:grid;place-items:center;cursor:pointer}.today-card .task input:checked{background:#8fc8a9;border-color:#659b7e}.today-card .task input:checked:after{content:"✓";color:#fff;font-weight:900;font-size:16px}.today-card .task b{font-family:KaiTi,STKaiti,serif;font-size:17px}.today-card .subject-chip{background:#ffe2d9;border:1px dashed #dd9d8b}.today-card .task-class-btn{border:1.5px solid #75a88e;background:#e3f5ea;box-shadow:2px 2px 0 #b9ddc9}.diary-card textarea{border:1.5px solid #b79488;border-radius:12px;background-color:#fffdfb;background-image:repeating-linear-gradient(transparent 0 29px,#ead6d9 30px 31px);line-height:31px;padding:7px 14px 7px 40px;box-shadow:inset 0 0 0 5px #fff9}.diary-card textarea:focus{outline:2px solid #e4aab6}.diary-card .mood-picker button{border:1px solid #d9b8ae;background:#fffaf3;box-shadow:2px 2px 0 #ead3cc;transition:.15s}.diary-card .mood-picker button:hover{transform:translateY(-3px) rotate(-5deg)}.diary-card .primary-btn{background:#df8fa0;box-shadow:4px 5px 0 #bd7181}.diary-card blockquote{border:1px dashed #cba7a0;background:#fff9dc;transform:rotate(-.5deg);box-shadow:3px 3px 0 #ecdcd0}@media(max-width:700px){.today-card,.diary-card{transform:none}.today-card:after,.diary-card:after{right:10px}}
.mobile-nav{display:none}
@media(max-width:700px){html{scroll-behavior:smooth}body{padding-bottom:calc(78px + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-size:16px}.topbar{height:62px;padding:0 12px;gap:8px}.brand-mark{width:37px;height:37px;border-radius:12px;font-size:19px}.brand b{font-size:14px}.topbar .bg-picker-btn{display:inline-flex!important;margin-left:auto;font-size:0;width:42px;height:42px;align-items:center;justify-content:center;padding:0;border-radius:50%}.topbar .outline-btn:not(.bg-picker-btn){display:none}main{width:100%;padding:14px 11px 26px}.has-custom-background main>.view{padding:7px;border-radius:22px}.hero-grid{display:block}.pet-stage{min-height:540px;padding:25px 20px;border-radius:23px}.pet-copy{max-width:100%;text-align:center}.pet-copy h1{font-size:34px}.pet-copy p{font-size:13px}.pet-portrait{width:290px;height:290px;right:50%;bottom:135px;transform:translateX(50%)}.pet-actions{left:14px;right:14px;bottom:16px;display:flex;justify-content:flex-start;gap:8px;overflow-x:auto;padding:5px 3px 8px;scrollbar-width:none}.pet-actions::-webkit-scrollbar{display:none}.pet-actions button{flex:0 0 auto;min-height:44px;padding:10px 13px}.status{margin-top:14px;padding:23px 17px;border-radius:23px}.cute-status h2{font-size:22px}.flower-progress{margin:17px 0 12px}.content-grid{display:block;margin-top:14px}.today-card,.diary-card{padding:22px 16px;border-radius:22px}.diary-card{margin-top:18px}.today-card .section-title h2,.diary-card .section-title h2{font-size:25px}.today-card .task{grid-template-columns:auto minmax(0,1fr) auto;padding:12px 10px;gap:9px}.today-card .task b{font-size:16px}.today-card .task-class-btn{grid-column:2/4;width:max-content;min-height:38px}.task-footer{gap:8px;align-items:center}.grade-home-card{padding:20px 15px;border-radius:21px}.grade-buttons{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:8px}.grade-buttons button{width:100%;height:49px}.course-head{margin-bottom:17px}.course-head h1{font-size:32px}.course-head p{font-size:13px}.selectors{display:grid;grid-template-columns:1fr 1fr;width:100%}.selectors select{width:100%;padding:11px}.textbook-card{padding:18px 14px;border-radius:21px}.subject-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;padding:3px 1px 9px;scrollbar-width:none}.subject-tabs::-webkit-scrollbar{display:none}.subject-tabs button{flex:0 0 auto;min-height:43px}.lesson-grid{grid-template-columns:1fr}.lesson{border-radius:19px;padding:18px}.lesson-actions button{min-height:42px}.practice-panel{display:block;padding:20px 16px}.practice-options button{min-width:62px;min-height:46px}.pet-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:9px;scrollbar-width:none}.pet-tabs::-webkit-scrollbar{display:none}.pet-tabs button{flex:0 0 auto;min-height:42px}.pet-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pet-card{border-radius:16px}.pet-card img{height:132px}.search-box{display:flex;margin-top:14px;width:100%}.search-box input{min-width:0;width:100%}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(3,1fr);left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));height:64px;padding:5px;background:rgba(255,253,249,.94);border:1.5px solid #e9cfc4;border-radius:22px;box-shadow:0 8px 30px rgba(70,48,38,.22);backdrop-filter:blur(16px);z-index:80}.mobile-nav .nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px;border-radius:17px;color:#8c756a}.mobile-nav .nav-btn span{display:grid;place-items:center;width:25px;height:25px;font-family:KaiTi,serif;font-size:19px}.mobile-nav .nav-btn b{font-size:10px}.mobile-nav .nav-btn.active{background:#ffeae4;color:#b85f53}.background-dialog,.lesson-dialog{width:calc(100vw - 18px);max-width:none;max-height:calc(100dvh - 22px);margin:auto;border-radius:23px}.background-picker-panel,.mini-classroom{padding:20px 14px}.background-gallery{grid-template-columns:repeat(2,1fr);max-height:62dvh;gap:9px}.background-choice img{height:160px}.class-video-box{min-height:240px}.mini-options button{min-height:45px}.dialog-actions button{min-height:44px}#farewellTitle{width:calc(100vw - 38px);padding:23px 15px}#farewellTitle h2{font-size:20px;white-space:normal}.pet-charms{gap:2px}.stat-grid.pet-charms .charm{width:24%}}
@media(max-width:370px){.pet-stage{min-height:520px}.pet-portrait{width:260px;height:260px}.pet-actions button{font-size:12px}.background-choice img{height:135px}}
.grade-and-book{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.semester-buttons{display:flex;gap:8px}.semester-buttons button{min-width:88px;border:2px solid #d8a78f;background:#fff8ec;color:#805f50;border-radius:14px 9px 15px 10px;padding:10px 15px;font-family:KaiTi,STKaiti,serif;font-size:17px;font-weight:900;cursor:pointer;box-shadow:3px 4px 0 #ead0c1}.semester-buttons button.active{background:#ff9b7c;color:#fff;border-color:#bd705d;transform:translateY(2px);box-shadow:1px 2px 0 #c97863}.course-head{position:relative;padding:24px 27px;background:#e8f3e8;border:3px solid #6e8f75;border-radius:18px 28px 20px 25px;box-shadow:6px 8px 0 #cadbc9;margin-bottom:25px}.course-head:before{content:"";position:absolute;left:19px;right:19px;top:8px;bottom:8px;border:1px dashed #9ab39c;border-radius:14px;pointer-events:none}.course-head>div{position:relative;z-index:1}.course-head h1{font-family:KaiTi,STKaiti,serif;color:#47604b;margin-top:5px}.course-head .eyebrow{color:#8b6352}.course-head .selectors select{border:2px solid #9ab39c;background:#fffdf4;box-shadow:2px 3px 0 #c7d9c8}.classroom-grade-card{background:#fff5da;border-color:#d6a77d;box-shadow:6px 7px 0 #efdcc0}.classroom-grade-card:before{background:#ee896c}.classroom-grade-card h2{font-family:KaiTi,STKaiti,serif;color:#735345}.subject-tabs{padding:11px 12px 15px;background:#fffdf5;border:2px dashed #d5b99c;border-radius:20px}.subject-tabs button{border:2px solid #caa98c;border-radius:13px 18px 12px 17px;background:#fff4df;color:#73584b;box-shadow:2px 3px 0 #ead6c3;font-family:KaiTi,STKaiti,serif;font-weight:900}.subject-tabs button:nth-child(2){background:#e8f5ed}.subject-tabs button:nth-child(3){background:#e9f1ff}.subject-tabs button:nth-child(4){background:#fff0f4}.subject-tabs button:nth-child(5){background:#f2edff}.subject-tabs button.active{background:#ff987b;color:#fff;border-color:#b96e5c;transform:translateY(2px);box-shadow:none}.lesson-grid{gap:19px}.lesson{border:2px solid #a98b72;border-radius:11px 22px 13px 19px;background:#fffdf1;box-shadow:5px 6px 0 rgba(145,106,73,.14);transform:rotate(-.18deg);overflow:visible}.lesson:nth-child(even){background:#f1faf3;transform:rotate(.25deg)}.lesson:nth-child(3n){background:#fff2f5}.lesson:before{content:"";position:absolute;width:58px;height:17px;left:50%;top:-9px;transform:translateX(-50%) rotate(-2deg);background:#f6d39b99;clip-path:polygon(2% 10%,98% 0,94% 95%,7% 100%)}.lesson-num{display:inline-block;background:#ffe1cf;border-radius:99px;padding:5px 9px;color:#a85e4d}.lesson h3{font-family:KaiTi,STKaiti,serif;font-size:20px}.lesson-actions button{border:1.5px solid #a98b72!important;box-shadow:2px 3px 0 #e3cdb9}.practice-panel{border:2px solid #8ea88e;background:#eef8ed;border-radius:25px 15px 27px 18px;box-shadow:6px 7px 0 #d1e1ce}.practice-panel h2{font-family:KaiTi,STKaiti,serif;color:#526d54}.practice-options button{border:2px solid #9db19a;border-radius:50% 45% 52% 43%;background:#fffdf4;box-shadow:2px 3px 0 #c8d8c5}@media(max-width:700px){.course-head{padding:20px 16px;border-radius:18px}.grade-and-book{width:100%;align-items:stretch;margin-top:15px}.semester-buttons button{flex:1}.classroom-grade-card{display:block}.subject-tabs{border-radius:16px}.lesson{transform:none!important}}
.focus-notebook{position:relative;margin:0 0 24px;padding:24px;border:2px solid #9c806c;border-radius:14px 24px 16px 21px;background:#fffbed;box-shadow:6px 7px 0 #eadbc5}.focus-notebook:before{content:"";position:absolute;left:18px;top:-9px;width:74px;height:18px;background:#b9ddcd99;transform:rotate(-3deg);clip-path:polygon(2% 5%,98% 0,94% 95%,6% 100%)}.focus-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.focus-heading h2{margin:5px 0 16px;font-family:KaiTi,STKaiti,serif;font-size:25px;color:#654d42}.focus-heading>span{padding:7px 11px;border:1px dashed #ce927f;border-radius:99px;background:#ffe8df;color:#a96051;font-weight:900;font-size:12px;transform:rotate(2deg)}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.focus-grid button{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;text-align:left;border:1.5px solid #bca08a;border-radius:10px 16px 11px 15px;background:#fffdf6;padding:12px;cursor:pointer;box-shadow:2px 3px 0 #ead8c8}.focus-grid button:nth-child(even){background:#eef8f1}.focus-grid button:nth-child(3n){background:#fff0f3}.focus-grid button>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ffb099;color:#fff;font-weight:900}.focus-grid button b{font-family:KaiTi,STKaiti,serif;font-size:16px;color:#674e43}.focus-grid button small{grid-column:2;color:#ae7867}.focus-grid button:hover{transform:translateY(-2px) rotate(-.4deg)}.practice-panel #practiceFeedback{font-size:13px;color:#6d7f68}.practice-options button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:700px){.focus-notebook{padding:19px 14px}.focus-grid{grid-template-columns:1fr 1fr}.focus-grid button{padding:10px}.focus-heading h2{font-size:22px}}@media(max-width:400px){.focus-grid{grid-template-columns:1fr}}
#courses{position:relative}.course-doodles{position:absolute;inset:0;pointer-events:none;z-index:4;font-family:KaiTi,STKaiti,serif}.course-doodles span{position:absolute;display:grid;place-items:center;color:#9b705e;background:#fffaf0;border:1px solid #ddbea8;box-shadow:2px 3px 0 rgba(141,100,73,.12);line-height:1}.doodle-cat{right:19%;top:-17px;width:52px;height:30px;border-radius:50% 45% 48% 42%;font-size:17px;transform:rotate(5deg)}.doodle-dog{right:2%;top:112px;width:60px;height:29px;border-radius:45% 55% 42% 50%;font-size:13px;transform:rotate(-7deg);background:#fff0dc!important}.doodle-bow{left:-10px;top:183px;width:35px;height:30px;border-radius:50%;font-size:22px;color:#cf788d!important;background:#ffeaf0!important;transform:rotate(-14deg)}.doodle-heart{right:-8px;top:345px;width:31px;height:31px;border-radius:50%;font-size:24px;color:#df7e83!important;background:#fff0f1!important;transform:rotate(9deg)}.doodle-flower{left:-9px;top:510px;width:32px;height:32px;border-radius:50%;font-size:21px;color:#d99c48!important;background:#fff4c9!important}.doodle-star{right:-7px;top:670px;width:34px;height:34px;border-radius:45% 55% 47% 50%;font-size:25px;color:#e0a340!important;background:#fff7d5!important;transform:rotate(12deg)}.doodle-pencil{left:7px;top:790px;width:32px;height:36px;border-radius:50%;font-size:25px;color:#7e9fc7!important;background:#edf5ff!important;transform:rotate(-18deg)}.lesson:nth-child(odd):after{content:"♡";position:absolute;right:10px;top:9px;color:#e3a3ac;font-size:17px;transform:rotate(10deg)}.lesson:nth-child(even):after{content:"☆";position:absolute;right:10px;top:9px;color:#d9ad56;font-size:18px;transform:rotate(-8deg)}.focus-notebook:after{content:"✿  ୨୧";position:absolute;right:20px;bottom:-12px;padding:4px 9px;border-radius:99px;background:#fff1f3;border:1px solid #e5bac1;color:#ce7d8d;font-size:14px;transform:rotate(3deg)}.practice-panel:after{content:"ᓚᘏᗢ";position:absolute;right:18px;bottom:-12px;padding:5px 10px;border:1px solid #b7cdb5;border-radius:99px;background:#f7fff4;color:#738e70;font-family:KaiTi,serif;font-size:14px;transform:rotate(-3deg)}.practice-panel{position:relative}@media(max-width:700px){.course-doodles .doodle-dog,.course-doodles .doodle-pencil{display:none}.doodle-cat{right:13%;top:-9px}.doodle-bow{left:-4px;top:218px}.doodle-heart{right:-3px;top:430px}.doodle-flower{left:-3px;top:610px}.doodle-star{right:-3px;top:850px}.course-doodles span{transform:scale(.86)}}