/* МИСИАРИУМ 2.4 · Моят компас + Пулс на класа. No third-party resources. */
.m24-shell{background:radial-gradient(ellipse at 90% 2%,#133f58 0,transparent 43%),radial-gradient(ellipse at 0 22%,#163e45 0,transparent 39%),#071a2b;color:#eef8f5;min-height:75vh;padding:27px 0 76px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.m24-container{width:min(1140px,calc(100% - 34px));margin:0 auto}
.m24-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px;font-size:14px;color:#b2caca}
.m24-breadcrumb a{color:#b9f3db;text-decoration:none}.m24-breadcrumb a:hover{text-decoration:underline}
.m24-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px 48px;border:1px solid #438a81;border-radius:27px;background:linear-gradient(115deg,#11404b 0,#103450 53%,#192747 100%);box-shadow:0 22px 70px #0005;margin-bottom:25px}
.m24-hero::before{content:"";position:absolute;inset:0;opacity:.27;background-image:radial-gradient(#b5f8d1 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(90deg,transparent 25%,black)}
.m24-hero>div{position:relative;z-index:1}.m24-eyebrow{letter-spacing:2.1px;font-size:12px;font-weight:800;color:#d5df9b}
.m24-hero h1{font-size:clamp(36px,6vw,65px);line-height:1.09;letter-spacing:-.035em;margin:11px 0 17px;color:#ffefbe}
.m24-hero p{font-size:clamp(16px,2vw,19px);line-height:1.7;color:#e0efeb;max-width:620px;margin:0 0 23px}
.m24-steps{display:flex;gap:9px;flex-wrap:wrap}.m24-steps span{padding:9px 13px;border-radius:30px;background:#b6f3d21b;border:1px solid #b6f3d258;font-weight:750;font-size:13px}
.m24-compass{border:2px solid #d8ba7a66;background:radial-gradient(circle,#3b5261,#152739);aspect-ratio:1;width:190px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;box-shadow:inset 0 0 0 10px #ffffff08,0 12px 40px #04111c99;transform:rotate(-8deg)}
.m24-compass span{font-size:66px;line-height:1.1;color:#efcc85}.m24-compass strong{text-align:center;font-size:12px;letter-spacing:1.5px;line-height:1.8;color:#fff2cc}
.m24-panel{background:#f9faf5;color:#15354a;border-radius:23px;margin:21px 0;padding:28px 34px;box-shadow:0 9px 30px #0002;border:1px solid #e5efe7}
.m24-heading{display:flex;gap:16px;align-items:center;margin:0 0 21px}.m24-heading h2{font-size:clamp(23px,3.5vw,30px);color:#15374a;line-height:1.16;margin:0 0 6px}.m24-heading p{color:#586c73;margin:0;font-size:14px;line-height:1.55}
.m24-number{display:grid;place-items:center;border-radius:15px;background:#d9ede4;color:#245f58;font-size:22px;font-weight:900;min-width:52px;height:52px}
.m24-flash{padding:13px 19px;background:#e2f5e9;border:1px solid #a0cbb7;color:#0d4e36;border-radius:13px;margin:17px 0;font-weight:700}.m24-flash.error{background:#fff0e8;color:#932b2b;border-color:#e7a8a8}
.m24-form{display:grid;gap:15px}.m24-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;border:0;margin:0;padding:0}.m24-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.m24-path{cursor:pointer;display:block;position:relative}.m24-path input{position:absolute;left:17px;top:15px;width:19px;height:19px;accent-color:#14866c;z-index:2}.m24-path-body{display:flex;flex-direction:column;gap:8px;border:2px solid #d1e1dc;padding:22px 17px 22px;border-radius:16px;min-height:176px;background:#fff;transition:border-color .16s,transform .16s,background .16s}.m24-path:hover .m24-path-body{border-color:#408f7e;transform:translateY(-2px)}.m24-path input:checked+.m24-path-body{border-color:#1b8e77;background:#e9f8f0;box-shadow:inset 0 0 0 1px #1b8e7755}.m24-path input:focus-visible+.m24-path-body{outline:3px solid #e1b55e;outline-offset:3px}
.m24-path-icon{font-size:34px;padding-left:20px}.m24-path strong{color:#103e45;font-size:20px}.m24-path small{color:#536e70;font-size:13px;line-height:1.6}.m24-fields{display:grid;gap:10px;margin-top:7px}
.m24-fields label,.m24-form>label{font-weight:750;color:#214c53;font-size:15px}.m24-hint{font-size:12px;font-weight:500;color:#6d777d}.m24-fields select,.m24-fields textarea,.m24-form>textarea{width:100%;max-width:100%;border-radius:12px;background:#fff;border:1px solid #adc9c4;color:#15394a;padding:13px 15px;font:inherit;font-size:15px;box-sizing:border-box}.m24-fields select:focus,.m24-fields textarea:focus,.m24-form>textarea:focus{outline:3px solid #95d9bd;outline-offset:2px}
.m24-button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:42px;box-sizing:border-box;padding:12px 23px;color:#103e45!important;background:#fad486!important;border:1px solid #b58b44;border-radius:12px;text-decoration:none!important;font-size:15px;font-weight:850;cursor:pointer;box-shadow:0 3px 0 #ae7d36;transition:transform .15s}.m24-button:hover{transform:translateY(-1px);filter:brightness(1.035)}.m24-button:focus-visible{outline:3px solid #4eaf9e;outline-offset:4px}
.m24-today{border:1px solid #d3d5b2;background:#fffdf1}.m24-current{display:flex;gap:18px;align-items:center;border-radius:17px;background:#f1f4e8;padding:20px 22px}.m24-target-icon{font-size:42px}.m24-current div{flex:1}.m24-current strong{font-size:20px;color:#164d4d}.m24-current p{font-size:15px;margin:7px 0;line-height:1.6}.m24-current small{font-size:13px;color:#61746e}
.m24-statuses{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.m24-statuses legend{font-weight:800;color:#1f5059;margin-bottom:12px}.m24-statuses label{position:relative;cursor:pointer}.m24-statuses input{position:absolute;left:13px;top:17px;accent-color:#227f68}.m24-statuses label>span{display:flex;flex-direction:column;gap:9px;min-height:124px;padding:16px 13px 18px 40px;background:#fff;border:2px solid #d5e5db;border-radius:13px}.m24-statuses input:checked+span{border-color:#16846a;background:#e8f7ee}.m24-statuses input:focus-visible+span{outline:3px solid #b88739;outline-offset:2px}.m24-statuses strong{font-size:15px;color:#25545c}.m24-statuses small{font-size:12px;color:#536d71;line-height:1.5}.m24-submit{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.m24-submit small{color:#637879}.m24-quiet{background:#fff4e2;padding:12px 17px;border-radius:12px;line-height:1.65}
.m24-teacher-note{background:#dcefe6;border:1px solid #76bca5;padding:25px 30px;border-radius:19px;color:#174638;margin:23px 0}.m24-teacher-note h2{font-size:21px;margin:0 0 12px}.m24-teacher-note p{line-height:1.7;font-size:16px}.m24-teacher-note small{font-size:12px;color:#426f65}
.m24-empty{padding:25px;background:#123e4b;color:#e4ffed;text-align:center;border-radius:16px}.m24-history{margin:27px 0;color:#f2faee;border:1px solid #598984;border-radius:17px;padding:15px 20px;background:#112e3e}.m24-history summary{font-weight:800;cursor:pointer}.m24-history-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:13px;margin:17px 0}.m24-history-items article{background:#214653;border:1px solid #608981;border-radius:12px;padding:15px}.m24-history-items strong{color:#f9daa5}.m24-history-items p{font-size:14px;line-height:1.5;color:#e0eee9}.m24-history-items small{color:#bad8cc}.m24-privacy{font-size:13px;color:#bdd2d0;line-height:1.65;margin:24px 5px}
/* Teacher-only view intentionally retains neutral administrative styles. */
.m24-teacher .m24-intro h1{font-size:clamp(28px,3vw,38px);margin:9px 0}.m24-teacher .m24-intro p{max-width:850px;line-height:1.65}.m24-class-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:21px 0 0}.m24-class-filter label{font-weight:800}.m24-class-filter select{padding:11px 13px;min-width:190px;border:1px solid #9db6bb;border-radius:10px;background:#fff;color:#123c4b}
.m24-analytics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:17px 0 22px}.m24-analytics>div{background:#edf5f1;border-radius:17px;border:1px solid #c7deda;padding:19px 18px;display:flex;flex-direction:column;gap:10px}.m24-analytics strong{color:#17635c;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.m24-analytics span{color:#355860;font-size:13px;font-weight:750}
.m24-table-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.m24-table-heading h2{margin:0 0 10px}.m24-table-heading p{color:#577179;line-height:1.6;max-width:780px}.m24-table-wrap{overflow-x:auto}.m24-pulse-table{width:100%;border-collapse:collapse}.m24-pulse-table td{min-width:144px;vertical-align:top;padding:17px 10px;line-height:1.6;overflow-wrap:anywhere}.m24-pulse-table td:nth-child(3){min-width:230px}.m24-pulse-table td:nth-child(4){min-width:220px}.m24-pulse-table td small{display:block;font-size:12px;color:#58727a;margin:6px 0}.m24-pulse-table td a:not(.m24-indicator){display:inline-block;margin-top:3px}.m24-pulse-table tr.m24-attention{background:#fff8e9}.m24-indicator{display:block;padding:5px 7px;margin:5px 0;border-radius:8px;font-size:12px;font-weight:800;background:#eceff1;color:#586873;text-decoration:none}.m24-indicator.yes{background:#e0f2e9;color:#176e50}.m24-indicator.warn{background:#ffe8bd;color:#794512}.m24-student-word{font-size:13px;margin:8px 0;color:#2a4b59}.m24-muted{font-size:13px;color:#60767e}.m24-reply summary{cursor:pointer;color:#17666a;font-weight:800;margin:8px 0}.m24-reply label{display:grid;gap:7px;font-size:12px;color:#32575f}.m24-reply textarea{width:100%;box-sizing:border-box;padding:8px;border:1px solid #b8cbca;border-radius:9px;font-size:13px;resize:vertical}.m24-reply button{margin-top:7px}.m24-explain p{line-height:1.75}
@media(max-width:780px){.m24-hero{padding:30px 25px}.m24-compass{width:130px}.m24-compass span{font-size:44px}.m24-panel{padding:23px 19px}.m24-paths,.m24-statuses{grid-template-columns:1fr}.m24-path-body{min-height:unset;padding:18px 16px}.m24-statuses label>span{min-height:unset}.m24-analytics{grid-template-columns:repeat(2,minmax(0,1fr))}.m24-current{flex-wrap:wrap}.m24-current .m24-button{margin-left:auto}}
@media(max-width:490px){.m24-hero{padding:28px 22px}.m24-compass{display:none}.m24-analytics{grid-template-columns:1fr 1fr}.m24-analytics strong{font-size:27px}.m24-analytics>div{padding:13px}.m24-heading{align-items:flex-start}.m24-number{min-width:42px;height:42px;font-size:17px}.m24-shell{padding-top:17px}.m24-panel{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.m24-button,.m24-path-body{transition:none!important}}
.m24-profile-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(110deg,#143e4a,#224f4f);color:#f0fbf1;border:1px solid #6abb9f;border-radius:19px;padding:21px 25px;margin:20px 0;box-shadow:0 7px 20px #091f2c1f}.m24-profile-cta span{font-size:11px;letter-spacing:1.8px;color:#ffde95;font-weight:900}.m24-profile-cta h2{color:#fff2bf;font-size:25px;margin:6px 0}.m24-profile-cta p{color:#e0f3eb;max-width:590px;font-size:14px;line-height:1.65;margin:7px 0}.m24-profile-cta .m24-button{flex-shrink:0}@media(max-width:700px){.m24-profile-cta{flex-wrap:wrap}}