:root{--ink:#17324d;--muted:#6f7f8f;--surface:rgba(255,255,255,.88);--line:rgba(23,50,77,.10);--mint:#dff7ef;--mint-strong:#48bfa0;--sky:#e4f2ff;--sky-strong:#4d9de0;--peach:#fff0dc;--peach-strong:#ff9d5c;--pink:#ffe4ef;--pink-strong:#ef6c9a;--lav:#eee8ff;--lav-strong:#8b75d7;--sun:#fff5bd;--sun-strong:#f0b627;--danger:#e95a67;--shadow:0 18px 50px rgba(31,54,72,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Nunito,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 12% 12%,rgba(255,236,188,.75),transparent 28%),radial-gradient(circle at 90% 14%,rgba(213,239,255,.8),transparent 28%),linear-gradient(180deg,#fffdf9,#f8fbff 52%,#fffdf9);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(255,255,255,.76);border-bottom:1px solid var(--line)}.topbar-inner{height:74px;justify-content:space-between;gap:16px}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:12px;font-weight:900;letter-spacing:-.02em}.brand-mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#fff7c8,#ffd88d);box-shadow:inset 0 0 0 1px rgba(135,91,25,.08),0 10px 24px rgba(235,165,64,.22);font-size:25px}.brand small{display:block;color:var(--muted);font-weight:700;font-size:12px;margin-top:2px}.nav-actions{display:flex;gap:10px}.btn,.nav-actions{align-items:center}.btn{border:0;border-radius:16px;padding:12px 16px;font-weight:900;transition:.2s ease;display:inline-flex;justify-content:center;gap:8px}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,#56c9aa,#60aee7);color:white;box-shadow:0 10px 25px rgba(83,174,190,.25)}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.btn.sun{background:linear-gradient(135deg,#ffd95d,#ffad4f);color:#6a3f00}.hero{padding:74px 0 44px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:38px;gap:38px;align-items:center}.kicker{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(64,164,140,.18);background:rgba(226,249,242,.82);color:#2f8a73;padding:8px 12px;border-radius:999px;font-weight:900;font-size:13px}h1{font-size:clamp(44px,7vw,78px);line-height:.98;letter-spacing:-.055em;margin:20px 0 18px}.gradient-text{background:linear-gradient(90deg,#35a786,#4b8fd8,#886bd3,#ef7b91);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:#536777;font-size:19px;line-height:1.7;max-width:720px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-note{color:#798793;font-size:13px;margin-top:14px}.hero-card{position:relative;min-height:470px;border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,250,255,.88));border:1px solid rgba(23,50,77,.08);box-shadow:var(--shadow);padding:26px;overflow:hidden}.hero-card:after,.hero-card:before{content:"";position:absolute;border-radius:50%;filter:blur(1px);opacity:.8}.hero-card:before{width:180px;height:180px;background:#ffe3b8;right:-50px;top:-40px}.hero-card:after{width:160px;height:160px;background:#dcecff;left:-55px;bottom:-45px}.mascot-stage{height:285px;display:grid;place-items:center;position:relative;z-index:1;perspective:900px}.mascot-main{width:210px;height:210px;border-radius:44% 44% 46% 46%;display:grid;place-items:center;font-size:112px;background:linear-gradient(145deg,#fff3c7,#ffe4a2);box-shadow:inset -18px -18px 35px rgba(255,163,59,.16),inset 12px 12px 28px rgba(255,255,255,.9),0 28px 55px rgba(126,89,46,.18);transform:rotateY(-8deg) rotateX(4deg);animation:floaty 3.8s ease-in-out infinite;border:3px solid rgba(255,255,255,.8)}@keyframes floaty{0%,to{transform:translateY(0) rotateY(-8deg) rotateX(4deg)}50%{transform:translateY(-12px) rotateY(8deg) rotateX(0)}}.floating-bubble{position:absolute;padding:10px 13px;background:white;border-radius:18px;box-shadow:0 12px 28px rgba(31,54,72,.12);font-size:13px;font-weight:900;animation:bob 4s ease-in-out infinite}.b1{left:5%;top:20%}.b2{right:2%;top:36%;animation-delay:.7s}.b3{left:10%;bottom:14%;animation-delay:1.3s}.b4{right:8%;bottom:7%;animation-delay:1.8s}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.stat-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.stat-mini{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:18px;padding:14px;text-align:center}.stat-mini strong{display:block;font-size:22px}.stat-mini span{font-size:12px;color:var(--muted);font-weight:800}.section{padding:58px 0}.section-title{text-align:center;max-width:780px;margin:0 auto 30px}.section-title h2{font-size:36px;margin:0 0 10px;letter-spacing:-.035em}.section-title p{color:var(--muted);line-height:1.65;margin:0}.pillars{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.pillar{border-radius:28px;padding:22px;border:1px solid var(--line);box-shadow:0 12px 28px rgba(31,54,72,.06);min-height:180px;transition:.22s ease}.pillar:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:var(--shadow)}.pillar:first-child{background:var(--mint)}.pillar:nth-child(2){background:var(--pink)}.pillar:nth-child(3){background:var(--sky)}.pillar:nth-child(4){background:var(--peach)}.pillar:nth-child(5){background:var(--sun)}.pillar:nth-child(6){background:var(--lav)}.pillar .icon{font-size:38px;display:block;margin-bottom:10px}.pillar h3{margin:0 0 7px;font-size:20px}.pillar p{margin:0;color:#596b78;line-height:1.5;font-weight:700;font-size:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:18px 14px;border-right:1px solid var(--line);background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:auto}.sidebar .brand{padding:8px 8px 18px}.role-chip{margin:0 7px 16px;padding:11px 12px;border-radius:16px;background:#eef8ff;color:#356b92;font-size:12px;font-weight:900}.side-nav{display:flex;flex-direction:column;gap:5px}.side-btn{border:0;background:transparent;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:15px;color:#536777;text-align:left;font-weight:850}.side-btn:hover{background:#f5f8fb;color:var(--ink)}.side-btn.active{color:#1a705f;background:linear-gradient(90deg,#e3faf2,#edf8ff);box-shadow:inset 0 0 0 1px rgba(72,191,160,.12)}.main{min-width:0;padding:22px}.main-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.main-head h1{font-size:30px;margin:0;letter-spacing:-.035em}.main-head p{margin:4px 0 0;color:var(--muted)}.avatar-stack{display:flex;align-items:center;gap:8px}.avatar-dot{width:42px;height:42px;border-radius:15px;background:#fff2c8;display:grid;place-items:center;font-size:24px;box-shadow:0 8px 20px rgba(31,54,72,.1);border:1px solid var(--line)}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 34px rgba(31,54,72,.07);padding:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.metric{min-height:126px;position:relative;overflow:hidden}.metric .big{font-size:34px;font-weight:950;margin-top:14px}.metric .label{color:var(--muted);font-weight:800;font-size:13px}.metric .trend{font-size:12px;font-weight:900;color:#2e8f71;margin-top:4px}.metric .orb{position:absolute;right:-12px;bottom:-20px;font-size:64px;opacity:.16;transform:rotate(-9deg)}.card-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.card-title h3{margin:0;font-size:18px}.card-title small{color:var(--muted);font-weight:800}.progress{height:10px;background:#edf1f4;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#52c8a7,#62ace4)}.student-list{display:flex;flex-direction:column;gap:9px}.student-row{display:grid;grid-template-columns:48px 1fr auto;grid-gap:11px;gap:11px;align-items:center;border:1px solid var(--line);border-radius:17px;padding:10px;background:rgba(255,255,255,.82)}.student-row .emoji{width:45px;height:45px;border-radius:15px;background:linear-gradient(145deg,#fff8db,#f5efff);display:grid;place-items:center;font-size:25px}.student-row strong{display:block;font-size:14px}.student-row small{color:var(--muted);font-weight:750}.points{font-weight:950;color:#bd6a11;background:#fff5dc;padding:7px 9px;border-radius:11px}.tag{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#f3f7fa;font-size:12px;font-weight:900;color:#617482}.tag.good{background:#e2f7ee;color:#31826b}.tag.warn{background:#fff0d9;color:#9c671f}.tag.pink{background:#ffe8f0;color:#a94f70}.quick-actions{display:flex;gap:8px;flex-wrap:wrap}.quick-actions button{border:1px solid var(--line);background:white;border-radius:13px;padding:9px 12px;font-weight:900;color:#506573}.quick-actions button:hover{background:#f6fafc}.quick-actions button.plus{background:#e3f7ef;color:#267b65}.quick-actions button.minus{background:#fff0f0;color:#a64d57}.wheel-wrap{display:grid;grid-template-columns:minmax(340px,520px) 1fr;grid-gap:24px;gap:24px;align-items:center}.wheel-stage{position:relative;aspect-ratio:1;max-width:500px;margin:auto}.wheel{width:100%;height:100%;border-radius:50%;position:relative;border:12px solid #ffd06e;box-shadow:0 18px 45px rgba(111,70,19,.18),inset 0 0 0 8px #fff4c5;transition:transform 4.3s cubic-bezier(.12,.74,.12,1);background:conic-gradient(#ff995d 0 12.5%,#ffcf5d 12.5% 25%,#54c8a4 25% 37.5%,#69b7e7 37.5% 50%,#a58ae5 50% 62.5%,#ef7f9f 62.5% 75%,#63cab7 75% 87.5%,#ffb66a 87.5% 100%)}.wheel-labels{position:absolute;inset:0;border-radius:50%}.wheel-label{transform-origin:0 0;width:42%;color:#29445d;font-size:12px;text-shadow:0 1px 0 rgba(255,255,255,.8)}.wheel-center,.wheel-label{position:absolute;left:50%;top:50%;font-weight:950}.wheel-center{transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;border:8px solid #fff0c0;background:#a83b25;color:white;display:grid;place-items:center;z-index:3;box-shadow:0 10px 24px rgba(82,31,20,.25)}.pointer{position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:42px solid #a83b25;z-index:5;filter:drop-shadow(0 5px 5px rgba(0,0,0,.12))}.winner{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#fff9eb,#ffffff);border-radius:28px;border:2px dashed #f3cd74;padding:24px}.winner .big-emoji{font-size:86px;filter:drop-shadow(0 14px 16px rgba(31,54,72,.12));animation:floaty 3s ease-in-out infinite}.winner h2{font-size:29px;margin:10px 0 4px}.winner p{color:var(--muted);font-weight:800}.confetti{position:fixed;inset:0;pointer-events:none;z-index:100;overflow:hidden}.confetti span{position:absolute;top:-20px;width:10px;height:18px;border-radius:3px;animation:fall 2.4s linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(820deg);opacity:.4}}.podium{display:grid;grid-template-columns:1fr 1.18fr 1fr;grid-gap:12px;gap:12px;align-items:end;text-align:center}.podium-card{background:white;border:1px solid var(--line);border-radius:22px;padding:18px 12px}.podium-card.first{padding-top:28px;background:linear-gradient(180deg,#fff8cd,#fff);border-color:#f5d36c;box-shadow:0 18px 38px rgba(206,160,48,.17)}.podium .person{font-size:50px}.podium h4{margin:8px 0 4px}.podium strong{color:#b76517}.podium .rank{font-size:24px;margin-bottom:6px}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.team-card{border:1px solid var(--line);border-radius:22px;padding:17px;background:white}.team-card.top{border-color:#f1c559;background:linear-gradient(180deg,#fff9df,#fff)}.team-head{justify-content:space-between;gap:12px}.team-head,.team-title{display:flex;align-items:center}.team-title{gap:10px}.team-icon{font-size:34px}.team-score{font-size:21px;font-weight:950;color:#a65f16}.checkin-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:18px;gap:18px}.mood-row{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.mood-btn{border:1px solid var(--line);background:white;border-radius:18px;padding:14px 8px;font-weight:900;color:#5d7080}.mood-btn span{font-size:31px;display:block;margin-bottom:5px}.mood-btn.active{outline:3px solid rgba(79,177,145,.18);background:#ecfbf5;color:#23725e}.form-row{display:flex;flex-direction:column;gap:7px;margin-top:14px}.form-row label{font-weight:900;font-size:13px}.form-row input,.form-row select,.form-row textarea{border:1px solid #dbe5ea;border-radius:15px;background:white;padding:12px 13px;outline:0}.form-row input:focus,.form-row textarea:focus{border-color:#61b9a1;box-shadow:0 0 0 4px rgba(81,184,153,.11)}.ai-box{background:linear-gradient(145deg,#eef8ff,#f4eeff);border:1px solid rgba(95,117,203,.16);border-radius:24px;padding:18px}.ai-box h3{margin:0 0 6px}.ai-response{white-space:pre-wrap;line-height:1.65;background:rgba(255,255,255,.78);border-radius:16px;padding:14px;margin-top:12px;border:1px solid rgba(67,84,125,.08)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.module-card{background:white;border:1px solid var(--line);border-radius:23px;padding:17px;transition:.2s}.module-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(31,54,72,.09)}.module-card .module-icon{font-size:38px}.module-card h4{margin:9px 0 5px}.module-card p{font-size:13px;color:var(--muted);font-weight:700;line-height:1.5}.module-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.tree-stage{min-height:390px;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,#e8f8ff,#f5fff2 58%,#fff8e5);border-radius:28px;overflow:hidden;position:relative}.tree{font-size:150px;filter:drop-shadow(0 20px 22px rgba(69,101,67,.18));animation:treeSway 4s ease-in-out infinite}.tree-stage .cloud{position:absolute;font-size:55px;opacity:.85;animation:bob 5s ease-in-out infinite}.tree-stage .c1{left:8%;top:8%}.tree-stage .c2{right:8%;top:18%;animation-delay:1s}@keyframes treeSway{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.8deg)}}.certificate{width:min(820px,100%);margin:auto;background:#fffdf8;border:10px double #e6b959;border-radius:22px;padding:42px 34px;text-align:center;box-shadow:var(--shadow);position:relative}.certificate:before{content:"✦  ✧  ✦";display:block;color:#c79232;font-size:25px;letter-spacing:8px}.certificate h2{font-family:Georgia,serif;font-size:40px;margin:12px 0 6px;color:#814629}.certificate .cert-name{font-size:34px;font-weight:950;color:#6f2f25;margin:20px 0 4px}.certificate .award{display:inline-block;padding:12px 18px;background:#fff4d1;border-radius:16px;font-size:21px;font-weight:950;margin:20px 0}.cert-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:34px;text-align:left;color:#687782}.cert-sign{text-align:right;font-family:Georgia,serif;font-style:italic;color:#4f3a32}.lock-screen{min-height:75vh;display:grid;place-items:center;text-align:center;padding:30px}.lock-card{max-width:560px;padding:34px;border-radius:30px;background:white;box-shadow:var(--shadow);border:1px solid var(--line)}.lock-card .lock{font-size:66px}.lock-card h1{font-size:32px;margin:10px 0}.lock-card p{color:var(--muted);line-height:1.6}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{padding:54px;background:linear-gradient(145deg,#e4faf1,#e7f3ff 50%,#f2eaff);display:flex;flex-direction:column;justify-content:center}.login-form-wrap{display:grid;place-items:center;padding:30px}.login-card{width:min(470px,100%);background:white;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.login-card h1{font-size:32px;margin:10px 0}.login-card p{color:var(--muted)}.notice{padding:12px 14px;border-radius:14px;background:#fff7dd;color:#76531c;font-size:13px;font-weight:800;border:1px solid #f4df9e}.footer{padding:34px 0 60px;color:#7a8994;text-align:center;font-size:13px}@media print{.main-head,.no-print,.sidebar,.topbar{display:none!important}.main{padding:0}.certificate{box-shadow:none;border-width:8px;width:100%;margin:0}.app-shell{display:block}body{background:white}}@media (max-width:980px){.checkin-grid,.hero-grid,.login-page,.wheel-wrap{grid-template-columns:1fr}.grid.cols-4,.module-grid,.pillars{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.side-nav{display:grid;grid-template-columns:repeat(4,1fr)}.side-btn{justify-content:center;flex-direction:column;font-size:11px}.role-chip{display:none}.main{padding:16px}.sidebar .brand{justify-content:center}}@media (max-width:640px){.container{width:min(100% - 22px,1180px)}.hero{padding-top:42px}.hero-card{min-height:410px}.grid.cols-2,.grid.cols-3,.grid.cols-4,.module-grid,.pillars,.team-grid{grid-template-columns:1fr}.side-nav{grid-template-columns:repeat(3,1fr)}.nav-actions .hide-mobile{display:none}.main-head{align-items:flex-start}.wheel-wrap{display:block}.winner{margin-top:18px}.podium{grid-template-columns:1fr}.podium-card.first{order:-1}.mood-row{grid-template-columns:repeat(5,1fr);gap:4px}.mood-btn{padding:10px 3px;font-size:10px}.mood-btn span{font-size:25px}.certificate{padding:28px 16px}.certificate h2{font-size:30px}.certificate .cert-name{font-size:27px}}.eyebrow{display:inline-block;font-size:11px;font-weight:950;letter-spacing:.12em;color:#338772;margin-bottom:6px}.overview-hero,.student-quest-banner,.wellbeing-banner{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:22px;gap:22px;overflow:hidden;background:linear-gradient(135deg,#f2fff8,#eef7ff 48%,#fff5dc)}.overview-hero h2,.student-quest-banner h2,.wellbeing-banner h2{font-size:clamp(24px,3vw,38px);line-height:1.08;letter-spacing:-.035em;margin:6px 0 10px}.overview-hero p,.student-quest-banner p,.wellbeing-banner p{color:var(--muted);font-weight:720;line-height:1.6;max-width:800px;margin:0}.core-pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.core-pillar{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:21px;padding:15px;box-shadow:0 9px 25px rgba(31,54,72,.055)}.core-pillar>span{font-size:34px}.core-pillar strong{display:block;font-size:14px}.core-pillar small{display:block;color:var(--muted);font-weight:750;line-height:1.35;margin-top:3px}.core-pillar.mint{background:#e7fbf4}.core-pillar.pink{background:#ffedf4}.core-pillar.sky{background:#ebf6ff}.core-pillar.sun{background:#fff7cf}.lesson-feature{display:grid;grid-template-columns:76px 1fr;grid-gap:14px;gap:14px;align-items:center}.lesson-icon{width:76px;height:76px;display:grid;place-items:center;font-size:48px;border-radius:24px;background:#fff2c4;box-shadow:inset 0 0 0 1px rgba(124,89,24,.06)}.lesson-feature h3{margin:0 0 6px}.lesson-feature p{color:var(--muted);margin:0 0 10px;line-height:1.5}.lesson-feature small{display:block;color:var(--muted);font-weight:800;margin-top:7px}.notification-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.notification-item{display:grid;grid-template-columns:44px 1fr;grid-gap:11px;gap:11px;padding:13px;border-radius:18px;border:1px solid var(--line);background:#fff}.notification-item.watch{background:#fff7e7}.notification-item.good{background:#f1fbf7}.notification-icon{width:44px;height:44px;border-radius:15px;background:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 7px 18px rgba(31,54,72,.07)}.notification-item strong{display:block}.notification-item p{margin:3px 0;color:var(--muted);font-size:12px;line-height:1.45;font-weight:700}.notification-item small{color:#87949d;font-weight:800}.buddy{position:relative;display:grid;place-items:center;flex:0 0 auto}.buddy-sm{width:92px;height:92px}.buddy-md{width:145px;height:145px}.buddy-lg{width:190px;height:190px}.buddy-body{position:relative;width:68%;height:68%;border-radius:48% 48% 44% 44%;background:linear-gradient(145deg,#b6f2d7,#62c8a7 55%,#42a98b);box-shadow:inset 10px 10px 22px rgba(255,255,255,.5),inset -12px -14px 25px rgba(29,105,83,.18),0 22px 30px rgba(34,104,84,.18);animation:buddyFloat 3.2s ease-in-out infinite;z-index:2}.buddy-shadow{position:absolute;width:62%;height:12%;bottom:11%;border-radius:50%;background:rgba(33,72,64,.12);filter:blur(6px);animation:buddyShadow 3.2s ease-in-out infinite}.buddy-leaf{position:absolute;width:26%;height:34%;top:-23%;border-radius:90% 10% 90% 10%;background:linear-gradient(145deg,#8ad26c,#4ca54e);box-shadow:inset 5px 4px 7px rgba(255,255,255,.35)}.buddy-leaf-left{left:28%;transform:rotate(-30deg)}.buddy-leaf-right{right:26%;transform:scaleX(-1) rotate(-30deg)}.buddy-face{position:absolute;inset:0}.buddy-eye{position:absolute;width:8%;height:11%;top:38%;border-radius:50%;background:#234a44;box-shadow:inset 1px 1px 0 #fff}.buddy-eye.left{left:29%}.buddy-eye.right{right:29%}.buddy-cheek{position:absolute;width:11%;height:6%;top:52%;border-radius:50%;background:rgba(255,125,151,.48)}.buddy-cheek.left{left:18%}.buddy-cheek.right{right:18%}.buddy-mouth{position:absolute;width:20%;height:10%;left:40%;top:52%;border-radius:0 0 60px 60px;border-bottom:3px solid #22574c}.buddy-calm .buddy-mouth{height:0;border-radius:50%;top:57%}.buddy-thinking .buddy-mouth{width:9%;left:45.5%;border-radius:50%}.buddy-arm{position:absolute;width:16%;height:36%;top:49%;border-radius:999px;background:linear-gradient(#7fd7b7,#4aac8d);z-index:-1}.buddy-arm.left{left:-8%;transform:rotate(27deg)}.buddy-arm.right{right:-8%;transform:rotate(-27deg)}.buddy-celebrate .buddy-arm.left{transform:rotate(125deg);top:25%}.buddy-celebrate .buddy-arm.right{transform:rotate(-125deg);top:25%}.buddy-foot{position:absolute;width:29%;height:13%;bottom:-7%;border-radius:999px;background:#3f9e83;z-index:-1}.buddy-foot.left{left:13%;transform:rotate(-8deg)}.buddy-foot.right{right:13%;transform:rotate(8deg)}.buddy-spark{position:absolute;font-weight:950;color:#f0b627;animation:spark 1.8s ease-in-out infinite}.buddy-spark.s1{left:1%;top:12%}.buddy-spark.s2{right:0;top:28%;animation-delay:.3s}.buddy-spark.s3{left:7%;bottom:18%;animation-delay:.6s}@keyframes buddyFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes buddyShadow{0%,to{transform:scaleX(1);opacity:.15}50%{transform:scaleX(.8);opacity:.08}}@keyframes spark{0%,to{transform:scale(.7) rotate(0);opacity:.4}50%{transform:scale(1.25) rotate(25deg);opacity:1}}.mood-chart-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 34px rgba(31,54,72,.07);padding:18px}.mood-chart-wrap{width:100%;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#f8fcff,#fff);border:1px solid var(--line);padding:6px}.mood-chart-wrap svg{display:block;width:100%;height:auto}.mood-grid{stroke:#e8eef1;stroke-width:1}.mood-x,.mood-y{font-size:10px;fill:#7d8b94;font-weight:800}.mood-line{stroke:#54b99b;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 5px 7px rgba(52,157,128,.18))}.mood-dot{fill:white;stroke:#4eb394;stroke-width:4}.care-row{border-left:4px solid transparent}.care-row.care-watch{border-left-color:#f1b54a;background:#fffbf2}.care-row.care-priority{border-left-color:#e76e84;background:#fff4f6}.care-row.care-green{border-left-color:#62c5a9}.care-queue .student-row+.student-row{margin-top:8px}.checkin-flow{max-width:960px;margin:0 auto;background:linear-gradient(145deg,#fff,#f8fffc)}.checkin-flow-head{display:grid;grid-template-columns:auto 1fr auto;grid-gap:14px;gap:14px;align-items:center;padding-bottom:14px;border-bottom:1px dashed #dce8e3}.checkin-flow-head h2{margin:2px 0 4px;font-size:25px}.checkin-flow-head p{margin:0;color:var(--muted);font-weight:700}.step-dots{display:flex;gap:6px}.step-dots span{width:10px;height:10px;border-radius:50%;background:#dce6e4}.step-dots span.active{background:#55bea1;box-shadow:0 0 0 4px rgba(85,190,161,.12)}.checkin-step{padding-top:17px}.checkin-step h3{margin:0 0 14px}.mood-row.playful .mood-btn{min-height:94px;transition:.18s}.mood-row.playful .mood-btn:hover{transform:translateY(-3px) rotate(-1deg)}.form-row input[type=range]{accent-color:#50ba9b;padding:0}.range-labels{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;font-weight:800}.range-labels b{color:#2c7d68;font-size:15px}.checkin-next{margin-top:16px;float:right}.topic-chips{display:flex;gap:8px;flex-wrap:wrap}.topic-chips button{border:1px solid var(--line);background:white;border-radius:999px;padding:10px 13px;font-weight:850;color:#58707d}.topic-chips button.active{background:#e6faf3;border-color:#8bd4bd;color:#23725d}.optional{color:#93a0a8;font-weight:700}.talk-toggle{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:16px;border:1px solid var(--line);margin-top:13px;font-weight:850;background:#fff}.talk-toggle.active{background:#fff4f7;border-color:#f0a8bd}.talk-toggle input{width:18px;height:18px;accent-color:#d4678c}.checkin-actions{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.checkin-review{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:14px}.checkin-review>div{background:#f7fafb;border:1px solid var(--line);border-radius:16px;padding:13px}.checkin-review span{display:block;color:var(--muted);font-size:11px;font-weight:850}.checkin-review strong{display:block;margin-top:4px}.checkin-success{text-align:center;display:grid;place-items:center;grid-gap:10px;gap:10px;padding:8px 0}.checkin-success h2{margin:0}.checkin-success>p{max-width:650px;color:var(--muted);line-height:1.55;margin:0}.commitment-card{display:grid;grid-template-columns:54px 1fr;grid-gap:12px;gap:12px;align-items:start;border:1px solid #dcebe5;background:linear-gradient(135deg,#f2fff9,#fff);border-radius:19px;padding:14px;text-align:left;width:100%}.commitment-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:27px;background:#fff2c8}.commitment-copy p{color:var(--muted);line-height:1.5;margin:6px 0 10px}.commitment-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.commitment-actions{display:flex;gap:8px;flex-wrap:wrap}.commitment-card.compact{grid-template-columns:42px 1fr}.commitment-card.compact .commitment-icon{width:42px;height:42px}.followup-strip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px;color:#5d7480;font-size:12px;font-weight:850}.followup-strip span{padding:7px 9px;border-radius:999px;background:#f2f7f7}.timeline-row{display:grid;grid-template-columns:18px 1fr;grid-gap:10px;gap:10px;position:relative;padding:7px 0}.timeline-dot{width:12px;height:12px;border-radius:50%;background:#56bea0;margin-top:5px;box-shadow:0 0 0 4px #e6f7f2}.timeline-row:not(:last-child):before{content:"";position:absolute;left:5px;top:22px;bottom:-8px;width:2px;background:#dce9e5}.timeline-row strong{display:block;font-size:13px}.timeline-row small{display:block;color:var(--muted);margin-top:2px;font-weight:750}.content-pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.content-pillar{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px}.content-pillar>span{font-size:28px}.content-pillar strong{display:block;font-size:13px}.content-pillar small{display:block;color:var(--muted);font-weight:700;margin-top:2px}.journey-steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.journey-steps>div{display:grid;grid-gap:4px;gap:4px;padding:12px;border-radius:16px;background:#f7fafb;border:1px solid var(--line);text-align:center}.journey-steps b{font-size:20px;color:#4ca88e}.journey-steps small{color:var(--muted);font-weight:750}.impact-loop{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px}.impact-loop>div{text-align:center;padding:14px 8px;border-radius:18px;background:linear-gradient(145deg,#f4fff9,#f4f9ff);border:1px solid var(--line)}.impact-loop span{font-size:28px;display:block}.impact-loop strong{font-size:12px;display:block;margin-top:5px}.compare-label{font-size:13px;color:#6f7f8f;font-weight:850;margin-bottom:6px}.compare-label.after{color:#385d65;font-weight:900;margin:12px 0 6px}.student-quest-banner{min-height:265px}.student-card{min-height:210px}.student-card.yellow{background:linear-gradient(145deg,#fff4c7,#fff)}.student-card.mint{background:linear-gradient(145deg,#e8fbf3,#fff)}.student-card.lav{background:linear-gradient(145deg,#efeaff,#fff)}.big-sticker{font-size:50px}.student-card p{color:var(--muted);line-height:1.5}.student-head .buddy{margin-right:8px}.journey-path{max-width:900px;margin:0 auto;display:grid;grid-gap:12px;gap:12px}.journey-node{position:relative;display:grid;grid-template-columns:70px 1fr;grid-gap:14px;gap:14px;align-items:center}.journey-line{position:absolute;left:34px;top:58px;bottom:-22px;width:3px;background:#dae9e4}.journey-node:last-child .journey-line{display:none}.journey-bubble{width:70px;height:70px;border-radius:24px;background:linear-gradient(145deg,#fff3c3,#e9fff5);border:3px solid #fff;box-shadow:0 12px 28px rgba(31,54,72,.1);display:grid;place-items:center;font-size:34px;z-index:1}.journey-node.done .journey-bubble{outline:4px solid rgba(79,184,153,.14)}.journey-card{display:flex;justify-content:space-between;align-items:center;gap:14px;background:white;border:1px solid var(--line);border-radius:22px;padding:14px 16px}.journey-card h3{margin:5px 0}.journey-card p{margin:0;color:var(--muted);font-size:13px;font-weight:700}.reflection-list{display:grid;grid-gap:9px;gap:9px}.reflection-list button{border:1px solid var(--line);background:#fff;border-radius:16px;padding:13px;text-align:left;font-weight:850;color:#526874}.reflection-list button:hover{background:#f4fbf8}.badge-card{text-align:center}.badge-card>div{font-size:68px}.badge-card p{color:var(--muted)}.parent-profile{text-align:center}.parent-avatar{font-size:62px}.family-mission p,.parent-profile p{color:var(--muted);line-height:1.55}.class-kpis{display:flex;gap:7px;flex-wrap:wrap}.ai-compact .ai-response{max-height:260px;overflow:auto}@media (max-width:1100px){.core-pillar-grid{grid-template-columns:repeat(2,1fr)}.notification-grid{grid-template-columns:1fr}.content-pillar-grid{grid-template-columns:repeat(2,1fr)}.impact-loop{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.overview-hero,.student-quest-banner,.wellbeing-banner{grid-template-columns:1fr}.overview-hero .buddy,.student-quest-banner .buddy,.wellbeing-banner .buddy{justify-self:center}.checkin-flow-head{grid-template-columns:auto 1fr}.checkin-flow-head .step-dots{grid-column:1/-1;justify-self:center}.checkin-review,.journey-steps{grid-template-columns:1fr 1fr}.content-pillar-grid{grid-template-columns:1fr}.impact-loop{grid-template-columns:repeat(2,1fr)}.journey-card{align-items:flex-start;flex-direction:column}.mood-row.playful{grid-template-columns:repeat(3,1fr)}}@media (max-width:520px){.checkin-review,.core-pillar-grid,.journey-steps{grid-template-columns:1fr}.impact-loop{grid-template-columns:1fr 1fr}.mood-row.playful{grid-template-columns:repeat(2,1fr)}.buddy-lg{width:150px;height:150px}.journey-node{grid-template-columns:54px 1fr}.journey-bubble{width:54px;height:54px;border-radius:18px}.journey-line{left:26px;top:48px}}.main{position:relative;overflow:hidden}.main-inner{position:relative;z-index:2}.side-icon{font-size:18px}.role-student .sidebar{background:linear-gradient(180deg,#fffdf5,#f4fffb 48%,#f7f3ff)}.role-student .side-btn{font-size:14px}.role-student .side-btn.active{background:linear-gradient(90deg,#fff3c6,#e9fff4);color:#2c7664;transform:translateX(2px)}.role-student .main{background:radial-gradient(circle at 92% 5%,rgba(255,226,139,.18),transparent 24%),radial-gradient(circle at 5% 70%,rgba(155,225,205,.16),transparent 26%)}.bg-doodle{position:absolute;z-index:0;opacity:.11;font-size:70px;animation:bob 5s ease-in-out infinite}.bg-doodle.d1{right:4%;top:8%;color:#e3a52a}.bg-doodle.d2{left:3%;top:45%;color:#5ca8da;animation-delay:1s}.bg-doodle.d3{right:7%;bottom:10%;color:#9b79dc;animation-delay:2s}.role-tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:18px}.role-tab{border:1px solid #dfe8ee;background:#f7fafc;border-radius:14px;padding:10px 6px;font-weight:900;color:#50677a;cursor:pointer}.role-tab.active{background:linear-gradient(135deg,#dff8ee,#e4f2ff);border-color:#73cdb5;color:#173b50;box-shadow:0 5px 16px rgba(57,162,138,.13)}.google-btn{width:100%;background:#fff;border:1px solid #d7e0e7;color:#25384a;margin-top:10px}.login-divider{display:flex;align-items:center;gap:10px;color:#9aa8b2;font-size:12px;font-weight:800;margin:12px 0}.login-divider:after,.login-divider:before{content:"";height:1px;background:#e5ecef;flex:1 1}