body{margin:0;font-family:system-ui,sans-serif;background:#f7f7f9;color:#1a1a1a}.auth-page{max-width:360px;margin:80px auto;padding:24px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.auth-page form{display:flex;flex-direction:column;gap:12px}.auth-page label{display:flex;flex-direction:column;gap:4px;font-size:14px}input,select,textarea,button{font:inherit;padding:8px;border-radius:4px;border:1px solid #ccc}button{cursor:pointer;background:#1a1a1a;color:#fff;border:none}button:disabled{opacity:.6;cursor:not-allowed}.error{color:#b00020;font-size:14px}.app-shell header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e0e0e0}.app-shell main{max-width:800px;margin:24px auto;padding:0 24px}.user-info{display:flex;gap:12px;align-items:center}.app-shell nav{display:flex;gap:16px}.app-shell nav a{color:#1a1a1a;text-decoration:none;font-weight:500}.app-shell nav a:hover{text-decoration:underline}.course-id-form{display:flex;gap:8px;align-items:flex-end;margin-bottom:16px}.course-id-form label{display:flex;flex-direction:column;gap:4px;font-size:14px}.flag-notice{color:#b00020;font-weight:600}.flagged-list{list-style:none;padding:0}.flagged-list li{background:#fff;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a}.flagged-meta{color:#666;font-size:13px;margin-bottom:8px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}@media (max-width: 640px){.app-shell header{flex-direction:column;align-items:flex-start;gap:12px}.app-shell nav{flex-wrap:wrap}.app-shell main{padding:0 16px}.course-id-form{flex-direction:column;align-items:stretch}.auth-page{margin:40px auto;max-width:calc(100% - 32px)}}