:root{color-scheme:light;font-family:Inter,Noto Sans Khmer,Khmer OS Battambang,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7f5ef;color:#182522;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:28px;height:100vh;padding:24px;background:#245344;color:#f7f5ef}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-lockup img{width:48px;height:48px}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup span,.offline-note,.eyebrow,.topic-row span,.metric-card span,.timeline-card span,.rule-card span,.sms-card span,.quiet-note{color:#64736f;font-size:.82rem}.sidebar .brand-lockup span,.sidebar .offline-note{color:#c9ded1}.sidebar nav{display:grid;gap:8px}.sidebar a,.offline-note{display:flex;align-items:center;gap:10px}.sidebar a{min-height:42px;padding:10px 12px;border-radius:8px;color:#f7f5ef;text-decoration:none}.sidebar a:hover,.sidebar a:focus-visible{outline:0;background:#ffffff1f}.offline-note{margin-top:auto;padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:8px}.workspace{display:grid;gap:20px;width:min(1180px,100%);margin:0 auto;padding:28px}.topbar,.section-heading,.hero-actions,.facilitator-actions{display:flex;align-items:center}.topbar,.section-heading{justify-content:space-between;gap:16px}.eyebrow{margin:0 0 4px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1,h2{margin-bottom:0;line-height:1.08}h1{font-size:clamp(2rem,5vw,4rem)}h2{font-size:clamp(1.2rem,3vw,2rem)}.student-chip,.role-switcher,.primary-action,.icon-action,.facilitator-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;font-weight:800}.student-chip{flex:0 0 auto;padding:0 14px;background:#fff;border:1px solid #dde4dc}.role-switcher{flex:0 1 360px;display:grid;justify-items:start;align-items:stretch;min-height:0;padding:12px;background:#fff;border:1px solid #dde4dc;border-radius:8px;color:#364641;font-size:.82rem}.role-switcher select{margin-top:6px;background:#f7f5ef}.auth-band,.backend-band{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);gap:20px;align-items:center;padding:20px;border:1px solid #d6e1d9;border-radius:8px;background:#fff}.auth-band p,.backend-band p{margin-bottom:0;line-height:1.55;color:#465650}.backend-band.connected{border-color:#9ac8b9;background:#f4fbf8}.backend-band.demo,.backend-band.signed_out{border-color:#f4d77b;background:#fffaf0}.backend-band.error{border-color:#efaa95;background:#fff3ee}.backend-band code{display:block;padding:12px;overflow-wrap:anywhere;border-radius:8px;background:#182522;color:#fffdf6}.auth-actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.auth-actions button{min-height:42px;padding:0 14px;border-radius:8px;background:#245344;color:#fffdf6;font-weight:900}.lock-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#eaf2ea;color:#245344;font-size:.78rem;font-weight:900;text-transform:uppercase}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.permission-grid span{display:grid;place-items:center;min-height:34px;padding:6px 8px;border-radius:8px;font-size:.74rem;font-weight:900;text-align:center;text-transform:capitalize}.permission-grid .allowed{background:#eaf2ea;color:#245344}.permission-grid .denied{background:#f2eee5;color:#8a5b50}.hero-band{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:stretch;min-height:340px;overflow:hidden;border-radius:8px;background:linear-gradient(120deg,#245344f5,#3f6f62d6),#245344;color:#fffdf6}.hero-copy{display:grid;align-content:center;gap:18px;padding:clamp(24px,6vw,52px)}.hero-copy .eyebrow,.hero-copy p{color:#dcece1}.hero-copy p{max-width:58ch;margin-bottom:0;line-height:1.6}.hero-actions{gap:10px}.primary-action{padding:0 16px;background:#f4b942;color:#17231f}.icon-action{width:42px;background:#ffffff21;color:#fffdf6}.temple-visual{position:relative;min-height:300px;background:linear-gradient(180deg,#8ec6b5,#f4b942 68%,#e76f51 69%)}.sun,.tower,.steps{position:absolute}.sun{right:18%;top:16%;width:72px;aspect-ratio:1;border-radius:50%;background:#fff4bd}.tower{bottom:76px;width:72px;background:#245344;clip-path:polygon(50% 0,72% 22%,72% 100%,28% 100%,28% 22%)}.tower-left{left:20%;height:120px}.tower-center{left:40%;height:172px;width:96px}.tower-right{right:18%;height:120px}.steps{right:12%;bottom:40px;width:76%;height:52px;background:linear-gradient(#245344 0 0) center top / 88% 12px no-repeat,linear-gradient(#245344 0 0) center 20px / 100% 12px no-repeat,linear-gradient(#245344 0 0) center 40px / 78% 12px no-repeat}.panel-grid,.content-grid{display:grid;gap:16px}.panel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card,.section-block,.timeline-card{background:#fff;border:1px solid #dde4dc;border-radius:8px}.metric-card{display:grid;gap:8px;min-height:136px;padding:18px}.metric-card strong{font-size:1.3rem}.metric-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#eaf2ea;color:#245344}.metric-icon svg{width:20px;height:20px}.section-block{padding:20px}.section-heading{margin-bottom:18px}.section-heading>svg{color:#245344}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{display:grid;gap:6px;color:#364641;font-size:.88rem;font-weight:800}input,select{width:100%;min-height:42px;padding:0 12px;border:1px solid #cfd8d2;border-radius:8px;background:#fbfaf6;color:#182522}.wide-field{grid-column:1 / -1}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;border:1px solid #dde4dc;border-radius:8px;background:#f4f1e8}.segmented-control button{min-height:38px;border-radius:6px;background:transparent;color:#465650;font-weight:800}.segmented-control .active{background:#fff;color:#245344;box-shadow:0 1px 4px #1825221f}.topic-list,.rule-stack{display:grid;gap:12px;margin-top:16px}.topic-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:12px;align-items:center;padding:12px;border:1px solid #edf0ec;border-radius:8px}.topic-row strong,.topic-row span{display:block}.progress-shell{position:relative;height:26px;overflow:hidden;border-radius:999px;background:#edf0ec}.progress-shell div{height:100%;border-radius:inherit;background:#2f7d68}.progress-shell span{position:absolute;inset:0;display:grid;place-items:center;color:#182522;font-size:.76rem;font-weight:900}.timeline{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.timeline-card{display:grid;align-content:start;gap:10px;min-height:170px;padding:16px;scroll-snap-align:start}.timeline-card strong{font-size:1rem}.timeline-card p,.rule-card p,.sms-card p,.quiet-note{margin-bottom:0;line-height:1.5}.timeline-card.buffer{background:#fff8de;border-color:#f4d77b}.timeline-card.holiday{background:#eef7f4;border-color:#9ac8b9}.timeline-card.mock{background:#fcebe5;border-color:#efaa95}.timeline-card.review{background:#eef0ff;border-color:#b9c3f2}.rule-card{display:grid;gap:6px;padding:14px;border-left:4px solid #2f7d68;background:#f7f9f6;border-radius:6px}.rule-card span,.sms-card span{font-weight:900;text-transform:uppercase}.facilitator-actions{flex-wrap:wrap;gap:10px}.facilitator-actions button{flex:1 1 170px;padding:0 12px;background:#eaf2ea;color:#245344}.sms-card{display:grid;gap:10px;margin-top:16px;padding:14px;border:1px solid #dde4dc;border-radius:8px;background:#fbfaf6}.range-label{font-size:.84rem}.checkbox-row{display:flex;grid-template-columns:none;align-items:center;gap:8px}.checkbox-row input{width:18px;min-height:18px;accent-color:#245344}.quiet-note{margin-top:12px}.route-page{min-height:100vh;padding:28px;background:#f7f5ef}.checkbox-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #dde4dc;border-radius:8px}.vertical-roadmap{display:grid;gap:14px;margin-top:20px}.journey-step{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;padding:14px;border:1px solid #dde4dc;border-radius:8px;background:#fbfaf6}.journey-step.buffer{background:#fff8de}.journey-step.holiday{background:#eef7f4}.journey-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#245344;color:#fffdf6;font-weight:900}.journey-step span,.journey-step p{color:#64736f}.journey-progress{height:10px;overflow:hidden;border-radius:999px;background:#dde4dc}.journey-progress div{height:100%;border-radius:inherit;background:#2f7d68}.exercise-panel{max-width:760px}.signin-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:14px;align-items:center;margin:18px 0;padding:14px;border:1px solid #dde4dc;border-radius:8px;background:#f7f9f6}.signin-strip p{margin-bottom:0;color:#64736f}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.option-grid button,.icon-text-action{min-height:42px;padding:0 14px;border-radius:8px;background:#eaf2ea;color:#245344;font-weight:900}.option-grid .selected-option{background:#245344;color:#fffdf6}.locked-panel{display:grid;place-items:start;gap:8px;min-height:190px;background:repeating-linear-gradient(135deg,#2453440d 0 10px,#fff0 10px 20px),#fff}.locked-panel svg{color:#8a5b50}.locked-panel p{margin-bottom:0;color:#64736f}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-card,.audit-table article{display:grid;gap:8px;padding:14px;border:1px solid #edf0ec;border-radius:8px;background:#fbfaf6}.admin-card svg{color:#245344}.admin-card span,.audit-table span{color:#64736f;font-size:.82rem}.audit-table{display:grid;gap:10px;margin-top:16px}.audit-table p{margin-bottom:0;color:#465650}@media(max-width:980px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:start;min-height:auto}.sidebar{position:static;height:auto;padding:16px}.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar a{justify-content:center;min-width:0;font-size:.82rem}.offline-note{margin-top:0}.hero-band,.auth-band,.backend-band,.signin-strip,.content-grid{grid-template-columns:1fr}.panel-grid,.permission-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.workspace{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.student-chip{align-self:stretch}.role-switcher{width:100%;flex-basis:auto}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-band{min-height:0}.temple-visual{min-height:210px}.panel-grid,.permission-grid,.admin-grid,.auth-actions,.checkbox-grid,.option-grid,.form-grid,.topic-row{grid-template-columns:1fr}.timeline{grid-auto-columns:minmax(78vw,1fr)}}