:root{--ink:#282442;--muted:#77738a;--purple:#6756df;--lav:#eeebff;--cream:#fcfaf5;--line:#e9e6ef;--orange:#ffb264;font-family:"DM Sans",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:#f5f3f8}.app-shell{min-height:100vh}.screen{display:none;min-height:100vh}.screen.active{display:block}h1,h2{font-family:Fraunces,serif;margin:0}h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.05}h2{font-size:1.4rem;margin:28px 0 16px}.brand{font-family:Fraunces,serif;font-weight:700;font-size:2rem;letter-spacing:-1.5px}.brand span{color:var(--purple)}.auth-screen{position:relative;overflow:hidden;background:var(--cream);padding:40px 24px;display:none;place-items:center;align-content:center;min-height:100vh}.auth-screen.active{display:grid}.auth-screen .brand{position:absolute;top:32px;left:clamp(24px,7vw,72px)}.auth-card{z-index:1;width:min(100%,430px);background:#fff;border:1px solid rgba(103,86,223,.1);border-radius:28px;padding:38px;box-shadow:0 20px 50px rgba(53,42,105,.09)}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:.7rem;font-weight:700;color:var(--purple);margin:0 0 12px}.intro,.subtitle{color:var(--muted);line-height:1.55;margin:12px 0 28px}form{display:grid;gap:16px}label{font-size:.86rem;font-weight:600;display:grid;gap:7px}input,textarea{font:inherit;border:1px solid var(--line);border-radius:12px;padding:13px 14px;color:var(--ink);outline:none;background:#fff}input:focus,textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #eeebff}.primary,.outline{border:0;border-radius:12px;padding:14px 17px;font:600 1rem "DM Sans";cursor:pointer}.primary{background:var(--purple);color:white;margin-top:8px;display:flex;justify-content:space-between;align-items:center}.primary span{font-size:1.35rem}.text-button{background:transparent;border:0;color:var(--purple);font:600 .9rem "DM Sans";cursor:pointer;margin:18px auto 0;display:block}.legal{z-index:1;position:absolute;bottom:15px;color:#9b97a6;font-size:.72rem;text-align:center}.back{position:absolute;top:34px;left:24px;background:transparent;border:0;color:var(--muted);font:600 .85rem "DM Sans";cursor:pointer}.signup-card{margin-top:36px}.orb-a,.orb-b{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:350px;height:350px;background:#ded8ff;right:-120px;top:-100px}.orb-b{width:280px;height:280px;background:#ffe2c4;left:-135px;bottom:-110px}.center-card{text-align:center}.mail-icon{background:var(--lav);width:64px;height:64px;display:grid;place-items:center;border-radius:20px;margin:0 auto 22px;font-size:1.8rem}.choice-screen,.dashboard,.question-screen,.parent-screen{background:var(--cream)}header{height:82px;padding:20px clamp(20px,6vw,70px);display:flex;align-items:center;justify-content:space-between}.avatar{border:0;background:#f0c18e;color:#513c28;width:38px;height:38px;border-radius:50%;font-weight:bold}.choice-content,.dash-content,.question-content,.parent-content{width:min(100% - 40px,980px);margin:70px auto}.choice-content>p{color:var(--muted)}.role-grid{margin-top:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.role-card{text-align:left;border:1px solid var(--line);border-radius:24px;padding:26px;background:#fff;cursor:pointer;transition:.2s;display:grid;gap:9px}.role-card:hover{transform:translateY(-3px);box-shadow:0 14px 25px #39305512}.role-card strong{font-family:Fraunces;font-size:1.6rem}.role-card small{color:var(--muted);line-height:1.4}.role-card i{font-style:normal;color:var(--purple);font-size:.88rem;font-weight:700;margin-top:10px}.role-icon{font-size:1.4rem;width:42px;height:42px;border-radius:13px;display:grid;place-items:center}.child-card .role-icon{background:#eeebff;color:var(--purple)}.parent-card .role-icon{background:#fff0dc;color:#bd701d}.header-actions{display:flex;gap:14px;align-items:center}.streak{background:#fff0dc;color:#a55d17;border-radius:20px;padding:8px 12px;font-size:.8rem;font-weight:700}.progress-card{background:#6756df;color:white;border-radius:22px;padding:20px 23px;display:flex;justify-content:space-between;align-items:center;background-image:linear-gradient(125deg,#6756df,#8073e9)}.progress-card small{display:block;opacity:.75;font-size:.78rem;margin-bottom:4px}.progress-card strong{font-size:1.1rem}.progress-ring{border:4px solid #bdb5ff;border-left-color:white;border-bottom-color:white;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:bold}.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.subject{border:0;border-radius:20px;text-align:left;padding:18px;background:#fff;cursor:pointer;display:grid;gap:5px}.subject b{font-size:1.35rem;width:38px;height:38px;display:grid;place-items:center;border-radius:12px}.subject span{font-weight:700}.subject small{color:var(--muted);font-size:.72rem}.math b{background:#eeebff;color:#6756df}.swedish b{background:#ffe8dd;color:#c06038}.science b{background:#dff4ed;color:#278260}.english b{background:#e3efff;color:#3975c6}.social b{background:#fff1ca;color:#a87811}.language b{background:#f7e4f6;color:#a34fa1}nav{position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;gap:min(12vw,100px);padding:10px}nav button{border:0;background:transparent;color:var(--muted);display:grid;gap:3px;text-align:center;font-size:1.15rem}nav span{font:500 .65rem "DM Sans"}.selected{color:var(--purple)}.question-content{max-width:600px;margin-top:55px}.subject-pill{display:inline-block;border-radius:20px;background:#eeebff;color:var(--purple);font-size:.78rem;font-weight:bold;padding:7px 11px;margin-bottom:14px}.upload-box{border:1.5px dashed #c9c3e3;background:#fff;border-radius:20px;padding:30px;text-align:center;display:grid;justify-items:center;gap:8px}.camera{font-size:1.8rem;color:var(--purple)}.upload-box small{color:var(--muted)}.upload-box button{margin-top:8px;color:var(--purple);font-weight:bold;background:#eeebff;border:0;padding:10px 15px;border-radius:10px}.divider{text-align:center;border-bottom:1px solid var(--line);line-height:0;margin:28px 0}.divider span{background:var(--cream);padding:0 12px;color:var(--muted);font-size:.8rem}.ask-label textarea{height:110px;resize:vertical}.parent-highlight{background:#fff0dc;border-radius:22px;padding:22px;display:flex;gap:16px}.parent-highlight>span{font-size:1.7rem}.parent-highlight small,.parent-highlight p{display:block;color:#795e45;margin:0 0 5px}.parent-highlight p{font-size:.82rem;line-height:1.45;margin-top:8px}.subject-progress{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.subject-progress div{padding:16px;display:grid;grid-template-columns:15px 1fr auto;column-gap:6px;border-bottom:1px solid var(--line);align-items:center}.subject-progress div:last-child{border:0}.subject-progress small{grid-column:2;color:var(--muted);font-size:.74rem;margin-top:4px}.subject-progress em{font-style:normal;font-size:.72rem;color:var(--purple);background:var(--lav);padding:5px 8px;border-radius:10px}.dot{width:9px;height:9px;border-radius:50%;grid-row:span 2}.purple{background:var(--purple)}.orange{background:#ef9b42}.blue{background:#5790d6}.outline{width:100%;margin-top:18px;background:white;border:1px solid #cfc9e9;color:var(--purple)}@media(max-width:600px){.auth-card{padding:28px 22px;border-radius:24px}.role-grid,.subject-grid{grid-template-columns:repeat(2,1fr)}.choice-content,.dash-content,.question-content,.parent-content{margin-top:42px}.dash-content{padding-bottom:80px}.role-card{padding:20px}.role-card strong{font-size:1.35rem}}@media(min-width:700px){.auth-screen{padding:70px}.dashboard .dash-content{max-width:800px}.parent-content{max-width:700px}}
.date-card{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:7px 11px}.date-icon{font-size:1.35rem}.date-card strong,.date-card small{display:block}.date-card strong{font-size:.76rem;text-transform:capitalize}.date-card small{font-size:.7rem;color:var(--muted);margin-top:1px}.child-greeting{text-align:center;margin:0 auto 28px}.child-emoji{font-size:2.7rem;line-height:1;margin-bottom:12px}.child-greeting .subtitle{margin:12px 0 0}.dashboard .dash-content{margin-top:35px}.dashboard .streak:before{content:"⚡ ";}@media(max-width:600px){.date-card{padding:6px 8px}.date-card strong{font-size:.68rem}.date-card small{font-size:.62rem}.date-icon{font-size:1.15rem}.child-greeting{margin-bottom:24px}}@keyframes cat-bob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}@keyframes cat-wiggle{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-9deg)}75%{transform:translateY(-5px) rotate(9deg)}}.child-emoji{display:inline-block;animation:cat-bob 2.8s ease-in-out infinite;transform-origin:50% 80%;cursor:default}.child-greeting:hover .child-emoji{animation:cat-wiggle .55s ease-in-out}.subject{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.subject:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-48px;top:-54px;background:currentColor;opacity:0;transition:opacity .2s ease}.subject:hover{transform:translateY(-5px);box-shadow:0 14px 28px rgba(50,42,99,.13);background:#fff}.subject:hover:after{opacity:.06}.subject:hover b{transform:scale(1.12) rotate(-5deg)}.subject b{position:relative;z-index:1;transition:transform .22s ease}.subject span,.subject small{position:relative;z-index:1}.subject:active{transform:scale(.97);box-shadow:none}.progress-card{transition:transform .2s ease,box-shadow .2s ease}.progress-card:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(103,86,223,.2)}.date-card,.streak,.avatar,nav button{transition:transform .2s ease,box-shadow .2s ease}.date-card:hover,.streak:hover,.avatar:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(47,37,100,.1)}nav button:hover{color:var(--purple);transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.form-error{margin:0;color:#b52b47;font-size:.82rem;font-weight:600}.ai-response{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 18px;line-height:1.5;color:var(--ink)}.ai-response:not(:empty){padding:16px 18px}.ai-response p{margin:0 0 10px}.ai-response p:last-child{margin-bottom:0}.ai-response strong{display:block;font-family:Fraunces,serif;font-size:1.15rem;line-height:1.35}.ai-response .hint{background:#fff5de;color:#70531c;border-radius:10px;padding:9px 10px;margin-top:12px}.primary:disabled{opacity:.7;cursor:wait}