:root{color:#28233a;font-synthesis:none;background:#f7f5fc;font-family:Vazirmatn,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 12%,#efe8ff 0,#0000 28%),#f8f7fc;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{flex-direction:column;max-width:1440px;min-height:100vh;margin:auto;padding:0 5vw;display:flex}header{border-bottom:1px solid #e6e1ef;justify-content:space-between;align-items:center;height:92px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:#6d55ad;border-radius:15px;place-items:center;width:48px;height:48px;font-size:25px;display:grid;box-shadow:0 8px 20px #6850a633}.brand div{flex-direction:column;display:flex}.brand strong{font-size:20px}.brand small{color:#797286}.role-switch{background:#ece8f3;border-radius:13px;padding:4px;display:flex}.role-switch button{color:#736b7c;background:0 0;border:0;border-radius:10px;padding:9px 20px}.role-switch .active{color:#57408e;background:#fff;font-weight:700;box-shadow:0 2px 9px #3c285419}.header-actions{align-items:center;gap:10px;display:flex}.logout-button{color:#8e3f49;background:#fff0f1;border:0;border-radius:11px;padding:10px 14px;font-weight:700}.auth-page{background:radial-gradient(circle at 50% 15%,#eee6ff 0,#0000 35%),#f8f7fc;place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{text-align:center;background:#fff;border:1px solid #e5deee;border-radius:28px;width:min(440px,100%);padding:38px 30px;box-shadow:0 20px 60px #4934651f}.auth-emoji{font-size:54px}.auth-card h1{margin:10px 0 6px}.auth-card p{color:#746d80;line-height:1.9}.auth-error{color:#8e3f49;background:#fff0f1;border-radius:12px;margin:18px 0;padding:11px 14px}.bale-login-button{color:#fff;background:#6750a4;border-radius:14px;margin-top:24px;padding:14px 18px;font-weight:700;text-decoration:none;display:block}.login-divider{color:#8a8392;align-items:center;gap:12px;margin:17px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e8e2ef;flex:1;height:1px}.phone-login-button{color:#6750a4;direction:ltr;background:#fff;border:1px solid #6750a4;border-radius:14px;padding:13px 18px;font-weight:700;text-decoration:none;display:block}main{flex:1}.child-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.75fr);gap:24px;padding:42px 0;display:grid}.hero-card,.mini-card,.panel,.stat{background:#fff;border:1px solid #ebe6f2;border-radius:28px;box-shadow:0 12px 40px #39265512}.hero-card{background:linear-gradient(160deg,#fff 55%,#f2ecff);min-height:620px;padding:34px 6vw;position:relative;overflow:hidden}.cloud{color:#d8cbf6;opacity:.55;font-size:50px;position:absolute}.cloud-one{top:80px;left:12%}.cloud-two{font-size:28px;top:220px;right:8%}.hello{z-index:1;align-items:center;gap:15px;display:flex;position:relative}.avatar{background:#ffe6b7;border-radius:22px;place-items:center;width:64px;height:64px;font-size:38px;display:grid}.hello span{color:#726986}.hello h1{margin:3px 0;font-size:clamp(23px,2.5vw,34px)}.timer-wrap{--timer-color:#35a56f;max-width:410px;margin:26px auto 24px}.timer-green{--timer-color:#35a56f}.timer-orange{--timer-color:#ed982f}.timer-red{--timer-color:#df4d58}.timer{--progress:270deg;aspect-ratio:1;background:conic-gradient(var(--timer-color) var(--progress), #e9e2f6 0);border-radius:50%;width:265px;margin:auto;padding:15px;position:relative;box-shadow:0 14px 35px #42365724}.timer:before{content:"";border-radius:inherit;background:#fff;position:absolute;inset:15px}.timer div{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.timer strong{color:var(--timer-color);font-size:76px;line-height:1}.timer strong.countdown{font-variant-numeric:tabular-nums;font-size:50px}.timer span{color:#756e7e;margin-top:7px}.quota-row{color:#746d80;justify-content:space-between;margin-top:20px;font-size:13px;display:flex}.start-button{color:#fff;background:linear-gradient(135deg,#7657b4,#5d429b);border:0;border-radius:20px;align-items:center;gap:13px;margin:8px auto;padding:18px 60px;font-size:20px;font-weight:700;display:flex;box-shadow:0 13px 30px #5f44994d}.start-button span{background:#ffffff24;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.start-button:disabled{opacity:.5}.side-stack{flex-direction:column;gap:20px;display:flex}.mini-card{border-radius:22px;padding:23px}.stars{align-items:center;gap:13px;display:flex}.mini-icon{background:#fff3cf;border-radius:14px;padding:9px;font-size:29px}.stars div:nth-child(2){flex-direction:column;display:flex}.stars small,.mini-card small{color:#7c7587}.stars strong{font-size:21px}.stars>span{color:#2d8d68;background:#ddf6eb;border-radius:10px;margin-right:auto;padding:5px 9px;font-size:12px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2,.section-title h3{margin:0 0 15px}.section-title>span{color:#6c51aa;background:#eee8fb;border-radius:10px;padding:3px 9px}.mission{background:#faf8fd;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:11px 0;padding:11px;font-size:13px;display:grid}.mission input{accent-color:#6d55ad}.mission b{color:#9b7915;font-size:11px}.mission.done span{color:#8c8693;text-decoration:line-through}.badge-card{align-items:center;gap:15px;display:flex}.badge{background:#e9f4ff;border-radius:50%;place-items:center;width:65px;height:65px;font-size:42px;display:grid}.badge-card div:last-child{flex-direction:column;display:flex}.badge-card p{color:#77707f;margin:4px 0 0;font-size:12px}.playing-panel{text-align:center}.playing-panel>div:first-child{color:#2c8d68}.live-dot{background:#3db683;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 5px #3db68322}.playing-panel h2{margin:5px;font-size:27px}.playing-panel p{color:#756e80}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.actions button,.save{border:0;border-radius:13px;padding:12px 18px;font-weight:700}.primary{color:#fff}.coral{background:#e56767}.secondary{color:#60479a;background:#eee9f7}.parent-view{padding:40px 0}.page-heading{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.eyebrow{color:#6a50a4;font-weight:700}.page-heading h1{margin:4px 0;font-size:30px}.page-heading p{color:#7c7587;margin:0}.date-chip{color:#866818;background:#fff8dd;border-radius:14px;padding:10px 17px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat{border-radius:20px;flex-direction:column;padding:21px;display:flex;position:relative}.stat>span{border-radius:11px;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:18px;left:18px}.stat small{color:#817a8a}.stat strong{margin-top:14px;font-size:26px}.stat em{color:#827a8b;font-size:13px;font-style:normal}.stat p{color:#817a8a;margin:6px 0 0;font-size:12px}.purple>span{background:#eee8fb}.green>span{color:#248260;background:#dff6ec}.orange>span{background:#fff0dc}.blue>span{background:#e3f1fb}.parent-columns{grid-template-columns:1.35fr .65fr;gap:20px;margin-top:20px;display:grid}.panel{border-radius:22px;padding:24px}.request{border-top:1px solid #eeeaf3;align-items:center;gap:14px;padding:16px 0;display:flex}.avatar.small{border-radius:16px;width:48px;height:48px;font-size:28px}.request>div:nth-child(2){flex-direction:column;display:flex}.request small{color:#7c7587}.request-actions{gap:7px;margin-right:auto;display:flex}.request-actions button{color:#fff;background:#6650a4;border:0;border-radius:10px;padding:8px 13px}.request-actions .ghost{color:#655e6e;background:#f1eef5}.empty-inline{text-align:center;color:#77707f;border-top:1px solid #eeeaf3;padding:30px}.rules input{accent-color:#6a50a4;width:100%}.range-labels{color:#8b8591;justify-content:space-between;font-size:11px;display:flex}.save{color:#fff;background:#6750a4;margin-top:22px}.wide{width:100%}.notice{z-index:60;color:#4c3c62;background:#fff;border:1px solid #d9cfee;border-radius:13px;padding:12px 18px;position:fixed;top:98px;right:50%;transform:translate(50%);box-shadow:0 12px 30px #3b28543b}.notice button{background:0 0;border:0;margin-right:18px;font-size:20px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#21172d99;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:28px;width:min(450px,100%);padding:30px;position:relative;box-shadow:0 30px 80px #1a102d66}.close{color:#6e6877;background:#f0edf4;border:0;border-radius:50%;width:31px;height:31px;font-size:20px;position:absolute;top:15px;left:18px}.modal-emoji{font-size:48px}.modal h2{margin:7px 0}.modal>p{color:#77707f;margin-top:4px}.game-list{gap:10px;margin-top:20px;display:grid}.game-list button{text-align:right;background:#fbfafe;border:1px solid #e8e2ef;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.game-list button>span{font-size:25px}.game-list button div{flex-direction:column;display:flex}.game-list small{color:#837b8d}.game-list b{color:#6c51a7;font-size:22px}.feelings{justify-content:center;gap:10px;display:flex}.feelings button{background:#faf8fd;border:1px solid #e7e0f0;border-radius:15px;padding:11px 18px;font-size:27px}.feelings small{font-size:11px;display:block}.celebration h3{margin-top:23px;font-size:15px}.celebration h3 small{color:#8a8391;font-weight:400}.loading{text-align:center;color:#746c80;place-content:center;min-height:500px;display:grid}.loading span{font-size:50px;animation:1.2s ease-in-out infinite alternate bob}footer{color:#8a8392;border-top:1px solid #e5e0ec;justify-content:space-between;align-items:center;height:60px;font-size:12px;display:flex}.game-list button.busy{cursor:not-allowed;opacity:.72;background:#faf5f6;border-color:#ead6d9}.game-list button.busy b{color:#a14f59;font-size:12px}@keyframes bob{to{transform:translateY(-9px)rotate(-5deg)}}@media (width<=900px){.child-grid,.parent-columns{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.side-stack{grid-template-columns:repeat(2,1fr);display:grid}.side-stack .mini-card:last-child{grid-column:1/-1}}@media (width<=600px){.app-shell{padding:0 16px}header{height:76px}.brand small{display:none}.brand-mark{width:41px;height:41px}.header-actions{gap:5px}.role-switch button{padding:8px 10px}.logout-button{padding:9px 10px}.child-grid,.parent-view{padding:20px 0}.hero-card{min-height:auto;padding:24px 18px}.timer{width:225px}.timer strong{font-size:62px}.side-stack,.stats-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.date-chip{display:none}.page-heading h1{font-size:24px}.request{flex-wrap:wrap;align-items:flex-start}.request-actions{width:100%;margin-right:62px}.quota-row{font-size:11px}.notice{width:calc(100% - 32px);top:82px}.modal{padding:25px 20px}footer span:last-child{display:none}}.add-child{color:#fff;background:#6750a4;border:0;border-radius:13px;padding:11px 17px;font-weight:700}.child-manager{margin-bottom:20px}.family-manager{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.family-summary{align-items:center;gap:13px;min-width:0;display:flex}.family-manager .family-icon{background:#eee8fb;border-radius:15px;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.family-summary h1{margin:2px 0;font-size:24px}.family-name-row{align-items:center;gap:7px;display:flex}.family-summary p{color:#7c7587;margin:0;font-size:12px}.family-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.family-manager button{color:#6750a4;background:#f1edf9;border:0;border-radius:11px;padding:10px 14px;font-weight:700}.family-manager .family-edit-icon{border-radius:9px;place-items:center;width:29px;height:29px;padding:0;font-size:18px;line-height:1;display:grid}.family-actions .add-child{color:#fff;background:#6750a4}.child-tabs{gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.child-tabs>button{color:#42394e;text-align:right;background:#fff;border:1px solid #e5dfed;border-radius:17px;align-items:center;gap:10px;min-width:190px;padding:11px 13px;display:flex}.child-tabs>button.active{background:#f1ecfb;border-color:#775db4;box-shadow:0 7px 20px #5d448821}.child-tabs>button>span:last-child{flex-direction:column;display:flex}.child-tabs small{color:#7c7587}.child-tabs .tab-playing,.child-tabs .tab-idle{align-items:center;gap:5px;display:flex}.child-tabs .tab-playing{color:#27805f;font-weight:700}.child-tabs .tab-playing i,.child-tabs .tab-idle i{background:#3db683;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #3db6831f}.child-tabs .tab-idle i{box-shadow:none;background:#aaa3b1}.no-children,.parent-empty{color:#756d7e;text-align:center;background:#fff9;border:1px dashed #cec4dc;border-radius:18px;width:100%;padding:28px}.child-config dl{gap:2px;margin:0;display:grid}.child-config dl>div{border-top:1px solid #eeeaf3;justify-content:space-between;gap:20px;padding:13px 0;display:flex}.child-config dt{color:#7c7587}.child-config dd{margin:0;font-weight:700}.config-actions{flex-wrap:wrap;gap:9px;margin-top:5px;display:flex}.config-actions .save{margin-top:0}.remove-child{color:#a63e48;background:#fff0f1;border:0;border-radius:13px;padding:12px 18px;font-weight:700}.config-form{text-align:right}.config-form .modal-emoji,.config-form h2,.config-form>p{text-align:center;display:block}.config-form label{color:#61596a;gap:7px;margin-top:14px;font-size:13px;font-weight:700;display:grid}.config-form input{color:#30283a;background:#fbfafe;border:1px solid #ddd5e7;border-radius:12px;width:100%;padding:11px 12px}.config-form input:focus{border-color:#7659b1;outline:2px solid #d7caf0}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.config-form .save:disabled{opacity:.6;cursor:wait}@media (width<=600px){.page-heading{gap:12px}.add-child{white-space:nowrap;padding:9px 11px}.child-tabs>button{min-width:165px}.form-row{grid-template-columns:1fr;gap:0}}.child-view{padding:26px 0 42px}.child-view .child-grid{padding:16px 0 0}.child-dashboard-selector{background:#ffffffc7;border:1px solid #e4ddec;border-radius:17px;padding:7px 10px;box-shadow:0 7px 22px #49346510}.child-dashboard-selector .child-tabs{gap:7px;padding:0}.child-dashboard-selector .child-tabs>button{border-radius:13px;min-width:auto;padding:6px 10px}.child-dashboard-selector .child-tabs .avatar.small{border-radius:11px;width:34px;height:34px;font-size:21px}.child-dashboard-selector .child-tabs strong{white-space:nowrap}.parent-gate .math-problem{color:#5f4698;letter-spacing:2px;margin:18px 0 12px;font-size:34px;display:block}.parent-gate input{color:#30283a;text-align:center;direction:ltr;background:#fbfafe;border:2px solid #d7cbed;border-radius:14px;width:140px;margin:0 auto;padding:10px 14px;font-size:25px;display:block}.parent-gate input:focus{border-color:#7659b1;outline:3px solid #e7def8}.parent-gate .save{margin-top:16px}.parent-gate>small{color:#8a8391;margin-top:14px;line-height:1.7;display:block}.gate-error{color:#a13e49;margin-top:10px;font-size:13px}.status-stat strong{font-size:22px}.status-stat p{line-height:1.8}.status-stat p b{color:#3c755f}.gray>span{color:#77707f;background:#eeebf1}.no-device-hint{color:#7b6422;text-align:center;background:#fff6d9;border-radius:14px;max-width:390px;margin:18px auto 0;padding:13px 16px}.device-manager{margin:20px 0}.device-manager .section-title{gap:16px}.device-manager .section-title h2{margin-bottom:2px}.device-manager .section-title p{color:#7c7587;margin:0;font-size:12px}.add-device{color:#60479a;white-space:nowrap;background:#eee8fb;border:0;border-radius:12px;padding:9px 13px;font-weight:700}.device-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:17px;display:grid}.device-item{background:#fbfafe;border:1px solid #ebe5f1;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.device-icon{background:#eee8fb;border-radius:14px;place-items:center;width:46px;height:46px;font-size:25px;display:grid}.device-copy{flex-direction:column;min-width:0;display:flex}.device-copy small{color:#7c7587;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-copy code{color:#557064;text-align:right;direction:ltr;margin-top:4px;font-size:11px}.device-actions{flex-direction:column;gap:5px;display:flex}.device-actions button{color:#60479a;background:#eee8fb;border:0;border-radius:9px;padding:6px 9px;font-size:11px}.device-actions .danger{color:#a63e48;background:#fff0f1}.device-form-name{grid-template-columns:.35fr 1fr;gap:10px;display:grid}.config-form select{color:#30283a;background:#fbfafe;border:1px solid #ddd5e7;border-radius:12px;width:100%;padding:11px 12px}.address-help{font-size:11px;color:#837b8d!important;text-align:right!important;margin:10px 0 0!important}@media (width<=600px){.child-view{padding:16px 0 20px}.child-view .child-grid{padding:10px 0 0}.child-dashboard-selector{padding:6px 8px}.device-list{grid-template-columns:1fr}.device-item{grid-template-columns:auto minmax(0,1fr)}.device-actions{flex-direction:row;grid-column:1/-1;justify-content:flex-end}.device-form-name{grid-template-columns:.4fr 1fr}.timer strong.countdown{font-size:42px}.family-manager{flex-direction:column;align-items:flex-start}.family-actions{justify-content:flex-end;width:100%}}