.holo-card{min-width:0;--holo-accent: #dcebb0;--holo-dark: #163b35;color:#f8f6de}.holo-ocean{--holo-dark: #163c52}.holo-interaction{perspective:1000px;padding:8px}.holo-surface{--rx: 0deg;--ry: 0deg;--px: 0px;--py: 0px;--light-x: 35%;--light-y: 25%;position:relative;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out;border-radius:22px;padding:2px;background:linear-gradient(135deg,#f4e5ad,#80c7b4 25%,#b2b9df 46%,#ffebad 68%,#719f96);box-shadow:0 14px 26px #15382e24,0 2px 5px #15382e26}.holo-front{aspect-ratio:3/4.2;border-radius:20px;position:relative;overflow:hidden;isolation:isolate;background:var(--holo-dark);display:flex;flex-direction:column;padding:20px}.holo-front:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid #e3e3b647;border-radius:13px;pointer-events:none;z-index:6}.holo-environment{position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;background:radial-gradient(ellipse at 50% 38%,#d8e5b8 0%,#91b49a 24%,#426f5c 47%,var(--holo-dark) 72%);transform:translate(calc(var(--px) * -.5),calc(var(--py) * -.5));z-index:-2}.holo-ocean .holo-environment{background:radial-gradient(ellipse at 50% 38%,#c5edf0 0%,#8cbdbf 25%,#39748a 48%,var(--holo-dark) 72%)}.holo-orbit{position:absolute;top:17%;left:12%;width:76%;aspect-ratio:1;border:1px solid #fff3c15e;border-radius:50%;box-shadow:0 0 0 11px #fff4c00a,0 0 0 12px #fff4c022,0 0 0 40px #fff4c009;transform:translate(calc(var(--px) * -.6),calc(var(--py) * -.6));z-index:-1}.holo-top,.holo-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:1px;position:relative;z-index:4}.holo-top>span:first-child,.holo-footer>span:first-child{display:flex;align-items:center;gap:5px}.holo-top{color:#f9f4cd}.holo-top>span:last-child{font-family:monospace;letter-spacing:2px}.holo-edition{font-size:8px;letter-spacing:2.5px;margin-top:14px;color:#eaf2d0;z-index:4}.holo-edition span{margin:0 6px}.holo-art{flex:1;min-height:0;position:relative;z-index:2;transform:translate(var(--px),var(--py));display:flex;align-items:center;justify-content:center;margin:0 -12px}.holo-art .pet-image{width:100%;height:100%;position:absolute;max-height:none;filter:drop-shadow(0 15px 9px #092e3540)}.holo-title{position:relative;z-index:4;padding:3px 0 15px;text-shadow:0 2px 12px #0a2928a0}.holo-category{font-size:9px;letter-spacing:2px;color:var(--holo-accent)}.holo-title h3{font-size:30px!important;line-height:1.3;margin:5px 0 3px!important;font-weight:600;letter-spacing:3px;color:#fffbe5}.holo-title i{font-family:Georgia,serif;font-size:12px;color:#e0e9d8;overflow-wrap:anywhere}.holo-footer{border-top:1px solid #dae8c23d;padding-top:12px;font-size:8px;letter-spacing:.5px;color:#dce9d4}.holo-spark{position:absolute;color:#fff0ba;z-index:3;transform:translate(calc(var(--px) * 1.5),calc(var(--py) * 1.5));text-shadow:0 0 15px #fff1bc}.spark-one{top:26%;right:13%;font-size:25px}.spark-two{top:51%;left:12%;font-size:18px}.holo-foil,.holo-glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;border-radius:20px}.holo-foil{background:repeating-linear-gradient(118deg,transparent 0%,#a2fff544 12%,#c8b4ff44 22%,#f5adcf33 30%,#f5e6a855 40%,transparent 50%);background-size:250% 250%;background-position:var(--light-x) var(--light-y);mix-blend-mode:soft-light;opacity:.6}.holo-glare{background:radial-gradient(circle at var(--light-x) var(--light-y),#fffbea60,transparent 52%);mix-blend-mode:soft-light;opacity:.65}.holo-interaction:hover .holo-foil{opacity:1}.holo-back{min-height:420px;padding:25px 21px;border-radius:20px;background:var(--holo-dark);color:#f4f3d8}.holo-back-heading{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:2px;color:var(--holo-accent);margin-bottom:18px}.holo-back h3{font-size:25px;margin:0}.holo-back .animal-knowledge{background:transparent;padding:0;margin:16px 0}.holo-back .animal-knowledge :is(p,dt,dd,a,.knowledge-title,.knowledge-title small){color:#e1ecd7}.holo-back .animal-fact{font-size:13px}.holo-back .wildlife-pledge{border-color:#e7ecc02b}.holo-back .animal-knowledge dl>div{display:block}.holo-back .animal-knowledge dd{margin-top:4px;line-height:1.7}.holo-back-note{font-size:11px;color:var(--holo-accent);line-height:1.8}.holo-controls{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 8px 2px;color:#6d7e6b;font-size:10px}.holo-controls button{min-height:36px;padding:6px 9px;gap:5px;font-size:11px;border:1px solid #cbd9c3;border-radius:20px;background:#f9fbf4;flex-shrink:0}.holo-controls button:focus-visible{outline:3px solid #71967b;outline-offset:3px}.atlas-featured-card{max-width:350px;margin:0 auto 18px}.atlas-profile .atlas-stages{margin-top:18px}.collection-grid:has(.holo-card){gap:20px;padding:2px}.holo-collection-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 4px 12px;color:#506b50;font-size:13px}.holo-collection-heading span{font-size:11px;color:#819077}@media(max-width:700px){.holo-front{padding:20px}.holo-controls>span{font-size:9px}.atlas-featured-card{max-width:330px}}@media(prefers-reduced-motion:reduce){.holo-surface{transform:none!important;transition:none}.holo-art,.holo-environment,.holo-orbit,.holo-spark{transform:none!important}.holo-foil{background-position:35% 25%!important}.holo-glare{background:linear-gradient(135deg,#fffbea30,transparent)}}:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#354b40;background:#f5f6f0;font-synthesis:none;--green: #416c53;--muted: #7c887c;--line: #e4e9dc;--cream: #f5f6f0}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:9px;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;transition:background .15s,transform .15s}button:hover{background:#edf2e6}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b1cd90;outline-offset:2px}input,textarea,select{border:1px solid #dce2d4;background:#fff;border-radius:9px;padding:12px;color:#354b40;width:100%;margin-top:8px}textarea{resize:vertical;line-height:1.8}label{display:block;font-size:14px;font-weight:600}h1,h2,h3,p{margin:0}h1{font-size:23px;font-weight:650}h2{font-size:22px}h3{font-size:17px}.muted,small{color:var(--muted)}.muted{font-size:14px;line-height:1.7}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#33583f}.wide{width:100%}.text-button{border:0;background:transparent}.error{color:#9b603d;background:#fff2df;padding:12px;border-radius:9px}.error-banner{padding:12px 24px;background:#f7e5ca;color:#754a30}.eyebrow{font-size:13px;font-weight:600;letter-spacing:2px;color:#78925b}.setup{max-width:1100px;margin:5vh auto;min-height:86vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:0 15px 60px #37442e08}.welcome{background:#edf1e4;padding:42px;display:flex;flex-direction:column;justify-content:center}.brand{display:flex;gap:10px;align-items:center;font-weight:650;font-size:18px}.setup-art{display:flex;align-items:end;height:230px;position:relative;margin:30px -20px 10px}.setup-art img{width:38%;margin-left:-4%}.setup-art img:first-child{width:42%;transform:translateY(-30px)}.welcome h1{font-size:32px;line-height:1.55;margin:15px 0}.welcome p{font-size:15px;line-height:2;color:#78826e}.local-note{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:50px;color:#6a7b5f}.setup-form{padding:48px;display:flex;flex-direction:column;justify-content:center;gap:20px}.setup-form h2{margin-top:-9px}.app-header{height:82px;border-bottom:1px solid var(--line);background:#fbfcf8;display:flex;align-items:center;padding:0 30px;justify-content:space-between;gap:20px}.identity{display:flex;align-items:center;gap:12px;min-width:260px}.identity strong{font-size:19px}.identity small{display:block;font-size:12px;letter-spacing:2px;margin-top:3px}.logo{background:#426b52;color:#e9efde;padding:9px;border-radius:13px;display:flex}.app-header nav{display:flex;gap:6px;padding:5px;background:#f0f2e9;border-radius:12px}.app-header nav button{border:0;background:transparent;min-width:94px}.app-header nav button.active{background:#fff;color:#416b52;box-shadow:0 2px 6px #223b2310;font-weight:650}.header-tools{display:flex;align-items:center;gap:12px}.header-tools button{background:transparent}.save-state{font-size:12px;color:#819076;margin-right:7px}.page-bar{display:flex;align-items:center;justify-content:space-between;padding:20px 30px 18px;min-height:93px}.page-bar h1 span{font-size:13px;font-weight:400;color:#7b8775;margin-left:13px}.page-bar p{font-size:13px;color:#8a9282;margin-top:7px}.growth-legend{display:flex;align-items:center;gap:12px;font-size:12px;color:#8a967c}.growth-legend i{width:17px;height:1px;background:#bdc8b1}.student-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(132px,calc((100dvh - 222px) / 6));gap:10px;padding:0 26px}.student-card{background:#fff;border:1px solid #e3e8dc;border-radius:13px;padding:10px 12px 9px;display:flex;flex-direction:column;min-width:0;box-shadow:0 2px 3px #354b4003;position:relative}.student-card:hover{border-color:#bbcfae}.student-heading{display:flex;gap:7px;align-items:center;min-height:22px}.student-no{font-size:12px;font-variant-numeric:tabular-nums;background:#f0f2e9;padding:2px 5px;border-radius:5px;color:#8b957e}.student-heading h2{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.points{margin-left:auto;font-size:13px;color:#b49453;white-space:nowrap}.points b{font-weight:500;font-variant-numeric:tabular-nums}.pet-button{border:0;background:none;padding:0;position:relative;min-height:0;flex:1;width:100%;overflow:visible}.pet-button:hover{background:none}.pet-image{height:100%;width:100%;object-fit:contain;max-height:125px;-webkit-user-select:none;user-select:none}.pet-status{display:flex;gap:7px;align-items:center;font-size:12px;color:#6a7d5a}.pet-status small{font-size:12px}.growth-value{margin-left:auto;font-variant-numeric:tabular-nums}.progress-track{height:4px;background:#eef1e6;border-radius:4px;margin:5px 0 7px;overflow:hidden}.progress-track>div{height:100%;background:#a7bd7c;border-radius:4px;transition:width .2s}.point-buttons{display:flex;gap:8px}.point-buttons button{padding:2px 8px;min-height:25px;flex:1;font-size:13px;background:#f6f7f2;border-color:#edf0e7}.point-buttons button:last-child{background:#eaf1e0;border-color:#e3ebd7;color:#55783e}.point-buttons button:hover{background:#d8e7c7}.page-footer{display:flex;justify-content:space-between;padding:14px 30px;font-size:12px;color:#8b9580}.feedback{position:absolute;left:55%;top:15%;font-size:19px;font-weight:650;color:#6d8d46;animation:float .75s both;pointer-events:none;white-space:nowrap}.feedback.evolution{left:50%;transform:translate(-50%);background:#fff8e5;box-shadow:0 3px 10px #57633310;padding:7px 10px;border-radius:12px;font-size:13px;animation:evolve 1.9s both;z-index:1}.bounce .pet-image{animation:bounce .65s}.sad .pet-image{animation:sad .75s}.reveal .pet-image{animation:reveal 1.9s}.evolve .pet-image{animation:bounce 1.2s}.loading{padding:20vh;text-align:center}@keyframes float{0%{opacity:0;transform:translateY(8px)}25%{opacity:1}to{opacity:0;transform:translateY(-25px)}}@keyframes bounce{35%{transform:translateY(-6px) rotate(-3deg)}70%{transform:rotate(3deg)}}@keyframes sad{40%{transform:translateY(4px) rotate(-5deg);filter:saturate(.7)}}@keyframes reveal{0%,20%{transform:rotate(-5deg)}10%,30%{transform:rotate(5deg)}45%{opacity:.3;filter:brightness(1.8);transform:scale(.7)}70%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes evolve{0%{opacity:0;translate:0 5px}20%,80%{opacity:1;translate:0 0}to{opacity:0;translate:0 -10px}}@media(min-height:950px){.student-grid{grid-auto-rows:minmax(142px,calc((100dvh - 222px) / 6))}.student-card{padding:12px 15px}.student-heading h2{font-size:17px}.pet-status{font-size:13px}.point-buttons button{min-height:29px}}@media(max-width:1200px){.student-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:180px}.identity{min-width:0}.save-state,.growth-legend{display:none}}@media(max-width:760px){.app-header{height:auto;min-height:75px;padding:12px 16px;flex-wrap:wrap;gap:12px}.identity strong{font-size:16px}.identity small{display:none}.app-header nav{order:3;width:100%;justify-content:center}.header-tools{margin-left:auto}.student-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:210px;padding:0 12px;gap:10px}.page-bar{padding:18px 14px}.page-bar h1{font-size:20px}.page-bar h1 span{display:block;margin:6px 0 0}.page-footer{padding:16px;font-size:12px;gap:15px}.page-footer span:last-child{display:none}.setup{margin:12px;display:block}.welcome{padding:25px}.welcome h1{font-size:26px}.setup-art{height:160px;margin:10px}.local-note{margin-top:20px}.setup-form{padding:25px}.header-tools button{padding:8px}.growth-value{font-size:11px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.homework-stats{display:flex;gap:28px;margin:0 30px 18px;padding:13px 20px;background:#ecf0e5;border:1px solid #e0e7d5;border-radius:10px;font-size:14px;color:#7c8b6b}.homework-stats b{font-size:17px;color:#536f44;margin-left:9px}.homework-stats span:last-child{margin-left:auto}.homework-grid{grid-auto-rows:minmax(115px,calc((100dvh - 288px) / 6))}.homework-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:12px}.homework-card.all-done{background:#f0f5e8;border-color:#dbe5ce}.homework-reward{margin-left:auto;font-size:12px;color:#a2ad92}.subject-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:1}.subject-buttons button{font-size:14px;flex-direction:column;background:#f8f9f4;border-color:#eef0e8;padding:9px 3px;min-height:65px;color:#8c9383;gap:6px}.subject-buttons button.done{background:#dfeacd;border-color:#d6e3c0;color:#4f7439}.subject-check{height:18px;display:flex;align-items:center;justify-content:center}.subject-check>span{width:15px;height:15px;border:1px solid #d5dccb;border-radius:50%}.date-control{display:flex;align-items:center;gap:8px;font-size:13px}.date-control select{margin:0;padding:8px;width:auto}.date-control button{white-space:nowrap}.settings-page{max-width:1200px;margin:auto}.settings-page .page-bar{padding-left:0;padding-right:0}.settings-nav{display:flex;flex-wrap:wrap;gap:8px;padding:8px;margin-bottom:24px;background:#edf1e8;border-radius:16px}.settings-nav button{flex:1 1 160px;justify-content:center;border-color:transparent;background:transparent;padding:13px 16px}.settings-nav button[aria-pressed=true]{color:#fff;background:var(--green, #506b45);box-shadow:0 3px 8px #304c3420}.settings-nav button:focus-visible{outline:2px solid #506b45;outline-offset:3px}.settings-content{max-width:900px;margin:0 auto 40px}.settings-content [hidden]{display:none!important}.settings-section{padding:25px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:22px}.settings-section h2{font-size:18px;display:flex;align-items:center;gap:9px;margin-bottom:22px}.settings-section h2 small{font-size:13px;margin-left:auto;font-weight:400}.settings-section>p{margin:12px 0}.threshold-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);margin-top:20px}.switch-row small{display:block;font-weight:400;margin-top:6px}.switch-row input{width:20px;height:20px;accent-color:var(--green)}.rule-note{background:#f5f7ef;padding:16px;border-radius:9px;font-size:14px;line-height:1.8}.rule-note small{font-size:12px}.backup-buttons{display:flex;gap:12px;margin:20px 0}.roster-list{max-height:355px;overflow-y:auto;padding-right:6px}.roster-heading,.roster-row{display:grid;grid-template-columns:90px 1fr;gap:12px}.roster-heading{font-size:12px;color:var(--muted)}.roster-row input{padding:9px 12px}.roster-row .field-error{grid-column:1/-1}.spaced{margin-top:24px}.settings-section>button{margin-top:12px}.field-error{display:block;color:#946044;font-size:12px;font-weight:400;margin-top:5px}.success{color:#547447;font-size:14px}.danger-section{background:#f9f7ef}.danger-section button,.danger-button{color:#946a47;background:#f4eee1;border-color:#e6dbc7}.modal{border:1px solid #e2e7d8;border-radius:21px;padding:26px;width:min(530px,calc(100vw - 28px));max-height:88dvh;color:#354b40;box-shadow:0 20px 100px #25392830;background:#fcfdf9}.modal-wide{width:min(820px,calc(100vw - 28px))}.modal::backdrop{background:#273d3255;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.modal-heading h2{font-size:20px}.dialog-copy{font-size:15px;line-height:1.9;color:#75806e}.dialog-copy p{margin:12px 0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px;flex-wrap:wrap}.detail-overview{display:flex;align-items:center;gap:25px;background:#f0f4e8;padding:18px;border-radius:14px}.detail-pet{height:155px;width:160px;flex-shrink:0}.detail-pet .pet-image{max-height:none}.detail-overview h2{font-size:23px;margin:12px 0}.badge{display:inline-block;font-size:12px;background:#e0e9d1;padding:4px 9px;color:#69844f;border-radius:20px;vertical-align:middle}.detail-numbers{display:flex;gap:24px;margin-top:17px;font-size:12px;color:#7b8a6b}.detail-numbers b{font-size:22px;color:#4b6540;font-weight:550}.detail-tabs{display:flex;gap:10px;margin:23px 0 18px;border-bottom:1px solid var(--line);padding-bottom:10px}.detail-tabs button{border:0;background:transparent;color:#7b8871;font-size:14px}.detail-tabs button.selected{background:#eaf0df;color:#4d6a3f}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guardian-card{padding:18px;border:1px solid #e0e7d4;border-radius:13px;background:#fff}.guardian-top{display:flex;justify-content:space-between;letter-spacing:2px;color:#8b9d77;font-size:12px}.guardian-card img{height:145px;width:100%;object-fit:contain}.guardian-card h3{margin:0 0 17px}.guardian-card h3 small{font-size:11px;font-weight:400;margin-left:8px}.guardian-card p{display:flex;gap:7px;align-items:center;font-size:13px;color:#78856b;margin:9px 0;line-height:1.6}.guardian-card p svg{flex-shrink:0}.protection-tip{background:#eff4e8;border-radius:7px;font-size:12px;color:#73885d;padding:12px;margin:15px 0;line-height:1.7;display:flex;align-items:center;gap:7px}.protection-tip svg{flex-shrink:0}.guardian-card>small{font-size:11px}.empty-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:45px;color:#a0ad8e;font-size:14px}.empty-state h3{color:#73875c;font-weight:500}.history-list>div:not(.empty-state){display:flex;align-items:center;justify-content:space-between;padding:14px 8px;border-bottom:1px solid var(--line);font-size:14px}.history-list b{font-weight:500}.history-list small{display:block;font-size:12px;margin-top:6px}.history-list strong{color:#68894d;font-weight:500}.history-list .undone{opacity:.55}.day-notice{display:flex;align-items:center;gap:10px;padding:8px 30px;background:#f1eddc;font-size:13px;color:#8a825b}.day-notice button{font-size:12px;padding:4px 9px;margin-left:auto;background:transparent;border-color:#dcd7bc}.error-banner button{padding:4px 8px;margin-left:12px;font-size:12px}@media(max-width:1250px){.settings-page{padding:0 24px}.homework-grid{grid-auto-rows:138px}}@media(max-width:760px){.settings-page{padding:0 14px}.settings-columns{grid-template-columns:1fr;gap:0}.settings-section{padding:20px}.homework-bar{display:block}.date-control{margin-top:14px}.homework-stats{margin:0 12px 14px;padding:10px;gap:10px;flex-wrap:wrap;font-size:12px}.homework-stats b{font-size:14px;margin-left:0}.homework-stats span:last-child{margin-left:0}.homework-grid{grid-auto-rows:150px}.homework-card{padding:12px}.subject-buttons button{font-size:13px}.modal{padding:20px}.detail-overview{flex-direction:column;gap:10px;align-items:center;text-align:center}.detail-pet{height:120px}.detail-numbers{gap:15px;justify-content:center}.collection-grid{grid-template-columns:1fr}.day-notice{padding:8px 12px}.day-notice span{font-size:12px}}@media(min-width:1201px){.app-header{height:72px}.page-bar{min-height:76px;padding-top:14px;padding-bottom:13px}.student-grid{gap:8px;grid-auto-rows:minmax(142px,calc((100dvh - 220px) / 6))}.student-card{padding:8px 12px}.progress-track{height:3px;margin:4px 0 5px}.point-buttons button{min-height:25px}.page-footer{height:32px;padding-top:9px;padding-bottom:9px}.homework-grid{grid-auto-rows:minmax(112px,calc((100dvh - 282px) / 6))}}@media(min-width:1201px){.page-bar{height:76px;padding-top:10px;padding-bottom:10px}.page-bar h1{line-height:1.25}.page-bar p{line-height:1.4}.page-footer{padding-top:8px;padding-bottom:8px}}@media(min-width:1201px){.student-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);grid-template-rows:22px minmax(0,1fr) 25px;column-gap:9px}.student-heading{grid-column:1/-1}.pet-button{grid-column:1;grid-row:2}.pet-image{max-height:none}.pet-status{grid-column:2;grid-row:2;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding-bottom:14px;font-size:12px;line-height:1.3}.pet-status small{font-size:12px}.growth-value{margin-left:0}.progress-track{grid-column:2;grid-row:2;align-self:end;margin-bottom:5px}.point-buttons{grid-column:1/-1;grid-row:3}.feedback{left:40%;font-size:17px}.feedback.evolution{font-size:12px;left:90%;z-index:3}}.pet-button .box-opening{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;animation:box-away 1.9s both}.box-opening .box-lid{transform-origin:45px 60px;animation:lid-open 1.9s both}.reveal>.pet-image{animation:animal-reveal 1.9s both}.reveal:before{content:"";position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;background:#f5edb5;filter:blur(10px);animation:soft-glow 1.9s both;pointer-events:none}@keyframes box-away{0%,20%{transform:rotate(-4deg);opacity:1}10%,30%{transform:rotate(4deg);opacity:1}55%{opacity:1}75%,to{opacity:0;transform:translateY(10px)}}@keyframes lid-open{0%,30%{transform:translateY(0) rotate(0)}55%,to{transform:translateY(-22px) rotate(-18deg)}}@keyframes animal-reveal{0%,45%{opacity:0;transform:translateY(10px) scale(.7)}75%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes soft-glow{0%,25%,to{opacity:0}50%,70%{opacity:.8}}.auth-shell{max-width:1080px;min-height:680px;margin:7vh auto;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 20px 80px #344c3a08}.auth-intro{padding:50px;background:#eaf0e1;display:flex;flex-direction:column}.auth-intro h1{font-size:35px;line-height:1.6;margin-top:70px;margin-bottom:24px}.auth-intro p{font-size:16px;line-height:2;color:#738465}.auth-intro small{margin-top:auto}.auth-pets{display:flex;height:160px;margin:25px 0}.auth-pets img{width:45%;object-fit:contain}.auth-form{padding:48px;display:flex;flex-direction:column;gap:20px;justify-content:center}.auth-form h2{font-size:28px}.class-lobby{max-width:1100px;margin:0 auto;padding:30px}.class-lobby header{display:flex;align-items:center;justify-content:space-between}.lobby-heading{margin:65px 0 30px}.lobby-heading h1{font-size:32px;margin:14px 0}.class-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.class-tile{position:relative;min-height:200px;align-items:flex-start;flex-direction:column;padding:25px;gap:16px;border-radius:16px}.class-tile strong{font-size:21px}.class-tile span{font-size:13px;color:var(--muted)}.class-tile>svg:last-child{position:absolute;right:24px;bottom:24px}.new-class{background:#ebf1e3;border-style:dashed}.join-class{display:flex;align-items:flex-end;gap:16px;margin:45px 0;max-width:640px}.join-class label{flex:1}.join-class button{height:44px}.invite-options{display:flex;align-items:flex-end;gap:15px;margin:25px 0}.invite-options label{max-width:160px}.invite-options button{height:44px}.invite-code{padding:18px;background:#eaf1df;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.invite-code code{word-break:break-all}.invite-list>div{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.invite-list small{display:block;font-size:12px;margin-top:6px}.detail-tabs .logout{margin-left:auto}.point-buttons{gap:5px}.point-buttons button{min-width:0;padding:2px 3px}.point-buttons button:not(:first-child){background:#eaf1e0;border-color:#e3ebd7;color:#55783e}.point-buttons button:last-child{background:#dfeacb}.homework-stats{gap:20px;flex-wrap:wrap}.many-practices .subject-buttons{gap:4px}.many-practices .subject-buttons button{min-height:34px;font-size:12px;flex-direction:row;gap:3px;padding:4px 2px}.many-practices .homework-card{gap:6px;padding:10px}.many-practices .subject-check{height:14px}.many-practices .subject-check>span{width:10px;height:10px}.setup-form{gap:15px}.setup-form .threshold-grid{margin:0}.setup-form textarea{line-height:1.5}.header-tools{gap:7px}.header-tools>button{font-size:13px}.save-state{font-size:12px}@media(max-width:760px){.auth-shell{display:block;margin:12px;min-height:0}.auth-intro{padding:24px}.auth-intro h1{margin-top:24px;font-size:27px}.auth-intro p,.auth-intro small,.auth-pets{display:none}.auth-form{padding:25px}.class-lobby{padding:20px}.class-list{grid-template-columns:1fr}.lobby-heading{margin-top:40px}.invite-options,.invite-code,.header-tools{flex-wrap:wrap}.save-state{display:none}.join-class{align-items:stretch;flex-direction:column}.homework-stats{gap:10px}.many-practices .subject-buttons{grid-template-columns:repeat(2,1fr)!important}.many-practices{grid-auto-rows:220px}}svg.pet-image{padding:3px;display:block}.guardian-card>.pet-image{height:180px;width:100%}.auth-pets>.pet-image{width:50%;height:160px}.setup-art>.pet-image{width:38%;height:180px;margin-left:-4%}.setup-art>img:first-child{height:160px}.pet-button .pet-image{transition:filter .2s}.student-card:hover .pet-image{filter:drop-shadow(0 3px 3px #4e653310)}.homework-grid{grid-auto-rows:minmax(132px,auto)}.subject-buttons button{min-width:0;white-space:normal;overflow-wrap:anywhere}.many-practices .subject-buttons button{min-height:42px}.growth-view-tools{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 28px;border-bottom:1px solid #e3e8dc;background:#fafbf7}.view-switch{display:flex;background:#eaf0e2;padding:3px;border-radius:10px;gap:3px}.view-switch button{border:0;background:transparent;font-size:13px;padding:6px 15px;min-height:30px}.view-switch button[aria-pressed=true]{background:#fff;color:#355b43;box-shadow:0 2px 6px #243f3510}.conservation-motto{color:#6d8260;font-size:13px;letter-spacing:1px}.growth-view-tools>button{font-size:13px}.animal-knowledge{padding:18px 20px;border-radius:16px;background:#f1f5eb;margin:14px 0;text-align:left}.knowledge-title{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;color:#405e3b}.knowledge-title small{font-size:11px;font-weight:400;white-space:nowrap;color:#718569}.scientific-name{color:#789070;font-size:12px;overflow-wrap:anywhere;margin:6px 0}.animal-fact{line-height:1.8;font-size:15px;margin:9px 0}.animal-knowledge dl{margin:12px 0;display:grid;gap:7px;font-size:12px}.animal-knowledge dl>div{display:flex;gap:12px}.animal-knowledge dt{flex:0 0 65px;color:#7c8974}.animal-knowledge dd{margin:0;color:#4b6046}.wildlife-pledge{border-top:1px solid #dce7d5;padding-top:12px;font-size:13px;line-height:1.7;color:#487146}.science-source{font-size:11px;color:#6e8367;display:inline-block;margin-top:7px}.atlas-intro{font-size:14px;line-height:1.8;color:#668057;margin-bottom:16px}.atlas-search input{margin-top:6px}.atlas-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;margin-top:20px}.atlas-list{max-height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;padding-right:8px}.atlas-list button{flex:none;justify-content:flex-start;gap:8px;padding:5px;border:1px solid transparent;background:#f8faf4;text-align:left;min-height:65px}.atlas-list button[aria-pressed=true]{border-color:#a0bc88;background:#eaf1df}.atlas-list .pet-image{width:58px;height:54px;flex-shrink:0}.atlas-list button span{font-size:13px}.atlas-list button small{display:block;color:#849779;font-size:11px;margin-top:4px}.atlas-profile{min-width:0}.atlas-profile h3{font-size:24px}.atlas-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:12px;background:#fafbf7;border-radius:14px}.atlas-stages figure{margin:0;text-align:center;padding:8px 0}.atlas-stages .pet-image{height:125px;max-height:125px}.atlas-stages figcaption{font-size:12px;color:#78916a}.atlas-note{font-size:11px;line-height:1.7;color:#87927d}.focus-garden{padding:0 24px 202px}.focus-stage{max-width:1120px;margin:0 auto;min-height:calc(100dvh - 330px);display:flex;align-items:center;padding:22px 0}.focus-card{display:grid;grid-template-columns:1fr 1.15fr;background:#fff;border:1px solid #e0e7d9;border-radius:26px;box-shadow:0 12px 50px #354f3810;width:100%;overflow:hidden}.focus-character{padding:26px 30px 18px;background:radial-gradient(ellipse at 50% 60%,#e6efd9,#f7faf0 62%,#fff);text-align:center}.focus-student{display:flex;align-items:center;gap:10px;text-align:left}.focus-student>span{font-size:14px;color:#7d926b;background:#e9f0de;padding:6px;border-radius:8px}.focus-student h1{font-size:29px;line-height:1.3}.focus-student small{font-size:11px;color:#8da07e;margin-left:auto}.focus-pet{height:260px;position:relative;margin:14px 0 2px}.focus-pet>.pet-image{height:100%;width:100%;max-height:none;padding:12px}.focus-pet>.box-opening{position:absolute;top:0;right:0;bottom:0;left:0}.focus-pet-title{display:flex;align-items:center;justify-content:center;gap:12px}.focus-pet-title h2{font-size:27px}.focus-character>p{font-size:12px;color:#839375;margin-top:12px}.focus-information{padding:26px 30px 12px;min-width:0}.focus-numbers{display:flex;gap:55px;margin-bottom:24px}.focus-numbers span{display:block;color:#8b9b7f;font-size:12px;margin-bottom:4px}.focus-numbers strong{font-size:37px;color:#3f6447;line-height:1.2}.focus-numbers strong small{font-size:12px;font-weight:400}.focus-progress-title{display:flex;justify-content:space-between;gap:10px;font-size:13px}.focus-progress{height:12px;background:#edf2e5;border-radius:20px;overflow:hidden;margin:12px 0}.focus-progress i{height:100%;display:block;background:linear-gradient(90deg,#bfd998,#74a06d);border-radius:20px;transition:width .3s}.focus-next{font-size:12px;color:#80936d}.focus-information .animal-knowledge{padding:14px 16px;margin:17px 0 0}.focus-information .animal-fact{font-size:14px}.blind-pledge{background:#f5f7ee;padding:25px;border-radius:16px;margin-top:30px}.blind-pledge>span{font-size:12px;color:#759168}.blind-pledge h3{font-size:20px;margin:13px 0}.blind-pledge p{font-size:14px;line-height:1.8;color:#7c8e6e}.focus-collection{grid-column:1/-1;border-top:1px solid #e6ecdf;display:flex;align-items:center;gap:22px;padding:16px 28px}.focus-collection>div:first-child{min-width:95px}.focus-collection>div:first-child strong{font-size:14px;display:block}.focus-collection>div:first-child span{font-size:11px;color:#94a287;display:block;margin-top:5px}.focus-collection>p{font-size:12px;color:#8a9b7c;flex:1}.focus-collection>button{font-size:12px;margin-left:auto;flex-shrink:0}.focus-collected{display:flex;gap:9px;overflow-x:auto;min-width:0}.focus-collected>button{flex-direction:column;border:none;background:#f8faf4;min-width:70px;padding:3px 7px;gap:2px}.focus-collected .pet-image{height:46px;width:54px}.focus-collected span{font-size:10px}.low-dock{position:fixed;bottom:0;left:0;right:0;z-index:15;background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #d7e2cc;padding:10px 24px max(10px,env(safe-area-inset-bottom));box-shadow:0 -8px 35px #49643809}.low-actions{display:flex;justify-content:center;align-items:center;gap:38px;margin-bottom:9px}.low-actions strong{display:block;font-size:16px}.low-actions small{display:block;font-size:11px;color:#92a282;margin-top:3px}.low-point-buttons{display:flex;gap:12px}.low-point-buttons button{width:90px;min-height:46px;font-size:23px;border-radius:12px;background:#eaf2de;color:#466d36;border-color:#d7e5c5;font-weight:600;touch-action:manipulation}.low-point-buttons button:first-child{background:#f3f5f0;color:#78836e;border-color:#e5e9de}.low-point-buttons button:last-child{background:#4c7046;border-color:#4c7046;color:#fff}.student-rail-wrap{display:flex;align-items:center;gap:8px}.student-rail{display:flex;overflow-x:auto;gap:9px;flex:1;padding:4px 2px 7px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:#b3c79f #edf2e8}.student-rail>button{flex:0 0 auto;min-width:118px;max-width:190px;height:66px;padding:4px 12px 4px 4px;border-radius:12px;background:#f7f9f2;gap:5px;scroll-snap-align:center}.student-rail>button.selected{border:2px solid #789960;background:#e6efdc}.student-rail .pet-image{width:48px;height:50px;flex-shrink:0}.student-rail>button>span{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.student-rail small{font-size:10px;color:#8f9e82}.student-rail b{font-size:14px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-arrow{min-width:36px;height:54px;font-size:28px;padding:0;background:#f5f8ef}.celebration-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:90;pointer-events:none}.celebration-message{position:fixed;z-index:91;pointer-events:none;left:50%;top:92px;transform:translate(-50%);max-width:90vw;padding:12px 23px;border-radius:30px;background:#355e45;color:#fff;box-shadow:0 8px 30px #263c3920;font-size:16px;text-align:center;animation:celebration-enter .25s ease-out}.celebration-message.collection{background:#806126;color:#fff8db;font-size:20px}.celebration-message.adjust{background:#597578}.guardian-card>.scientific-name{font-size:11px}.guardian-card>p{line-height:1.7}.header-tools{flex-wrap:wrap}.app-header{gap:12px}.identity{min-width:0}.identity strong{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.app-header nav{flex-shrink:0}@keyframes celebration-enter{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media(min-width:1201px){.student-grid:not(.homework-grid){grid-auto-rows:minmax(134px,calc((100dvh - 272px)/6))}}@media(max-width:1000px){.conservation-motto{display:none}.focus-card{grid-template-columns:1fr 1.1fr}.focus-character,.focus-information{padding:20px}.focus-pet{height:220px}.focus-student{flex-wrap:wrap}.focus-student small{display:none}.focus-numbers{gap:25px}.focus-collection{flex-wrap:wrap}.focus-garden{padding-inline:14px}.atlas-layout{grid-template-columns:155px minmax(0,1fr)}}@media(max-width:700px){.growth-view-tools{padding:8px 12px;gap:8px}.growth-view-tools>button{font-size:11px;padding:7px}.view-switch button{padding:7px 10px;font-size:12px}.focus-garden{padding:0 12px 224px}.focus-stage{padding:14px 0}.focus-card{grid-template-columns:1fr;border-radius:20px}.focus-student h1{font-size:24px}.focus-character{padding:18px}.focus-pet{height:220px;margin:0}.focus-information{padding:18px}.focus-numbers{margin-bottom:18px}.focus-collection{padding:18px;gap:12px}.focus-collection>button{margin-left:0}.low-dock{padding:10px 8px max(10px,env(safe-area-inset-bottom))}.low-actions{gap:10px;justify-content:space-between}.low-actions strong{font-size:12px;max-width:120px}.low-actions small{font-size:10px}.low-point-buttons{gap:6px}.low-point-buttons button{width:49px;min-height:46px;font-size:20px}.student-rail>button{min-width:104px}.rail-arrow{min-width:27px}.atlas-layout{display:flex;flex-direction:column}.atlas-list{flex-direction:row;overflow-x:auto;max-height:none;padding-bottom:8px}.atlas-list button{min-width:140px}.atlas-stages .pet-image{height:115px}.celebration-message{top:180px;font-size:14px}.celebration-message.collection{font-size:16px}.animal-knowledge{padding:15px}.knowledge-title{flex-wrap:wrap}.header-tools{gap:5px}.identity strong{max-width:280px}}@media(prefers-reduced-motion:reduce){.celebration-message{animation:none}.focus-progress i{transition:none}.student-rail{scroll-behavior:auto}}.bottom-view-switch{position:fixed;z-index:20;bottom:12px;left:50%;transform:translate(-50%);display:flex;padding:4px;gap:3px;border:1px solid #dce2d5;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;box-shadow:0 4px 20px #28423216}.bottom-view-switch button{border:0;font-size:12px;padding:9px 14px;white-space:nowrap}.bottom-view-switch button[aria-pressed=true]{background:#e5eed7;color:#345c40}.bottom-view-switch.focus{bottom:168px}.growth-view-tools~.student-grid{margin-bottom:60px}.touch-surface{height:calc(100dvh - 73px);overflow:auto;overscroll-behavior-y:contain;position:relative;scrollbar-gutter:stable}.touch-spacer{height:35vh;min-height:180px;display:flex;align-items:center;justify-content:center;color:#809079;background:linear-gradient(#eef1e8,#f7f8f2)}.touch-spacer p{font-size:13px}.touch-spacer.bottom{background:transparent}.touch-lower{position:fixed;z-index:21;bottom:14px;right:18px;box-shadow:0 3px 14px #24432619;background:#fffdf6ef;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px}.touch-surface:has(.focus-garden) .touch-lower{bottom:168px}.touch-surface .focus-stage{min-height:calc(100dvh - 370px)}.bulk-practice{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 24px 14px;padding:12px 16px;background:#f0f3e8;border-radius:14px}.bulk-practice>strong{font-size:13px}.bulk-practice button{padding:8px 13px;background:#fff}.bulk-practice small{color:#7c8873;font-size:11px}.bulk-practice details{position:relative;margin-left:auto;font-size:12px}.bulk-practice details[open]{display:flex;max-width:100%;flex-wrap:wrap;padding:6px}.bulk-practice summary{cursor:pointer;padding:9px}.bulk-practice details button{font-size:12px;margin:3px}.group-settings{display:block}.group-save-message{position:sticky;bottom:10px;background:#edf4e5;border-radius:10px;padding:10px;grid-column:1/-1;z-index:4}.group-import-preview{background:#f0f3e9;border-radius:10px;padding:12px;margin:10px 0;font-size:13px;max-height:250px;overflow:auto}.group-import-preview p{margin:4px}.inline-create{display:flex;gap:8px;margin:20px 0}.group-editor{border-left:4px solid;padding:10px 12px;margin-bottom:10px;background:#f8f9f4;border-radius:8px}.group-editor>input{font-weight:600}.color-swatches{display:flex;gap:6px;align-items:center;margin:10px 0;flex-wrap:wrap}.color-swatches button{width:24px;height:24px;padding:0;border:2px solid transparent;border-radius:50%}.color-swatches button[aria-pressed=true]{outline:2px solid #4f6549;outline-offset:2px}.color-swatches input[type=color]{width:38px;height:30px;padding:2px}.member-assignments{max-height:340px;overflow:auto;display:grid;gap:8px}.member-assignments label{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;font-size:13px}.group-action-editor{display:grid;grid-template-columns:minmax(90px,1fr) 64px 58px 54px;gap:8px;align-items:center;margin:8px 0}.group-action-editor input{min-width:0;padding:8px}.group-action-editor label{display:flex;align-items:center;gap:4px;font-size:12px}.group-action-editor label input{width:auto}.group-action-editor button{font-size:12px;padding:8px}.optional-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.optional-actions button{font-size:12px;padding:7px 10px}.habitat-thresholds{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.habitat-thresholds label{font-size:12px}.habitat-thresholds input{margin-top:4px}.group-settings .switch-row small{max-width:400px;line-height:1.7}.groups-page{padding:0 24px 40px}.groups-page .page-bar{padding-left:0;padding-right:0}.groups-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.group-card{border:2px solid;border-radius:18px;padding:13px;background:#fffefa;min-width:0;box-shadow:0 4px 12px #2e452108}.group-card>header{display:flex;justify-content:space-between;align-items:center;gap:10px}.group-card h2{font-size:17px;display:flex;align-items:center;gap:7px;margin:0}.group-card h2 i{height:8px;width:8px;border-radius:50%}.group-card header>strong{font-size:23px;color:#38583f}.group-card header small{font-weight:400;font-size:11px}.group-members{font-size:11px;color:#7a8471;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0 10px}.habitat-open{display:block;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden}.habitat-scene{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:12px;background:#e4eada;isolation:isolate}.habitat-base{display:block;width:100%;height:100%;object-fit:cover}.habitat-sprite{position:absolute;display:block;aspect-ratio:1;background-image:url(/habitats/v1/elements.webp);background-size:400% 400%;background-repeat:no-repeat;transform:translate(-50%,-80%);pointer-events:none}.habitat-water{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:habitat-arrive 1.2s ease-out}.habitat-layer{position:absolute;top:0;right:0;bottom:0;left:0;animation:habitat-arrive 1.2s ease-out;pointer-events:none}.habitat-resident{position:absolute;aspect-ratio:1;pointer-events:none;filter:drop-shadow(0 2px 1px #30392122);animation:resident-arrive 1.1s ease-out}.habitat-resident .pet-image{height:100%;width:100%;display:block}.background-birds{position:absolute;left:30%;top:20%;font-size:18px;color:#65584a}.group-progress{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:11px 0 4px;font-size:12px}.group-progress>span{font-size:11px;color:#72836d}.group-next{margin:0 0 10px;font-size:10px;color:#88927f}.group-point-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.group-point-buttons button{padding:8px 2px;min-height:36px;background:#edf3e4;font-weight:700}.group-point-buttons button:first-child{background:#f0f1ec}.group-quick-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.group-quick-actions button{font-size:10px;padding:5px 7px;border-radius:7px;display:flex;gap:5px;align-items:center}.group-quick-actions small{color:#799268}.group-notice{font-size:12px;color:#658257;max-width:360px}.empty-groups{padding:60px 24px;text-align:center;border:1px dashed #bacbad;border-radius:20px;background:#f3f7ed}.empty-groups p{color:#74836b}.resident-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.resident-list>div{display:flex;align-items:center;flex-direction:column;background:#f3f5ed;border-radius:12px;padding:12px}.resident-list .pet-image{width:90px;height:85px}.resident-list strong{font-size:13px}.resident-list small{font-size:10px;color:#798570;margin-top:6px}.group-history{margin-top:20px}.group-history summary{cursor:pointer;padding:10px;background:#f1f4e9;border-radius:8px}.group-history p{display:flex;gap:12px;font-size:12px;padding:9px;border-bottom:1px solid #e9edde}.group-history time{color:#8a9380;font-size:11px}.group-history b{margin-left:auto}.habitat-scene.large{max-height:480px;aspect-ratio:3/2;width:auto;margin:auto}.no-habitat-motion .habitat-layer,.no-habitat-motion .habitat-resident,.no-habitat-motion .habitat-water{animation:none}@keyframes habitat-arrive{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}@keyframes resident-arrive{0%{opacity:0}to{opacity:1}}@media(min-width:1500px){.group-card{padding:14px}.groups-grid{gap:20px}.habitat-open .habitat-scene{aspect-ratio:1.9}.group-quick-actions button{font-size:11px}.group-card h2{font-size:19px}}@media(min-width:1201px){.student-grid:not(.homework-grid){grid-auto-rows:minmax(125px,calc((100dvh - 320px)/6))}.homework-grid{grid-auto-rows:minmax(115px,calc((100dvh - 320px)/6))}}@media(max-width:1100px){.groups-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.group-settings{display:block}.touch-surface{height:calc(100dvh - 120px)}}@media(max-width:700px){.groups-page{padding:0 12px 60px}.groups-grid{grid-template-columns:1fr}.group-card h2{font-size:18px}.group-point-buttons button{min-height:44px}.group-quick-actions button{font-size:12px;padding:9px}.bottom-view-switch.focus{bottom:163px;left:8px;transform:none}.touch-surface:has(.focus-garden) .touch-lower{bottom:163px;right:8px}.bottom-view-switch button{padding:8px 10px;font-size:11px}.touch-lower{right:8px;font-size:11px}.touch-surface{height:calc(100dvh - 180px)}.bulk-practice{margin:0 12px 12px;padding:10px}.bulk-practice small{width:100%}.group-action-editor{gap:4px;grid-template-columns:minmax(70px,1fr) 55px 53px 48px}.resident-list{grid-template-columns:repeat(2,1fr)}.group-history p{flex-wrap:wrap;gap:7px}.app-header nav button{padding:10px 12px}.habitat-thresholds{gap:8px}}@media(prefers-reduced-motion:reduce){.habitat-layer,.habitat-resident,.habitat-water{animation:none!important}}.habitat-layer.variant-violet{transform:translate(1.2%)}.habitat-layer.variant-ivory{transform:translate(-1.2%)}.habitat-base{object-fit:fill}.low-dock{padding-top:60px}.focus-garden{padding-bottom:256px}@media(max-width:760px){.app-header nav button{min-width:0;flex:1;padding:10px 8px}.app-header nav{min-width:0;gap:2px}}