@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{--cream:#f5f0e5;--ink:#151515;--red:#e52b2e;--blue:#2851a6;--yellow:#f3ca00}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Noto Sans SC,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}header{border-bottom:3px solid var(--ink);background:var(--cream);justify-content:space-between;align-items:center;height:66px;padding:0 32px;display:flex}.mark{align-items:center;gap:10px;font-size:16px;display:flex}.mark i{background:var(--red);width:19px;height:19px;box-shadow:13px 0 0 var(--blue);border-radius:50%;display:block}.edition,.page-title p,.hero p,.profile-top p,.assessment-head p{letter-spacing:.06em;font:500 11px DM Mono,monospace}.app{min-height:100vh;padding-left:220px}.app aside{z-index:1;border-right:3px solid var(--ink);background:var(--cream);width:220px;height:100vh;padding-top:66px;position:fixed;top:0;left:0}aside button{border:0;border-bottom:1px solid var(--ink);text-align:left;background:0 0;width:100%;height:64px;padding-left:28px;font-weight:700;display:block}aside button.on{background:var(--ink);color:var(--cream)}.content{max-width:1300px;margin:auto;padding:38px 44px 100px}.hero{background:var(--ink);min-height:236px;color:var(--cream);justify-content:space-between;align-items:flex-end;padding:30px 36px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:var(--red);border-radius:50%;width:200px;height:200px;position:absolute;top:-90px;right:190px}.hero h1{z-index:1;margin:5px 0 0;font-size:42px;line-height:1.18;position:relative}.hero p{color:#ddd}.big-number{text-align:right;z-index:1;font-size:100px;font-weight:900;line-height:.75;position:relative}.big-number small{margin-top:20px;font-size:13px;display:block}.cards{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;display:grid}.level-card{border:3px solid var(--ink);background:var(--cream);grid-template-columns:35px 1fr;align-items:center;height:100px;padding:12px;display:grid}.level-card b{align-self:start;font:500 12px DM Mono}.level-card strong{font-size:20px}.level-card span{justify-self:end;font-size:13px}.red{--accent:var(--red)}.blue{--accent:var(--blue)}.yellow{--accent:var(--yellow)}.level-card.red{border-top:12px solid var(--red)}.level-card.blue{border-top:12px solid var(--blue)}.level-card.yellow{border-top:12px solid var(--yellow)}.split{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.panel{border:3px solid var(--ink);background:#fff;padding:20px}.panel h2{margin:0 0 15px;font-size:19px}.panel h2 em{color:var(--red);font-style:normal}.student-row{border:0;border-top:1px solid var(--ink);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:12px 0;display:flex}.student-row b,.student-list b{font-size:15px}.student-row small,.student-list small{margin-top:3px;font-size:12px;font-weight:400;display:block}.avatar{border:2px solid var(--ink);background:var(--accent,#fff);border-radius:50%;place-items:center;width:35px;height:35px;font-size:15px;font-weight:700;display:grid}mark.outcome{color:#fff;background:var(--blue);margin-left:auto;padding:5px 8px;font-size:12px}mark.outcome.C{background:var(--red)}.path div{border-top:1px solid var(--ink);align-items:center;gap:10px;padding:11px 0;display:flex}.path b{color:#fff;background:var(--blue);padding:3px 6px}.path b.red{background:var(--red)}.path b.yellow{background:var(--yellow);color:var(--ink)}.path i{margin-left:auto;font-style:normal}.page-title h1{margin:5px 0 25px;font-size:38px}.filters{gap:12px;margin-bottom:16px;display:flex}.filters input,.filters select,label input,label select,label textarea{border:2px solid var(--ink);background:#fff;padding:11px}.filters input{flex:1}.directory{grid-template-columns:310px 1fr;gap:18px;display:grid}.student-list{border:3px solid var(--ink);background:#fff}.student-list button{border:0;border-bottom:1px solid var(--ink);text-align:left;background:#fff;align-items:center;gap:10px;width:100%;padding:13px;display:flex}.student-list button.chosen{background:var(--yellow)}.student-list i{margin-left:auto;font-size:25px}.profile{border:3px solid var(--ink);background:#fff}.profile-top{background:var(--accent);border-bottom:3px solid var(--ink);align-items:center;gap:14px;padding:22px;display:flex}.profile-top .avatar{background:var(--cream);width:48px;height:48px}.profile-top h2{margin:0;font-size:27px}.profile-top p{margin:0}.profile-top>a{color:var(--ink);margin-left:auto;font-size:13px;font-weight:700}.score-strip{border-bottom:3px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.score-strip b{border-right:2px solid var(--ink);padding:17px;font-size:34px}.score-strip b:last-child{border:0}.score-strip small{font-size:11px;font-weight:400;display:block}.score-strip .outcome{background:var(--blue);color:#fff}.score-strip .outcome.C{background:var(--red)}.scores{padding:20px}.scores h3{margin:0 0 10px;font-size:14px}.scores div,.report-scores div{border-top:1px solid var(--ink);justify-content:space-between;padding:11px 0;display:flex}.scores small,.report-scores small{color:#555;font-size:11px;display:block}.recommendation{background:var(--cream);border-left:8px solid var(--yellow);margin:0 20px 20px;padding:14px}.recommendation p{margin:5px 0}.recommendation small{font-size:12px}.primary{border:3px solid var(--ink);background:var(--red);color:#fff;margin:0 20px 20px;padding:13px 20px;font-weight:700}.blank-score{padding:45px 20px}.choose{max-width:620px}.choose p{margin-bottom:16px}.choose button{border:2px solid var(--ink);background:#fff;justify-content:space-between;width:100%;margin-top:10px;padding:16px;font-weight:700;display:flex}.choose span{font-size:13px;font-weight:400}.assessment{border:3px solid var(--ink);background:#fff;max-width:720px}.assessment-head{background:var(--accent);border-bottom:3px solid var(--ink);padding:25px}.assessment-head h1{margin:3px 0;font-size:29px}.assessment>label,.settings label{padding:16px 20px 0;font-size:13px;font-weight:700;display:block}.assessment>label input,.assessment>label textarea,.settings label input,.settings label select{width:100%;margin-top:7px;display:block}.assessment textarea{resize:vertical;min-height:76px}.score-input{border-bottom:1px solid var(--ink);align-items:center;gap:12px;padding:14px 20px;display:flex}.score-input div{flex:1}.score-input small{color:#555;margin-top:3px;font-size:11px;display:block}.score-input input{border:2px solid var(--ink);width:62px;padding:8px}.live-result{border:3px solid var(--ink);background:#ffe7e7;align-items:center;gap:18px;margin:20px;padding:14px;display:flex}.live-result.passed{background:#d9e7ff}.live-result>b{font-size:38px}.live-result small{font-size:11px;font-weight:400;display:block}.settings{grid-template-columns:1fr 1fr;gap:18px;max-width:850px;display:grid}.settings section{border:3px solid var(--ink);background:#fff;padding:20px}.settings h2{margin-top:0}.settings .primary{margin:16px 0 0}.muted{color:#666;font-size:13px}.bottom{display:none}.parent-report{background:#fff;max-width:700px;min-height:100vh;margin:auto}.parent-report header{padding:0 24px}.report-hero{background:var(--accent);border-bottom:3px solid var(--ink);flex-direction:column;align-items:flex-start;min-height:255px;padding:32px 28px;display:flex}.report-hero h1{margin:38px 0 0;font-size:50px}.report-hero span{margin-top:6px}.report-summary{border:3px solid var(--ink);margin:20px;display:flex}.report-summary>b{background:var(--ink);color:var(--cream);padding:16px;font-size:52px;line-height:1}.report-summary small{margin-top:10px;font-size:11px;display:block}.report-summary div{padding:14px}.report-summary p{margin:5px 0;font-size:14px}.report-scores,.report-note{border:3px solid var(--ink);margin:20px;padding:0 20px 18px}.report-scores h2,.report-note h2{font-size:18px}.report-note{background:var(--cream)}.back{color:var(--ink);margin:28px 20px;font-weight:700;display:block}.empty{padding:60px}@media (width<=800px){header{height:58px;padding:0 18px}.edition{font-size:9px}.app{padding:0}.app aside{display:none}.content{padding:20px 16px 88px}.hero{min-height:205px;padding:22px}.hero:after{width:130px;height:130px;top:-35px;right:-25px}.hero h1{font-size:32px}.big-number{font-size:70px}.cards{grid-template-columns:repeat(2,1fr);gap:8px}.level-card{height:82px;padding:8px}.level-card strong{font-size:17px}.split{grid-template-columns:1fr}.path{display:none}.bottom{z-index:5;background:var(--ink);grid-template-columns:repeat(4,1fr);padding:7px 0;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom button{color:#aaa;background:0 0;border:0;font-size:19px}.bottom button.on{color:var(--yellow)}.bottom span{margin-top:2px;font-size:10px;display:block}.page-title h1{margin-bottom:18px;font-size:31px}.filters{flex-direction:column}.directory{grid-template-columns:1fr}.profile{margin-top:4px}.student-list{max-height:310px;overflow:auto}.profile-top h2{font-size:24px}.profile-top>a{font-size:11px}.score-strip b{padding:13px;font-size:27px}.scores{padding:14px}.assessment{border-width:0 0 3px;margin:-20px -16px 0}.assessment-head{padding:22px 18px}.score-input{padding:13px 18px}.settings{grid-template-columns:1fr}.parent-report header{height:58px}.report-hero h1{font-size:43px}.report-summary,.report-scores,.report-note{margin:14px}.report-summary>b{font-size:43px}.parent-report .mark b{font-size:14px}}.share-link{border:2px solid var(--ink);background:var(--cream);margin-left:auto;padding:9px;font-size:12px;font-weight:700}.login{background:var(--blue);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--cream);border:4px solid var(--ink);width:min(430px,100%);box-shadow:14px 14px 0 var(--yellow);padding:34px}.login-card h1{margin:25px 0;font-size:38px}.login-card>p{margin-top:35px;font:500 11px DM Mono,monospace}.login-card label{font-weight:700;display:block}.login-card input{border:3px solid var(--ink);background:#fff;width:100%;margin-top:8px;padding:13px;display:block}.login-card .primary{width:100%;margin:18px 0;display:block}.login-card>small{line-height:1.6;display:block}.login-error{color:var(--red);margin-top:8px;font-size:13px;display:block}