:root{--maroon: #7b1e2b;--maroon-dark: #5c1520;--maroon-tint: #f6ecee;--black: #1a1a1a;--gray-900: #2e2e2e;--gray-700: #555;--gray-500: #8a8a8a;--gray-300: #cfcfcf;--gray-200: #e4e4e4;--gray-100: #f3f3f3;--white: #fff;--ok: #2f6b3a;--warn: #8a5a00;--danger: #a3192b;--radius: 6px;--font: Cambria, "Cambria Math", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--black);background:var(--gray-100);font-size:16px;line-height:1.45}h1,h2,h3,h4{font-family:var(--font);color:var(--maroon);margin:0 0 .5rem;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.08rem}a{color:var(--maroon)}button,input,select,textarea{font-family:var(--font);font-size:1rem}:focus-visible{outline:3px solid #c58a94;outline-offset:1px}.topbar{background:var(--maroon);color:var(--white);display:flex;align-items:center;gap:1rem;padding:.55rem 1rem;position:sticky;top:0;z-index:20;flex-wrap:wrap}.brand{font-weight:700;font-size:1.05rem;letter-spacing:.2px;white-space:nowrap;color:var(--white);text-decoration:none}.brand small{display:block;font-weight:400;font-size:.75rem;opacity:.85}.nav{display:flex;gap:.25rem;flex-wrap:wrap;flex:1}.nav a{color:var(--white);text-decoration:none;padding:.35rem .65rem;border-radius:var(--radius)}.nav a.active,.nav a:hover{background:var(--maroon-dark)}.userbox{display:flex;gap:.5rem;align-items:center;font-size:.9rem}.userbox button{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.6)}.page{max-width:1200px;margin:0 auto;padding:1.25rem 1rem 6rem}.page.wide{max-width:1500px}.footer{text-align:center;color:var(--gray-500);font-size:.8rem;padding:1rem}.env-banner{background:#333;color:#fff;text-align:center;font-size:.85rem;padding:.25rem}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1rem}.card>h2:first-child,.card>h3:first-child{margin-top:0}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.row.between{justify-content:space-between}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem 1rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.stat{background:var(--white);border:1px solid var(--gray-200);border-left:4px solid var(--maroon);border-radius:var(--radius);padding:.75rem 1rem}.stat .n{font-size:1.7rem;color:var(--maroon);font-weight:700}.muted{color:var(--gray-700)}.small{font-size:.85rem}.btn{background:var(--white);color:var(--maroon);border:1px solid var(--maroon);border-radius:var(--radius);padding:.45rem .9rem;cursor:pointer;text-decoration:none;display:inline-block;line-height:1.2}.btn:hover{background:var(--maroon-tint)}.btn.primary{background:var(--maroon);color:var(--white)}.btn.primary:hover{background:var(--maroon-dark)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.small{padding:.25rem .55rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}label.field{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:var(--gray-900)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=search],select,textarea{border:1px solid var(--gray-300);border-radius:var(--radius);padding:.45rem .55rem;background:var(--white);width:100%}textarea{min-height:5.5rem;resize:vertical}table.list{width:100%;border-collapse:collapse;background:var(--white)}table.list th{text-align:left;background:var(--gray-100);color:var(--gray-900);font-weight:700;font-size:.9rem}table.list th,table.list td{padding:.55rem .6rem;border-bottom:1px solid var(--gray-200);vertical-align:top}table.list tr.clickable{cursor:pointer}table.list tr.clickable:hover td{background:var(--maroon-tint)}.table-wrap{overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--radius)}.pill{display:inline-block;font-size:.78rem;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--gray-300);background:var(--gray-100);white-space:nowrap}.pill.draft{border-color:var(--warn);color:var(--warn);background:#fff7e6}.pill.finalized{border-color:var(--ok);color:var(--ok);background:#edf6ee}.pill.maroon{border-color:var(--maroon);color:var(--maroon);background:var(--maroon-tint)}.alert{border-radius:var(--radius);padding:.7rem .9rem;margin-bottom:1rem;border:1px solid}.alert.error{background:#fdecee;border-color:#e9b3ba;color:var(--danger)}.alert.warn{background:#fff7e6;border-color:#e8c98a;color:#6b4500}.alert.info{background:var(--maroon-tint);border-color:#dcb9bf;color:var(--maroon-dark)}.empty{color:var(--gray-500);text-align:center;padding:1.5rem}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-start;justify-content:center;z-index:50;overflow-y:auto;padding:3rem 1rem}.modal{background:var(--white);border-radius:var(--radius);padding:1.2rem;width:100%;max-width:720px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--maroon);padding:1rem}.login-card{background:var(--white);border-radius:8px;padding:2rem;width:100%;max-width:400px}.login-card h1{text-align:center}.login-card .sub{text-align:center;color:var(--gray-700);margin-bottom:1.25rem}pre.json{background:var(--gray-100);padding:.75rem;border-radius:var(--radius);overflow:auto;max-height:420px;font-size:.8rem}.obs-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:flex-start;margin-bottom:.75rem}.obs-head h1{margin-bottom:.15rem}.obs-layout{display:grid;grid-template-columns:320px 1fr;gap:1rem;align-items:start}.obs-layout.panel-hidden{grid-template-columns:1fr}.side{position:sticky;top:4.2rem;max-height:calc(100vh - 9rem);overflow-y:auto}.side .card{margin-bottom:.75rem}.section{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:1rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--gray-200);background:var(--white);border-radius:var(--radius) var(--radius) 0 0}.section-head h2{margin:0;font-size:1.1rem}.section-head .sub{color:var(--gray-700);font-size:.85rem}.section-body{padding:.5rem 1rem 1rem}.section.collapsed .section-body{display:none}.item{padding:.75rem 0;border-bottom:1px solid var(--gray-200)}.item:last-child{border-bottom:0}.item-label{font-weight:700;margin-bottom:.45rem}.item-help{color:var(--gray-700);font-size:.85rem;margin:-.25rem 0 .45rem}.rating{display:flex;border:1px solid var(--maroon);border-radius:var(--radius);overflow:hidden;margin-bottom:.5rem;flex-wrap:wrap}.rating button{flex:1 1 0;min-width:6.5rem;background:var(--white);color:var(--maroon);border:0;border-right:1px solid #d9b6bc;padding:.55rem .4rem;cursor:pointer;font-size:.9rem;line-height:1.2}.rating button:last-child{border-right:0}.rating button.selected{background:var(--maroon);color:var(--white);font-weight:700}.rating button.no-obs.selected{background:var(--gray-700)}.rating button:disabled{cursor:default}.checks{display:flex;flex-direction:column;gap:.3rem}.checks label{display:flex;gap:.5rem;align-items:flex-start;cursor:pointer}.checks input{margin-top:.25rem;width:1.05rem;height:1.05rem;accent-color:var(--maroon)}.timer{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem}.timer .clock{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.4rem;border:2px solid var(--black);border-radius:8px;padding:.25rem .75rem}.score-box{background:var(--maroon-tint);border:1px solid #dcb9bf;border-radius:var(--radius);padding:.6rem .8rem;margin:.5rem 0;font-size:.92rem}.savebar{position:fixed;left:0;right:0;bottom:0;background:var(--white);border-top:1px solid var(--gray-300);padding:.55rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;z-index:30;flex-wrap:wrap}.save-state{font-size:.9rem;display:flex;align-items:center;gap:.4rem}.dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--gray-500);display:inline-block}.dot.saved{background:var(--ok)}.dot.saving,.dot.unsaved{background:var(--warn)}.dot.offline,.dot.error,.dot.conflict{background:var(--danger)}.note{border-left:3px solid var(--gray-300);padding:.25rem .5rem;margin-bottom:.5rem;font-size:.92rem}.note.shared{border-left-color:var(--maroon)}.note .meta{font-size:.75rem;color:var(--gray-700);display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.tag{color:var(--maroon);cursor:pointer;text-decoration:underline}.student-grid{display:grid;gap:.4rem}.student-grid label{font-size:.85rem;color:var(--gray-700)}.photo-card{border:1px solid var(--gray-200);border-radius:var(--radius);margin-bottom:.6rem;overflow:hidden;background:var(--white)}.photo-card>img{width:100%;max-height:180px;object-fit:cover;display:block;cursor:zoom-in;background:var(--gray-100)}.photo-body{padding:.45rem .55rem}.photo-body textarea{margin-top:.35rem;font-size:.9rem}.suggestion{background:var(--maroon-tint);border:1px dashed var(--maroon);border-radius:var(--radius);padding:.55rem .7rem;margin-bottom:.55rem}.sugg-text{white-space:pre-wrap;font-size:.92rem;margin-top:.3rem}.item.has-suggestion{border-left:3px solid var(--maroon);padding-left:.6rem}@media(max-width:900px){.obs-layout{grid-template-columns:1fr}.side{position:static;max-height:none}.rating button{min-width:30%;border-bottom:1px solid #d9b6bc}.nav{order:3;flex-basis:100%}.topbar{position:static}.page{padding-bottom:8rem}}@media print{.topbar,.savebar,.side,.no-print{display:none!important}.obs-layout{grid-template-columns:1fr}.section.collapsed .section-body{display:block}body{background:#fff}}