@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";*{box-sizing:border-box}body{color:#24263b;background:#f8f9fc;margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input,textarea{font:inherit}button,a{cursor:pointer}button{transition:background .18s,transform .18s}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #b9b0ff}button{border:0}button:hover:not(:disabled){filter:brightness(.97)}.shell{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e9eaf1;flex-direction:column;width:244px;padding:36px 22px 20px;display:flex;position:fixed;top:0;bottom:0}.logo{letter-spacing:-1.5px;color:#25283e;align-items:center;gap:9px;padding-left:12px;font-family:Manrope,sans-serif;font-size:32px;font-weight:800;text-decoration:none;display:flex}.brand-icon{color:#7560df;font-size:39px}.dot{color:#7560df;margin-left:-9px}.workspace-label{letter-spacing:1.7px;color:#9a9ba9;margin:54px 13px 18px;font-size:10px}.nav{color:#7d7e90;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:13px;margin-bottom:8px;padding:14px 15px;font-weight:550;display:flex}.nav.active{color:#7157d4;background:#f0edfc}.side-note{background:#f7f5fe;border:1px solid #ede8fd;border-radius:12px;margin-top:auto;padding:20px 17px}.side-note>span{color:#8a74dd;font-size:27px}.side-note h3{margin:10px 0;font-size:14px}.side-note p{color:#8b879e;font-size:12px;line-height:1.8}.tiny-stars{letter-spacing:5px;color:#b7a4ef}.profile{border-top:1px solid #eeeef3;align-items:center;gap:10px;margin-top:24px;padding:20px 0 0;display:flex}.profile b{font-size:12px}.profile small{color:#9a99a7;margin-top:3px;font-size:10px;display:block}.profile button{color:#9191a1;background:0 0;margin-left:auto}.avatar{color:#7560cf;background:#f0edfc;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}main{width:calc(100% - 244px);max-width:1650px;margin-left:244px;padding:0 46px}header{border-bottom:1px solid #e7e8ee;justify-content:space-between;align-items:center;height:94px;display:flex}header>span{letter-spacing:1.7px;color:#9393a3;font-size:10px}header>div{align-items:center;gap:22px;display:flex}.saved{color:#9b9ba8;align-items:center;gap:7px;font-size:11px;display:flex}.saved>span{background:#8bbbad;border-radius:50%;width:6px;height:6px}.outline,.primary{border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:12px;font-weight:600;display:inline-flex}.outline{color:#656179;background:#fff;border:1px solid #e1e1eb}.primary{color:#fff;background:#7760d8}.page-heading{justify-content:space-between;align-items:center;min-height:245px;padding:46px 0 34px;display:flex}.eyebrow{letter-spacing:2px;color:#9b91b0;font-size:10px;font-weight:600}h1{letter-spacing:-1.8px;margin:17px 0 14px;font-family:Manrope,sans-serif;font-size:42px;font-weight:750;line-height:1.22}h1 em{color:#8064d6;font-style:normal}.page-heading p{color:#9291a3;font-size:13px}.orbit{place-items:center;width:240px;height:195px;margin-right:35px;display:grid;position:relative}.orbit-circle{border:1px dashed #d5ccee;border-radius:50%;width:157px;height:157px;position:absolute;transform:rotate(-25deg)}.orbit:before{content:"";border:1px solid #e7e0f3;border-radius:50%;width:190px;height:112px;position:absolute;transform:rotate(-30deg)}.big-star{color:#b2a0e8;text-shadow:5px 6px #e7e1f6;font-size:127px;line-height:1;transform:rotate(12deg)}.small-star{color:#d8bc77;position:absolute}.s1{font-size:32px;top:24px;right:28px}.s2{font-size:22px;bottom:36px;left:16px}.orb-label{letter-spacing:2px;color:#b4a8ce;font-size:8px;position:absolute;bottom:0}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:43px;display:grid}.stats>div{background:#fff;border:1px solid #e9e9f0;border-radius:11px;align-items:center;gap:15px;padding:20px;display:flex}.stat-icon{border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.lavender{color:#8b75ce;background:#f0edfb}.yellow{color:#d6ac56;background:#fff7e6}.green{color:#69a38f;background:#ecf6f2}.stats small{color:#9291a4;margin-bottom:6px;font-size:11px;display:block}.stats b{font-family:Manrope,sans-serif;font-size:25px;font-weight:750}.stats i{color:#aaa7b6;margin-left:6px;font-family:DM Sans,sans-serif;font-size:10px;font-style:normal;font-weight:400}.section-title{justify-content:space-between;align-items:center;margin-bottom:21px;display:flex}h2{letter-spacing:-.5px;margin:0 0 8px;font-family:Manrope,sans-serif;font-size:20px}h3{font-family:Manrope,sans-serif}.section-title p,.panel>p{color:#9996a8;margin:0;font-size:12px}.pill{color:#9385b4;background:#efedf6;border-radius:6px;padding:7px 11px;font-size:10px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;display:grid}.test-card{background:#fff;border:1px solid #e4e5ed;border-radius:13px;overflow:hidden}.card-art{flex-direction:column;justify-content:center;height:139px;padding:22px 25px;display:flex;position:relative;overflow:hidden}.card-art:after{content:"";border:1px solid #ffffff90;border-radius:50%;width:135px;height:135px;position:absolute;top:-35px;right:-15px;box-shadow:0 0 0 23px #ffffff30,0 0 0 45px #ffffff20}.card-art>span{letter-spacing:-3px;font-family:Georgia,serif;font-size:57px;line-height:1.1}.card-art small{letter-spacing:1.5px;opacity:.65;margin-top:11px;font-size:7px}.card-art svg{opacity:.5;position:absolute;bottom:22px;right:22px}.art0{color:#a08ac7;background:#eee9fa}.art1{color:#7d9a89;background:#e9f1ed}.art2{color:#bf9a5f;background:#faf0dd}.card-body{padding:22px}.card-meta{letter-spacing:1px;color:#aaa3bb;justify-content:space-between;font-size:8px;display:flex}.card-meta span{letter-spacing:0;color:#aaa6b4}.card-body h3{margin:12px 0 8px;font-size:16px;line-height:1.5}.card-body>p{color:#9c98aa;min-height:40px;margin:0 0 23px;font-size:11px;line-height:1.8}.progress-label{color:#a09aaa;justify-content:space-between;font-size:9px;display:flex}.progress-label b{color:#9383af;font-weight:500}.bar{background:#f0edf7;border-radius:4px;height:4px;margin-top:9px;overflow:hidden}.bar>div{background:#a18cda;height:100%}.start{color:#8064cc;background:#f4f1fc;border-radius:7px;justify-content:space-between;align-items:center;width:100%;margin-top:23px;padding:13px;font-size:11px;font-weight:600;display:flex}.how{background:#f2eff9;border:1px solid #e8e4f2;border-radius:10px;align-items:center;gap:20px;margin-top:28px;padding:25px 28px;display:flex}.how-icon{color:#a28bcf}.how h3{color:#796a96;margin:0 0 8px;font-size:12px}.how p{color:#a097b1;margin:0;font-size:10px;line-height:1.8}.five-stars{white-space:nowrap;color:#c7acd9;letter-spacing:4px;margin-left:auto;font-size:19px}footer{color:#b6b1c3;border-top:1px solid #e8e7ef;justify-content:space-between;margin-top:43px;padding:23px 0;font-size:9px;display:flex}footer span:first-child{font-size:13px;font-weight:700}footer i{margin-left:13px;font-size:9px;font-style:normal;font-weight:400}.panel{background:#fff;border:1px solid #e5e4ef;border-radius:13px;padding:28px}.empty{text-align:center;color:#8d78ba;background:#fff;border:1px dashed #d7cdeb;border-radius:12px;grid-column:1/-1;padding:42px}.empty h3{color:#49405d}.empty p{margin-bottom:22px;font-size:13px}.admin-row{border-bottom:1px solid #eeeaf4;justify-content:space-between;align-items:center;padding:18px 0;display:flex}.admin-row h3{margin:0 0 6px;font-size:15px}.admin-row small{color:#9b93a9}.sample{padding-top:25px}.sample p{color:#958ca2;font-size:12px}.progress-test{border-bottom:1px solid #eeeaf4;padding:22px 0}.progress-test h3{font-size:15px}.progress-test p{color:#9990a8;font-size:12px}.star-list{flex-wrap:wrap;gap:12px;margin-bottom:15px;display:flex}.star-list>span{background:#faf8ff;border-radius:6px;gap:10px;padding:10px;font-size:11px;display:flex}.star-list b,.question-stars{color:#d5b459;letter-spacing:3px}.star-list i,.question-stars i{color:#dcd5e8;font-style:normal}.back{color:#9b8bb8;background:0 0;align-items:center;gap:7px;padding:12px 0;font-size:12px;display:inline-flex}.compact{margin:15px 0 26px;font-size:30px}.editor-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.editor-grid form>p{color:#9b90ab;font-size:11px}.option-field{align-items:center;gap:10px;margin-bottom:12px;display:flex}.option-field input[type=radio]{accent-color:#8264d8;width:17px;height:17px}.option-field input:not([type=radio]){flex:1;min-width:0}.question-row{border-bottom:1px solid #eee9f3;padding:20px 0}.question-row>b{font-size:13px}.question-row>p{color:#75a291;gap:8px;font-size:12px;display:flex}.quiz-top{justify-content:space-between;max-width:760px;margin:25px auto;display:flex}.quiz{max-width:760px;margin:auto;padding:36px}.question-head{color:#aaa1b8;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:10px;display:flex}.question-stars{font-size:23px}.quiz h2{margin:30px 0 10px;font-size:27px;line-height:1.5}.quiz>p{font-size:13px}.answers{gap:12px;margin:28px 0;display:grid}.answer{text-align:left;color:#60556e;background:#fff;border:1px solid #e5deee;border-radius:9px;align-items:center;gap:15px;padding:16px 18px;display:flex}.answer>span{background:#f3f0f8;border-radius:6px;padding:6px 10px;font-size:11px}.answer svg{margin-left:auto}.answer.chosen{background:#f6f2ff;border-color:#9575df}.answer.correct{color:#4e8867;background:#eff8f2;border-color:#83b99b}.answer.wrong{background:#fff0ee;border-color:#dca098}.answer:disabled{opacity:1}.feedback{border-radius:8px;margin:18px 0;padding:16px;font-size:13px}.feedback p{margin-bottom:0;font-size:12px;line-height:1.7}.good{color:#5c8e70;background:#edf7f0}.bad{color:#aa7c63;background:#fff2ec}.quiz .quiz-tip{color:#aba1b7;margin-top:22px;font-size:10px}.finish{text-align:center;max-width:760px;margin:auto;padding:60px 25px}.finish svg{color:#d5b459}.finish h1{font-size:33px}.finish p{margin:20px 0 28px}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5;background:#25203c66;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:100%;max-width:460px;max-height:95vh;padding:38px;position:relative;overflow:auto;box-shadow:0 30px 100px #2d214d26}.close{color:#a299af;background:0 0;position:absolute;top:17px;right:17px}.modal-star{color:#9678d8;font-size:36px}.modal h2{margin-top:18px;font-size:25px;line-height:1.4}.modal>p{color:#a097b0;margin-bottom:25px;font-size:12px;line-height:1.8}label{color:#80748e;margin:18px 0;font-size:12px;font-weight:550;display:block}input:not([type=radio]):not([type=checkbox]),textarea{color:#52465f;background:#fff;border:1px solid #e0d9ea;border-radius:7px;outline-color:#a58ada;width:100%;margin-top:8px;padding:13px;display:block}textarea{resize:vertical;min-height:85px}.checkbox{align-items:center;gap:9px;font-size:11px;line-height:1.6;display:flex}.checkbox input{accent-color:#8a6ed2}.full{width:100%;margin-top:10px}.switch{color:#987fc3;background:0 0;width:100%;margin-top:22px;font-size:11px}.error,.success{color:#b17666;background:#fff0ed;border-radius:8px;justify-content:space-between;gap:10px;margin:15px 0;padding:15px 20px;font-size:12px;display:flex}.error button,.success button{color:inherit;background:0 0}.success{color:#648f77;background:#ecf6f0}@media (width>=1500px){main{padding:0 70px}.page-heading{padding-top:58px;padding-bottom:45px}.card-art{height:170px}.card-body{padding:26px}}@media (width<=1100px){aside{width:205px;padding:25px 16px}main{width:calc(100% - 205px);margin-left:205px;padding:0 27px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div{gap:10px;padding:14px}.stats i{display:none}.orbit{width:170px;margin:0}.five-stars,.saved{display:none}.card-body{padding:18px}}@media (width<=750px){aside{border-bottom:1px solid #ece8f5;border-right:0;flex-flow:wrap;align-items:center;gap:10px;width:auto;padding:12px 16px;position:static}.shell{display:block}.logo{margin-right:auto;padding:0;font-size:25px}.brand-icon{font-size:29px}.workspace-label,.side-note,.profile{display:none}.nav{gap:5px;margin:0;padding:9px;font-size:10px}.nav svg{width:15px}.nav:last-of-type{margin-right:0}main{width:100%;margin:0;padding:0 20px}header{height:67px}header>span{letter-spacing:1px;font-size:8px}.outline{padding:10px 12px;font-size:10px}.page-heading{min-height:0;padding:30px 0}.eyebrow{font-size:8px}h1{font-size:33px}.page-heading p{max-width:240px;font-size:11px;line-height:1.8}.orbit{width:100px;height:140px}.orbit-circle{width:80px;height:80px}.orbit:before{width:105px;height:60px}.big-star{font-size:77px}.s1{font-size:18px;right:0}.s2{display:none}.orb-label{letter-spacing:1px;font-size:5px;bottom:15px}.stats{gap:7px;margin-bottom:30px}.stats>div{padding:12px 9px;display:block}.stat-icon{border-radius:8px;width:30px;height:30px;margin-bottom:12px}.stat-icon svg{width:16px}.stats small{min-height:22px;font-size:9px}.stats b{font-size:23px}.section-title h2{font-size:19px}.section-title p{max-width:240px;font-size:10px;line-height:1.6}.cards{grid-template-columns:1fr}.card-art{height:145px}.card-body>p{min-height:0}.how{gap:13px;padding:20px 16px}.how p br{display:none}.how p{font-size:10px}footer{gap:20px;line-height:1.8}footer span:last-child{display:none}.editor-grid{grid-template-columns:1fr}.panel{padding:22px}.quiz{padding:23px}.quiz h2{font-size:23px}.question-head{font-size:8px}.question-stars{font-size:18px}.answer{font-size:12px}.modal{padding:29px}.admin-row{gap:10px}.admin-row h3{font-size:13px}.section-title .primary{padding:10px;font-size:10px}}
