html{text-size-adjust:100%}:root{color-scheme:dark;--bg:#0b0f14;--panel:#121922;--border:#243044;--text:#e8eef7;--muted:#9fb0c8;--accent:#3ddc97;--accent-2:#4da3ff;--danger:#ff6b6b;--radius:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(1200px 600px at 20% -10%,#132032 0,var(--bg) 55%);color:var(--text);touch-action:manipulation;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0)}.site-header{border-bottom:1px solid var(--border);background:rgba(10,14,20,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:env(safe-area-inset-top,0)}.site-header-inner{max-width:960px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:16px}.site-logo{border-radius:50%;border:2px solid rgba(255,255,255,.12);box-shadow:0 4px 20px rgba(0,0,0,.45);flex-shrink:0}.site-header a{display:flex;line-height:0;text-decoration:none;color:inherit}.site-header-text{display:flex;flex-direction:column;gap:2px;min-width:0}.site-brand{font-weight:700;font-size:1.15rem;letter-spacing:-.02em;color:var(--text)}.site-tagline{font-size:.85rem;color:var(--muted)}a{color:var(--accent-2)}main{max-width:960px;margin:0 auto;padding:32px max(20px,env(safe-area-inset-right,0px)) max(64px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))}.card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--border);border-radius:var(--radius);padding:20px}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}label{font-size:.9rem;color:var(--muted)}button,input,select,textarea{font:inherit}input,select{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#0c121a;color:var(--text);min-width:220px;max-width:100%}button{padding:10px 16px;min-height:44px;border-radius:10px;border:1px solid transparent;cursor:pointer;background:var(--accent);color:#04120c;font-weight:600}button.secondary{background:transparent;border-color:var(--border);color:var(--text)}button:disabled{opacity:.55;cursor:not-allowed}.notice{margin-top:16px;padding:14px 16px;border-radius:10px;border:1px solid rgba(61,220,151,.35);background:rgba(61,220,151,.08);color:var(--text)}.notice.warn{border-color:rgba(255,200,87,.45);background:rgba(255,200,87,.08)}.error{margin-top:12px;color:var(--danger);font-size:.95rem}video{width:100%;max-width:520px;border-radius:12px;border:1px solid var(--border);background:#000}.face-video{max-height:min(50vh,420px);object-fit:cover;aspect-ratio:4/3}h1{font-size:1.75rem;letter-spacing:-.02em;margin:0 0 8px}.sub{color:var(--muted);margin:0 0 24px}.topnav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:16px}.topnav a{display:inline-flex;align-items:center;min-height:44px;padding:6px 2px}table{width:100%;border-collapse:collapse;font-size:.95rem}td,th{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left;vertical-align:top}th{color:var(--muted);font-weight:600}.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:grid;place-items:center;align-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));z-index:50}.modal,.modal .card{overflow-y:auto;-webkit-overflow-scrolling:touch}.modal .card{width:min(720px,100%);max-height:min(92dvh,900px)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.table-scroll table{min-width:720px}.input-fluid{width:100%;min-width:0!important;max-width:100%;box-sizing:border-box}@media (max-width:640px){main{padding-top:16px;padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}.card{padding:16px}h1{font-size:1.4rem}.site-header-inner{padding:10px max(14px,env(safe-area-inset-left)) 10px max(14px,env(safe-area-inset-right));gap:12px}.site-brand{font-size:1rem}.site-tagline{font-size:.72rem}.site-logo,.site-logo img{width:56px!important;height:56px!important;max-width:56px;max-height:56px}input,select,textarea{font-size:16px!important}input,select{min-width:0!important;width:100%}.mobile-form-row{flex-direction:column!important;align-items:stretch!important}.mobile-form-row label{width:100%}.mobile-form-row button[type=submit]{width:100%;min-height:48px}.mobile-btn-row,.professor-grade-row,.stack-mobile{flex-direction:column;align-items:stretch}.professor-grade-row{gap:8px}.mobile-btn-row button{width:100%;min-height:48px}.topnav{justify-content:space-between}}.professor-picker-card{position:relative}.professor-search-input{margin-top:6px}.professor-picker-list{list-style:none;margin:10px 0 0;padding:0;max-height:min(45vh,340px);overflow-y:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:10px;background:#0c121a}.professor-picker-item{width:100%;text-align:left;padding:12px 14px;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-height:48px;font:inherit}.professor-picker-item:last-child{border-bottom:none}.professor-picker-item.is-active,.professor-picker-item:hover{background:rgba(61,220,151,.1)}.professor-picker-empty{padding:16px;color:var(--muted);margin:0}.professor-picker-name{font-weight:600}.professor-picker-meta{font-size:.8rem;color:var(--muted)}.btn-danger{background:rgba(255,107,107,.12);color:#ffc9c9;border:1px solid rgba(255,107,107,.45)}.btn-danger:hover:not(:disabled){background:rgba(255,107,107,.22)}.professor-editor-grid{display:flex;flex-direction:column;gap:16px}.professor-editor-grid>label{display:flex;flex-direction:column;gap:6px}.professor-actions-row{flex-direction:column;align-items:stretch;gap:10px;margin-top:8px}@media (min-width:640px){.professor-actions-row{flex-direction:row;flex-wrap:wrap}.professor-actions-row button{width:auto}}